<!doctype html>
<html
  
  lang="en"
>
  <head><link
        rel="icon"
        type="image/png"
        href="//www.mackeene.com/cdn/shop/files/MACKEENE_LOGO.svg?crop=center&height=32&v=1713956225&width=32"
      >
    
    
      <link
        rel="expect"
        href="#MainContent"
        blocking="render"
        id="view-transition-render-blocker"
      >
    


<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="view-transition"
  content="same-origin"
>
<meta
  name="theme-color"
  content=""
>

<meta
  property="og:site_name"
  content="MACKEENE EU"
>
<meta
  property="og:url"
  content="https://www.mackeene.com/"
>
<meta
  property="og:title"
  content="MACKEENE STUDIO"
>
<meta
  property="og:type"
  content="website"
>
<meta
  property="og:description"
  content="Invest in a feeling --- Make it last"
><meta
    property="og:image"
    content="http://www.mackeene.com/cdn/shop/files/Logo-MACKEENE-Pinterest.jpg?v=1713168134"
  >
  <meta
    property="og:image:secure_url"
    content="https://www.mackeene.com/cdn/shop/files/Logo-MACKEENE-Pinterest.jpg?v=1713168134"
  >
  <meta
    property="og:image:width"
    content="538"
  >
  <meta
    property="og:image:height"
    content="538"
  ><meta
  name="twitter:card"
  content="summary_large_image"
>
<meta
  name="twitter:title"
  content="MACKEENE STUDIO"
>
<meta
  name="twitter:description"
  content="Invest in a feeling --- Make it last"
>

<title>
  MACKEENE STUDIO
 &ndash; MACKEENE EU</title>

<link
  rel="canonical"
  href="https://www.mackeene.com/"
>


  <meta
    name="description"
    content="Invest in a feeling --- Make it last"
  >

<link href="//www.mackeene.com/cdn/shop/t/112/assets/overflow-list.css?v=16727044177065489451774958070" as="style" rel="preload">
<link href="//www.mackeene.com/cdn/shop/t/112/assets/base.css?v=110558660533795380521774958070" rel="stylesheet" type="text/css" media="all" />

<link
    rel="preload"
    as="font"
    href="//www.mackeene.com/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.mackeene.com/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.mackeene.com/cdn/fonts/outfit/outfit_n2.789f288d061952dc1dbc9afdf50d9a7c26ec8c64.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  ><link
    rel="preload"
    as="font"
    href="//www.mackeene.com/cdn/fonts/outfit/outfit_n3.8c97ae4c4fac7c2ea467a6dc784857f4de7e0e37.woff2"
    type="font/woff2"
    crossorigin
    fetchpriority="low"
  >


<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
  {
    "imports": {
      "@theme/overflow-list": "//www.mackeene.com/cdn/shop/t/112/assets/overflow-list.js?v=46858356770684902511774958070",
      "@theme/product-title": "//www.mackeene.com/cdn/shop/t/112/assets/product-title-truncation.js?v=81744426891537421781774958070",
      "@theme/component": "//www.mackeene.com/cdn/shop/t/112/assets/component.js?v=184240237101443119871774958070",
      "@theme/dialog": "//www.mackeene.com/cdn/shop/t/112/assets/dialog.js?v=150888536568694194021774958070",
      "@theme/events": "//www.mackeene.com/cdn/shop/t/112/assets/events.js?v=1118589085892804011774958070",
      "@theme/focus": "//www.mackeene.com/cdn/shop/t/112/assets/focus.js?v=60436577539430446401774958070",
      "@theme/morph": "//www.mackeene.com/cdn/shop/t/112/assets/morph.js?v=104045809772310330131774958070",
      "@theme/paginated-list": "//www.mackeene.com/cdn/shop/t/112/assets/paginated-list.js?v=95298315036233333871774958070",
      "@theme/performance": "//www.mackeene.com/cdn/shop/t/112/assets/performance.js?v=171015751390534793081774958070",
      "@theme/product-form": "//www.mackeene.com/cdn/shop/t/112/assets/product-form.js?v=142170751179338062901774958070",
      "@theme/recently-viewed-products": "//www.mackeene.com/cdn/shop/t/112/assets/recently-viewed-products.js?v=94729125001750262651774958070",
      "@theme/scrolling": "//www.mackeene.com/cdn/shop/t/112/assets/scrolling.js?v=162288454571026455011774958070",
      "@theme/section-renderer": "//www.mackeene.com/cdn/shop/t/112/assets/section-renderer.js?v=123311117485513785771774958070",
      "@theme/section-hydration": "//www.mackeene.com/cdn/shop/t/112/assets/section-hydration.js?v=108434990705342316311774958070",
      "@theme/money-formatting": "//www.mackeene.com/cdn/shop/t/112/assets/money-formatting.js?v=182191346160333327151774958070",
      "@theme/utilities": "//www.mackeene.com/cdn/shop/t/112/assets/utilities.js?v=28506172887375975941774958070",
      "@theme/variant-picker": "//www.mackeene.com/cdn/shop/t/112/assets/variant-picker.js?v=24924540959574313291774958070",
      "@theme/media-gallery": "//www.mackeene.com/cdn/shop/t/112/assets/media-gallery.js?v=14624021005636302161774958070",
      "@theme/quick-add": "//www.mackeene.com/cdn/shop/t/112/assets/quick-add.js?v=114575661933533593881774958070",
      "@theme/paginated-list-aspect-ratio": "//www.mackeene.com/cdn/shop/t/112/assets/paginated-list-aspect-ratio.js?v=25254270272143792451774958070",
      "@theme/popover-polyfill": "//www.mackeene.com/cdn/shop/t/112/assets/popover-polyfill.js?v=119029313658895111201774958070",
      "@theme/component-quantity-selector": "//www.mackeene.com/cdn/shop/t/112/assets/component-quantity-selector.js?v=67906657287482036641774958070",
      "@theme/comparison-slider": "//www.mackeene.com/cdn/shop/t/112/assets/comparison-slider.js?v=106705562947035711941774958070",
      "@theme/sticky-add-to-cart": "//www.mackeene.com/cdn/shop/t/112/assets/sticky-add-to-cart.js?v=48956925339276737091774958070",
      "@theme/fly-to-cart": "//www.mackeene.com/cdn/shop/t/112/assets/fly-to-cart.js?v=48483246440248933081774958070"
    }
  }
</script>

<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/view-transitions.js?v=7106414069516106341774958070"
  async
  
    blocking="render"
  
></script>

<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/utilities.js?v=28506172887375975941774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/component.js?v=184240237101443119871774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/section-renderer.js?v=123311117485513785771774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/section-hydration.js?v=108434990705342316311774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/morph.js?v=104045809772310330131774958070"
  fetchpriority="low"
>



<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/focus.js?v=60436577539430446401774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/recently-viewed-products.js?v=94729125001750262651774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/scrolling.js?v=162288454571026455011774958070"
  fetchpriority="low"
>
<link
  rel="modulepreload"
  href="//www.mackeene.com/cdn/shop/t/112/assets/events.js?v=1118589085892804011774958070"
  fetchpriority="low"
>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/popover-polyfill.js?v=119029313658895111201774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/overflow-list.js?v=46858356770684902511774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/quick-add.js?v=114575661933533593881774958070"
  type="module"
  fetchpriority="low"
></script>

  <script
    src="//www.mackeene.com/cdn/shop/t/112/assets/cart-discount.js?v=107077853990124422021774958070"
    type="module"
    fetchpriority="low"
  ></script>


<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/dialog.js?v=150888536568694194021774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/variant-picker.js?v=24924540959574313291774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/product-card.js?v=28695665944407642501774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/product-form.js?v=142170751179338062901774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/fly-to-cart.js?v=48483246440248933081774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/accordion-custom.js?v=97588419883090888471774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/media.js?v=37825095869491791421774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/product-price.js?v=83480980452100801711774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/product-sku.js?v=121804655373531320511774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/product-title-truncation.js?v=81744426891537421781774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/product-inventory.js?v=81520546963552472391774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/show-more.js?v=94563802205717136101774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/slideshow.js?v=168726587398279102001774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/layered-slideshow.js?v=30135417790894624731774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/anchored-popover.js?v=95953304814728754461774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/floating-panel.js?v=151277338116891310371774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/video-background.js?v=25237992823806706551774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/component-quantity-selector.js?v=67906657287482036641774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/media-gallery.js?v=14624021005636302161774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/rte-formatter.js?v=40306132146590816021774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/volume-pricing.js?v=15442793518842484731774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/price-per-item.js?v=144512917617120124431774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/volume-pricing-info.js?v=94479640769665442661774958070"
  type="module"
  fetchpriority="low"
></script>


  <script
    src="//www.mackeene.com/cdn/shop/t/112/assets/localization.js?v=15585934801240115691774958070"
    type="module"
    fetchpriority="low"
  ></script>




<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/auto-close-details.js?v=58350291535404441581774958070"
  defer="defer"
></script>

<script>
  const Theme = {
    translations: {
      placeholder_image: `Placeholder image`,
      added: `Added`,
      recipient_form_fields_visible: `Recipient form fields are now visible`,
      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
      recipient_form_error: `There was an error with the form submission`,
      items_added_to_cart_one: `1 item added to cart`,
      items_added_to_cart_other: `{{ count }} items added to cart`,
      cart_count: `Total items in cart`,
    },
    routes: {
      cart_add_url: '/cart/add.js',
      cart_change_url: '/cart/change',
      cart_update_url: '/cart/update',
      cart_url: '/cart',
      predictive_search_url: '/search/suggest',
      search_url: '/search',
    },
    template: {
      name: 'index',
    },
  };
</script>
<style data-shopify>
@font-face {
  font-family: Quicksand;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.mackeene.com/cdn/fonts/quicksand/quicksand_n4.bf8322a9d1da765aa396ad7b6eeb81930a6214de.woff2") format("woff2"),
       url("//www.mackeene.com/cdn/fonts/quicksand/quicksand_n4.fa4cbd232d3483059e72b11f7239959a64c98426.woff") format("woff");
}
@font-face {
  font-family: Quicksand;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.mackeene.com/cdn/fonts/quicksand/quicksand_n7.d375fe11182475f82f7bb6306a0a0e4018995610.woff2") format("woff2"),
       url("//www.mackeene.com/cdn/fonts/quicksand/quicksand_n7.8ac2ae2fc4b90ef79aaa7aedb927d39f9f9aa3f4.woff") format("woff");
}
@font-face {
  font-family: Outfit;
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("//www.mackeene.com/cdn/fonts/outfit/outfit_n2.789f288d061952dc1dbc9afdf50d9a7c26ec8c64.woff2") format("woff2"),
       url("//www.mackeene.com/cdn/fonts/outfit/outfit_n2.9754a496b280dc3d6504ffb4032ed2d4b15cf2eb.woff") format("woff");
}
@font-face {
  font-family: Outfit;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.mackeene.com/cdn/fonts/outfit/outfit_n7.bfc2ca767cd7c6962e82c320123933a7812146d6.woff2") format("woff2"),
       url("//www.mackeene.com/cdn/fonts/outfit/outfit_n7.f0b22ea9a32b6f1f6f493dd3a7113aae3464d8b2.woff") format("woff");
}
@font-face {
  font-family: Outfit;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//www.mackeene.com/cdn/fonts/outfit/outfit_n3.8c97ae4c4fac7c2ea467a6dc784857f4de7e0e37.woff2") format("woff2"),
       url("//www.mackeene.com/cdn/fonts/outfit/outfit_n3.b50a189ccde91f9bceee88f207c18c09f0b62a7b.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: Quicksand, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Quicksand, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 400;
    --font-heading--family: Outfit, sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 200;
    --font-accent--family: Outfit, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 300;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.75rem;--font-size--h1: clamp(4.5rem, 12.0vw, 7.5rem);--font-size--h2: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h3: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h4: 1.5rem;--font-size--h5: 0.75rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 2px;
    --style-border-radius-buttons-primary: 2px;
    --style-border-radius-buttons-secondary: 2px;
    --style-border-width-primary: 0px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 2px;
    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
    --spring-d260-b0-duration: 0.4316s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: uppercase;
    --button-text-case-secondary: uppercase;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 18;
    --variant-picker-swatch-height-unitless: 18;
    --variant-picker-swatch-width: 18px;
    --variant-picker-swatch-height: 18px;
    --variant-picker-swatch-radius: 0px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 2px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-primary--family);
    --cart-secondary-font-style: var(--font-primary--style);
    --cart-secondary-font-weight: var(--font-primary--weight);
  }
</style>


<style data-shopify>
  
    
      :root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(102 102 102 / 1.0);
        --color-primary-rgb: 102 102 102;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(230 230 230 / 1.0);
        --color-border-rgb: 230 230 230;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(239 239 239 / 1.0);
        --color-secondary-button-border: rgb(239 239 239 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 0.13);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(255 255 255 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(0 0 0 / 1.0);
        --color-primary-rgb: 0 0 0;
        --color-primary-hover: rgb(102 102 102 / 1.0);
        --color-primary-hover-rgb: 102 102 102;
        --color-border: rgb(0 0 0 / 0.11);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(56 56 56 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(56 56 56 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 0.92);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(242 242 242 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 242 242 242;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(102 102 102 / 1.0);
        --color-primary-rgb: 102 102 102;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(208 208 208 / 1.0);
        --color-border-rgb: 208 208 208;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(56 56 56 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 56 56 56;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(56 56 56 / 1.0);
        --color-border-rgb: 56 56 56;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(56 56 56 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(230 230 230 / 1.0);
        --color-primary-button-hover-border: rgb(230 230 230 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(222 222 222 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-input-background: rgb(56 56 56 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 1.0);
        --color-input-hover-background: rgb(92 92 92 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(0 0 0 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --color-border: rgb(102 102 102 / 1.0);
        --color-border-rgb: 102 102 102;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(0 0 0 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 1.0);
        --color-input-hover-background: rgb(24 24 24 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --color-border: rgb(0 0 0 / 0.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }
</style>


    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="6TkeXKVTUpn2dacLi5d74x7ogShqYL-Ilhwk3s4FG6A">
<meta name="google-site-verification" content="6TkeXKVTUpn2dacLi5d74x7ogShqYL-Ilhwk3s4FG6A">
<meta name="facebook-domain-verification" content="te3mo27a4btbxjaik3tmol2olkv39z">
<meta name="facebook-domain-verification" content="bum20feuzqudhe4947gw8n3iilid2u">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/17386295/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="a6653dd1cc28bf6fe1dadb7aaa8d9155">
<link rel="alternate" hreflang="x-default" href="https://www.mackeene.com/">
<link rel="alternate" hreflang="en" href="https://www.mackeene.com/">
<link rel="alternate" hreflang="fr" href="https://www.mackeene.com/fr">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-FR&shop_id=17386295" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":17386295,"countryCode":"PT","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/17386295","merchantName":"MACKEENE EU","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"MACKEENE EU","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"a6653dd1cc28bf6fe1dadb7aaa8d9155","betas":["rich-media-storefront-analytics"],"domain":"www.mackeene.com","predictiveSearch":true,"shopId":17386295,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "mackeene.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"MACKEENE APR 2026","id":195162243419,"schema_name":"Atelier","schema_version":"3.5.1","theme_store_id":3621,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.mackeene.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.mackeene.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.mackeene.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:\/\/cdn.enhencer.com\/scripts\/shopify_v2.js?token=67698391a835acd0df791516\u0026shop=mackeene.myshopify.com","https:\/\/cdn.enhencer.com\/scripts\/shopify_v2.js?token=67698391a835acd0df791516\u0026shop=mackeene.myshopify.com","\/\/cdn.shopify.com\/proxy\/8132139cb56c6e0b3d7b07561330773f4c2a1014561fb04e39421141993904ab\/bucket.useifsapp.com\/theme-files-min\/js\/ifs-script-tag-min.js?v=2\u0026shop=mackeene.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/cdn.shopify.com\/s\/files\/1\/1738\/6295\/t\/112\/assets\/subscribe-it.js?v=1779713693\u0026shop=mackeene.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":17386295,"offset":7200,"reqid":"0de6286d-740a-416e-9d62-e2bb7bbd9c08-1780993387","pageurl":"www.mackeene.com\/index.css","u":"9bff463db110","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.mackeene.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.mackeene.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.mackeene.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.mackeene.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.mackeene.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>
<link rel="compression-dictionary" href="//www.mackeene.com/cdn/shop/t/112/compiled_assets/styles.css?v=25911227587510398141779713698" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//www.mackeene.com/cdn/shop/t/112/compiled_assets/styles.css?v=25911227587510398141779713698&subset=BLYAAQAAAAJgAgAAACAAAYCj-AEghxiCTFW5JgAB" crossorigin="anonymous">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    
  <script src="https://cdn.shopify.com/extensions/019d1f24-14cb-735f-9062-21c1adf1f3f8/instagram-story-app-47/assets/instagram-story.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019d1f24-14cb-735f-9062-21c1adf1f3f8/instagram-story-app-47/assets/instagram-story.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: 17386295,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: 17386295,storefrontBaseUrl: "https://www.mackeene.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":"3792634203","configuration":"{\"subdomain\":\"mackeene\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"33d24ba88577e5fbdbcec4d143d09207","type":"APP","apiClientId":1615517,"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":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1180369243","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\",\\\"GT-MK52PJL\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/xXeACOrI_O0BEMnjm9oB\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/U5LgCO3I_O0BEMnjm9oB\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/yVEWCOzH_O0BEMnjm9oB\\\",\\\"MC-YZYW0JE09R\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/VeIuCOnH_O0BEMnjm9oB\\\",\\\"MC-YZYW0JE09R\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/Jye2CObH_O0BEMnjm9oB\\\",\\\"MC-YZYW0JE09R\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/brJuCPDI_O0BEMnjm9oB\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-NX3JHSF7R1\\\",\\\"AW-457634249\\\/MqBPCO_H_O0BEMnjm9oB\\\"]}],\\\"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":"371556699","configuration":"{\"pixel_id\":\"144695166703000\",\"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":"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":"MACKEENE EU","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"mackeene.myshopify.com","countryCode":"PT","storefrontUrl":"https:\/\/www.mackeene.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.mackeene.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"17386295","storefrontBaseUrl":"https:\/\/www.mackeene.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 = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"0de6286d-740a-416e-9d62-e2bb7bbd9c08-1780993387"}};
  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: 17386295,
      theme_id: 195162243419,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.mackeene.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

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

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":17386295,"isMerchantRequest":null,"themeId":195162243419,"themeCityHash":"3319762823400520508","contentLanguage":"en","currency":"EUR","eventMetadataId":"4ee49036-ae02-4f1b-b797-aeb373b76232"},"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":"0de6286d-740a-416e-9d62-e2bb7bbd9c08-1780993387","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.mackeene.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.mackeene.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="17386295"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="195162243419"
  data-theme-name="Atelier"
  data-theme-version="3.5.1"
  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.mackeene.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"17386295","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"FR","language":"en"}}</script>
</head>

  <body class="page-width-narrow card-hover-effect-lift">
    <a
  class="skip-to-content-link button-secondary"
  href="#MainContent"
>
  Skip to content
</a>



    <div id="header-group">
      <!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--28651665752411__header_section" class="shopify-section shopify-section-group-header-group header-section">









<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "MACKEENE EU",
    
      "logo": "https:\/\/www.mackeene.com\/cdn\/shop\/files\/Logo_MACKEENE_5_black.png?v=1770838553\u0026width=500",
    
    "url": "https:\/\/www.mackeene.com"
  }
</script>

<header-component
  id="header-component"
  class="header color-scheme-4"
  data-theme-color="rgb(255 255 255)"
  
    transparent="not-sticky"
  
  
    sticky="scroll-up"
  
  data-skip-node-update
  data-scroll-direction="none"
  
  
  style="
    --color-scheme-top-row: rgba(255 255 255 / 1.0);
    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
    
  "
>
  <div class="header__underlay header__underlay-closed"></div>
  <div
    class="header__underlay header__underlay-open"
  ></div><h1 class="visually-hidden">MACKEENE EU</h1>
    

    

    
    
      <div
        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
        <div class="header__columns spacing-style">
          <div
      class="header__column header__column--left"
      data-testid="header-top-left"
    >
      
        
          
              



    <div
      class="header__drawer"
      ref="headerDrawerContainer"
      data-hydration-key="header-drawer-mobile"
      
    >
      

<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/header-drawer.js?v=121243031541024704371774958070"
  type="module"
  fetchpriority="low"
></script>

<header-drawer
  class="header-drawer "
  style="--menu-image-border-radius: 2px; --resource-card-corner-radius: 2px;"
>
  <details
    id="Details-menu-drawer-container"
    data-skip-node-update="true"
    class="menu-drawer-container"
    ref="details"
    scroll-lock
  >
    <summary
      class="header__icon header__icon--menu header__icon--summary"
      aria-label="Menu"
      on:click="/toggle"
    >
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
    </summary>
    <div
      ref="menuDrawer"
      class="
        menu-drawer
        color-scheme-1
      "
    >
      <button
        class="button close-button menu-drawer__close-button"
        type="button"
        aria-label="Close"
        on:click="/close"
      >
        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>
      <nav
        class="menu-drawer__navigation"
        style="--menu-top-level-font-family: var(--font-primary--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  var(--menu-font-2xl--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  

        "
        aria-label="Primary"
      >
        <ul
          class="menu-drawer__menu has-submenu"
          role="list"
        >


              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 1;"
              ><details
                    id="Details-menu-drawer-menu-item-1"
                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
                  >
                    <summary
                      id="HeaderDrawer-shop"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-shop"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 1;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            on:click="header-drawer/back"
                            aria-label="Back to Shop"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">Shop</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="Close"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-all"
                                  href="/collections/all"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">All</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--deep menu-drawer__list-item--divider
                              "
                            >
                                

                                  <accordion-custom
  
  
  
  
    open-by-default-on-mobile
  
  
  
  
  
  
>
  
                                    <details
                                      id="Details-menu-drawer-shop-swim-shorts"
                                    >
                                      <summary
                                        id="HeaderDrawer-shop-swim-shorts"
                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                      >
                                        <span class="menu-drawer__menu-item-text wrap-text">Swim Shorts</span>
                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                                      </summary>
                                      
                                      <ul
                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                        role="list"
                                        tabindex="-1"
                                      ><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 1;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-swim-shorts-mid-length"
                                              href="/collections/mid-length-swim-shorts-for-men"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Mid-Length</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 2;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-swim-shorts-short-length"
                                              href="/collections/short-length-swim-shorts-for-men"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Short-Length</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 3;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-swim-shorts-the-kids"
                                              href="/collections/swim-shorts-son"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">The Kids</span>
                                            </a>
                                          </li></ul>
                                    </details>
                                  
</accordion-custom>





                                </li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-unisex-hoodies"
                                  href="/collections/the-hoodies"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Unisex Hoodies</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-unisex-overshirts"
                                  href="/collections/the-overshirt-mackeene"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Unisex Overshirts</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-unisex-shirts"
                                  href="/collections/mens-designer-casual-shirts"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Unisex Shirts</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-t-shirts"
                                  href="/collections/mens-designer-t-shirts"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">T-Shirts</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                menu-drawer__list-item--deep menu-drawer__list-item--divider
                              "
                            >
                                

                                  <accordion-custom
  
  
  
  
  
  
  
  
  
>
  
                                    <details
                                      id="Details-menu-drawer-shop-polos"
                                    >
                                      <summary
                                        id="HeaderDrawer-shop-polos"
                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                      >
                                        <span class="menu-drawer__menu-item-text wrap-text">Polos</span>
                                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
                                      </summary>
                                      
                                      <ul
                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
                                        role="list"
                                        tabindex="-1"
                                      ><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 1;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-polos-long-sleeves"
                                              href="/collections/polos-luca"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Long-Sleeves</span>
                                            </a>
                                          </li><li
                                            class="menu-drawer__list-item"
                                            style="--menu-drawer-animation-index: 2;"
                                          >
                                            <a
                                              id="HeaderDrawer-shop-polos-short-sleeves"
                                              href="/collections/polos-enzo"
                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
                                              
                                            >
                                              
                                              <span class="menu-drawer__menu-item-text wrap-text">Short-Sleeves</span>
                                            </a>
                                          </li></ul>
                                    </details>
                                  
</accordion-custom>





                                </li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-pants"
                                  href="/collections/the-pants"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Pants</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-shop-bracelets"
                                  href="/collections/the-bracelets-a-mackeene-selection"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Bracelets</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
              <li
                class="menu-drawer__list-item"
                style="--menu-drawer-animation-index: 2;"
              ><details
                    id="Details-menu-drawer-menu-item-2"
                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
                  >
                    <summary
                      id="HeaderDrawer-about-mackeene"
                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
                      on:click="header-drawer/open/submenu"
                    >
                      <span class="menu-drawer__menu-item-text wrap-text">About MACKEENE</span>
                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </summary>
                    <div
                      id="link-about-mackeene"
                      class="menu-drawer__submenu has-submenu"
                      tabindex="-1"
                      style="--menu-drawer-animation-index: 2;"
                    >
                      <div class="menu-drawer__inner-submenu">
                        <div class="menu-drawer__nav-buttons">
                          <button
                            class="button menu-drawer__back-button focus-inset"
                            on:click="header-drawer/back"
                            aria-label="Back to About MACKEENE"
                          >
                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                            <span class="menu-drawer__menu-item-text wrap-text">About MACKEENE</span>
                          </button>
                          <button
                            class="button button-unstyled close-button menu-drawer__close-button"
                            type="button"
                            aria-label="Close"
                            on:click="header-drawer/close"
                          >
                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                          </button>
                        </div>
                        
                        <ul
                          class="menu-drawer__menu menu-drawer__menu--childlist"
                          role="list"
                          tabindex="-1"
                        >
                          <li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-about-mackeene-the-brand"
                                  href="/pages/origin-of-the-brand-mackeene"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">The Brand</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-about-mackeene-goslow"
                                  href="/pages/go-slow-gives-you-time"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">GØSLOW</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-about-mackeene-inspirations"
                                  href="/pages/inspirations-mackeene"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Inspirations</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-about-mackeene-the-founder"
                                  href="/pages/the-founder-mackeene"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">The Founder</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-about-mackeene-the-logo"
                                  href="/pages/the-logo-mackeene"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">The Logo</span>
                                </a></li><li
                              class="
                                menu-drawer__list-item
                                 menu-drawer__list-item--divider
                              "
                            ><a
                                  id="HeaderDrawer-about-mackeene-spotify-playlists"
                                  href="https://open.spotify.com/user/2i5siqs36n3lx8uzrd71kx70n"
                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
                                  
                                >
                                  
                                  <span class="menu-drawer__menu-item-text wrap-text">Spotify Playlists</span>
                                </a></li></ul>
                        
                      </div>
                    </div>
                  </details></li>
        </ul>
      </nav>
      <div
        class="menu-drawer__utility-links menu-drawer__animated-element"
        style="--menu-drawer-animation-index: 2;"
      >
        
        
          
          
            <drawer-localization-component class="menu-drawer__localization">
              <details
                id="drawer-localization"
                class="drawer-localization"
                on:toggle="/toggle"
              >
                <summary
                  id="HeaderDrawer-localization"
                  class="drawer-localization__button h3 link focus-inset"
                  aria-expanded="false"
                  on:click="header-drawer/open/submenu"
                  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
                >
                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span
                            class="icon-flag"
                            style="
                              background-image: url(//cdn.shopify.com/static/images/flags/fr.svg?width=32);
                              --size-shadow: 2px;
                              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
                            "
                          ></span><span class="currency-code">EUR</span>
                      </div><span>/</span><div class="mobile-localization mobile-localization--country link">
                        <span>
                          EN
                        </span>
                      </div></div>
                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                </summary>

                <div
                  class="menu-drawer__submenu has-submenu color-scheme-1"
                  style=""
                >
                  <div
                    class="menu-drawer__nav-buttons"
                    ref="navButtons"
                  >
                    <button
                      class="button menu-drawer__back-button link focus-inset"
                      on:click="header-drawer/back"
                    >
                      <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                      Region and language
                    </button>
                    <button
                      class="button close-button menu-drawer__close-button"
                      type="button"
                      aria-label="Close"
                      on:click="header-drawer/close"
                    >
                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                    </button>
                  </div>

                  
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button">
              <span class="svg-wrapper">
                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Search"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Find country"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Search</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Reset"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="drawer-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-AcElHbU5xNzEvK2h3U__header-menu-1"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list"
          id="drawer-country-results"
          ref="countryList"
        >
          
            <ul
              role="list"
              class="list-unstyled popular-countries"
              aria-label="Country/Region"
              ref="popularCountries"
            >
                <li
                  class="localization-form__list-item"
                  
                  data-value="DE"
                  
                    data-aliases=""
                  
                  id="Germany"
                  aria-label="Germany"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/DE"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">Germany</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li>
                <li
                  class="localization-form__list-item"
                  
                  data-value="BL"
                  
                    data-aliases=""
                  
                  id="St. Barthélemy"
                  aria-label="St. Barthélemy"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/BL"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">St. Barthélemy</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li>
                <li
                  class="localization-form__list-item"
                  
                  data-value="GB"
                  
                    data-aliases="uk,gb,great britain"
                  
                  id="United Kingdom"
                  aria-label="United Kingdom"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/GB"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">United Kingdom</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li>
                <li
                  class="localization-form__list-item"
                  
                  data-value="US"
                  
                    data-aliases="us,usa,america,united states of america"
                  
                  id="United States"
                  aria-label="United States"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/US"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">United States</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li></ul>
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AF"
                
                  data-aliases=""
                
                id="Afghanistan"
                aria-label="Afghanistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Afghanistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AX"
                
                  data-aliases=""
                
                id="Åland Islands"
                aria-label="Åland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Åland Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AL"
                
                  data-aliases=""
                
                id="Albania"
                aria-label="Albania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Albania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DZ"
                
                  data-aliases=""
                
                id="Algeria"
                aria-label="Algeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Algeria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AD"
                
                  data-aliases=""
                
                id="Andorra"
                aria-label="Andorra"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Andorra</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AO"
                
                  data-aliases=""
                
                id="Angola"
                aria-label="Angola"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Angola</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AI"
                
                  data-aliases=""
                
                id="Anguilla"
                aria-label="Anguilla"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Anguilla</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AG"
                
                  data-aliases=""
                
                id="Antigua &amp; Barbuda"
                aria-label="Antigua &amp; Barbuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Antigua &amp; Barbuda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AR"
                
                  data-aliases=""
                
                id="Argentina"
                aria-label="Argentina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Argentina</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AM"
                
                  data-aliases=""
                
                id="Armenia"
                aria-label="Armenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Armenia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AW"
                
                  data-aliases=""
                
                id="Aruba"
                aria-label="Aruba"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Aruba</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AC"
                
                  data-aliases=""
                
                id="Ascension Island"
                aria-label="Ascension Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ascension Island</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Austria"
                aria-label="Austria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Austria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AZ"
                
                  data-aliases=""
                
                id="Azerbaijan"
                aria-label="Azerbaijan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Azerbaijan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BS"
                
                  data-aliases=""
                
                id="Bahamas"
                aria-label="Bahamas"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahamas</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BH"
                
                  data-aliases=""
                
                id="Bahrain"
                aria-label="Bahrain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahrain</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BD"
                
                  data-aliases=""
                
                id="Bangladesh"
                aria-label="Bangladesh"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bangladesh</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BB"
                
                  data-aliases=""
                
                id="Barbados"
                aria-label="Barbados"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Barbados</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BY"
                
                  data-aliases=""
                
                id="Belarus"
                aria-label="Belarus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belarus</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgium"
                aria-label="Belgium"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgium</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BZ"
                
                  data-aliases=""
                
                id="Belize"
                aria-label="Belize"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belize</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BJ"
                
                  data-aliases=""
                
                id="Benin"
                aria-label="Benin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Benin</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BM"
                
                  data-aliases=""
                
                id="Bermuda"
                aria-label="Bermuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bermuda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BT"
                
                  data-aliases=""
                
                id="Bhutan"
                aria-label="Bhutan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bhutan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BO"
                
                  data-aliases=""
                
                id="Bolivia"
                aria-label="Bolivia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bolivia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BA"
                
                  data-aliases=""
                
                id="Bosnia &amp; Herzegovina"
                aria-label="Bosnia &amp; Herzegovina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bosnia &amp; Herzegovina</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BW"
                
                  data-aliases=""
                
                id="Botswana"
                aria-label="Botswana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Botswana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BR"
                
                  data-aliases=""
                
                id="Brazil"
                aria-label="Brazil"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brazil</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IO"
                
                  data-aliases=""
                
                id="British Indian Ocean Territory"
                aria-label="British Indian Ocean Territory"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Indian Ocean Territory</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VG"
                
                  data-aliases=""
                
                id="British Virgin Islands"
                aria-label="British Virgin Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Virgin Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BN"
                
                  data-aliases=""
                
                id="Brunei"
                aria-label="Brunei"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brunei</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BG"
                
                  data-aliases=""
                
                id="Bulgaria"
                aria-label="Bulgaria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bulgaria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BF"
                
                  data-aliases=""
                
                id="Burkina Faso"
                aria-label="Burkina Faso"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burkina Faso</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BI"
                
                  data-aliases=""
                
                id="Burundi"
                aria-label="Burundi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burundi</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KH"
                
                  data-aliases=""
                
                id="Cambodia"
                aria-label="Cambodia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cambodia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CM"
                
                  data-aliases=""
                
                id="Cameroon"
                aria-label="Cameroon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cameroon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CA"
                
                  data-aliases=""
                
                id="Canada"
                aria-label="Canada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Canada</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CV"
                
                  data-aliases=""
                
                id="Cape Verde"
                aria-label="Cape Verde"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cape Verde</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BQ"
                
                  data-aliases=""
                
                id="Caribbean Netherlands"
                aria-label="Caribbean Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Caribbean Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KY"
                
                  data-aliases=""
                
                id="Cayman Islands"
                aria-label="Cayman Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cayman Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CF"
                
                  data-aliases=""
                
                id="Central African Republic"
                aria-label="Central African Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Central African Republic</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TD"
                
                  data-aliases=""
                
                id="Chad"
                aria-label="Chad"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chad</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CL"
                
                  data-aliases=""
                
                id="Chile"
                aria-label="Chile"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chile</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CN"
                
                  data-aliases=""
                
                id="China"
                aria-label="China"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">China</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CX"
                
                  data-aliases=""
                
                id="Christmas Island"
                aria-label="Christmas Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Christmas Island</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CC"
                
                  data-aliases=""
                
                id="Cocos (Keeling) Islands"
                aria-label="Cocos (Keeling) Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cocos (Keeling) Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CO"
                
                  data-aliases=""
                
                id="Colombia"
                aria-label="Colombia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Colombia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KM"
                
                  data-aliases=""
                
                id="Comoros"
                aria-label="Comoros"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Comoros</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CG"
                
                  data-aliases=""
                
                id="Congo - Brazzaville"
                aria-label="Congo - Brazzaville"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Brazzaville</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CD"
                
                  data-aliases=""
                
                id="Congo - Kinshasa"
                aria-label="Congo - Kinshasa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Kinshasa</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CK"
                
                  data-aliases=""
                
                id="Cook Islands"
                aria-label="Cook Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cook Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CR"
                
                  data-aliases=""
                
                id="Costa Rica"
                aria-label="Costa Rica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Costa Rica</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CI"
                
                  data-aliases=""
                
                id="Côte d’Ivoire"
                aria-label="Côte d’Ivoire"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Côte d’Ivoire</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HR"
                
                  data-aliases=""
                
                id="Croatia"
                aria-label="Croatia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Croatia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CW"
                
                  data-aliases=""
                
                id="Curaçao"
                aria-label="Curaçao"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Curaçao</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CY"
                
                  data-aliases=""
                
                id="Cyprus"
                aria-label="Cyprus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cyprus</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Czechia"
                aria-label="Czechia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Czechia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Denmark"
                aria-label="Denmark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Denmark</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DJ"
                
                  data-aliases=""
                
                id="Djibouti"
                aria-label="Djibouti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Djibouti</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DM"
                
                  data-aliases=""
                
                id="Dominica"
                aria-label="Dominica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominica</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DO"
                
                  data-aliases=""
                
                id="Dominican Republic"
                aria-label="Dominican Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominican Republic</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EC"
                
                  data-aliases=""
                
                id="Ecuador"
                aria-label="Ecuador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ecuador</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EG"
                
                  data-aliases=""
                
                id="Egypt"
                aria-label="Egypt"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Egypt</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SV"
                
                  data-aliases=""
                
                id="El Salvador"
                aria-label="El Salvador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">El Salvador</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GQ"
                
                  data-aliases=""
                
                id="Equatorial Guinea"
                aria-label="Equatorial Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Equatorial Guinea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ER"
                
                  data-aliases=""
                
                id="Eritrea"
                aria-label="Eritrea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ER"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eritrea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EE"
                
                  data-aliases=""
                
                id="Estonia"
                aria-label="Estonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Estonia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SZ"
                
                  data-aliases=""
                
                id="Eswatini"
                aria-label="Eswatini"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eswatini</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ET"
                
                  data-aliases=""
                
                id="Ethiopia"
                aria-label="Ethiopia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ET"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ethiopia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FK"
                
                  data-aliases=""
                
                id="Falkland Islands"
                aria-label="Falkland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Falkland Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FO"
                
                  data-aliases=""
                
                id="Faroe Islands"
                aria-label="Faroe Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Faroe Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FJ"
                
                  data-aliases=""
                
                id="Fiji"
                aria-label="Fiji"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Fiji</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finland"
                aria-label="Finland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="France"
                aria-label="France"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">France</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GF"
                
                  data-aliases=""
                
                id="French Guiana"
                aria-label="French Guiana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Guiana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PF"
                
                  data-aliases=""
                
                id="French Polynesia"
                aria-label="French Polynesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Polynesia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TF"
                
                  data-aliases=""
                
                id="French Southern Territories"
                aria-label="French Southern Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Southern Territories</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GA"
                
                  data-aliases=""
                
                id="Gabon"
                aria-label="Gabon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gabon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GM"
                
                  data-aliases=""
                
                id="Gambia"
                aria-label="Gambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gambia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GE"
                
                  data-aliases=""
                
                id="Georgia"
                aria-label="Georgia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Georgia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Germany"
                aria-label="Germany"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GH"
                
                  data-aliases=""
                
                id="Ghana"
                aria-label="Ghana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ghana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GI"
                
                  data-aliases=""
                
                id="Gibraltar"
                aria-label="Gibraltar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gibraltar</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GR"
                
                  data-aliases=""
                
                id="Greece"
                aria-label="Greece"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greece</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GL"
                
                  data-aliases=""
                
                id="Greenland"
                aria-label="Greenland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greenland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GD"
                
                  data-aliases=""
                
                id="Grenada"
                aria-label="Grenada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Grenada</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GP"
                
                  data-aliases=""
                
                id="Guadeloupe"
                aria-label="Guadeloupe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GP"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guadeloupe</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GT"
                
                  data-aliases=""
                
                id="Guatemala"
                aria-label="Guatemala"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guatemala</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GG"
                
                  data-aliases=""
                
                id="Guernsey"
                aria-label="Guernsey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guernsey</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GN"
                
                  data-aliases=""
                
                id="Guinea"
                aria-label="Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GW"
                
                  data-aliases=""
                
                id="Guinea-Bissau"
                aria-label="Guinea-Bissau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea-Bissau</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GY"
                
                  data-aliases=""
                
                id="Guyana"
                aria-label="Guyana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guyana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HT"
                
                  data-aliases=""
                
                id="Haiti"
                aria-label="Haiti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Haiti</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HN"
                
                  data-aliases=""
                
                id="Honduras"
                aria-label="Honduras"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Honduras</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HK"
                
                  data-aliases=""
                
                id="Hong Kong SAR"
                aria-label="Hong Kong SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hong Kong SAR</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HU"
                
                  data-aliases=""
                
                id="Hungary"
                aria-label="Hungary"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hungary</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IS"
                
                  data-aliases=""
                
                id="Iceland"
                aria-label="Iceland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iceland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IN"
                
                  data-aliases=""
                
                id="India"
                aria-label="India"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">India</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ID"
                
                  data-aliases=""
                
                id="Indonesia"
                aria-label="Indonesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ID"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Indonesia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IQ"
                
                  data-aliases=""
                
                id="Iraq"
                aria-label="Iraq"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iraq</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Ireland"
                aria-label="Ireland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ireland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IM"
                
                  data-aliases=""
                
                id="Isle of Man"
                aria-label="Isle of Man"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Isle of Man</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IL"
                
                  data-aliases=""
                
                id="Israel"
                aria-label="Israel"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Israel</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italy"
                aria-label="Italy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italy</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JM"
                
                  data-aliases=""
                
                id="Jamaica"
                aria-label="Jamaica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jamaica</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JP"
                
                  data-aliases=""
                
                id="Japan"
                aria-label="Japan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JP"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Japan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JE"
                
                  data-aliases=""
                
                id="Jersey"
                aria-label="Jersey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jersey</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JO"
                
                  data-aliases=""
                
                id="Jordan"
                aria-label="Jordan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jordan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KZ"
                
                  data-aliases=""
                
                id="Kazakhstan"
                aria-label="Kazakhstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kazakhstan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KE"
                
                  data-aliases=""
                
                id="Kenya"
                aria-label="Kenya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kenya</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KI"
                
                  data-aliases=""
                
                id="Kiribati"
                aria-label="Kiribati"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kiribati</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="XK"
                
                  data-aliases=""
                
                id="Kosovo"
                aria-label="Kosovo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/XK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kosovo</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KW"
                
                  data-aliases=""
                
                id="Kuwait"
                aria-label="Kuwait"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kuwait</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KG"
                
                  data-aliases=""
                
                id="Kyrgyzstan"
                aria-label="Kyrgyzstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kyrgyzstan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LA"
                
                  data-aliases=""
                
                id="Laos"
                aria-label="Laos"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Laos</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LV"
                
                  data-aliases=""
                
                id="Latvia"
                aria-label="Latvia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Latvia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LB"
                
                  data-aliases=""
                
                id="Lebanon"
                aria-label="Lebanon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lebanon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LS"
                
                  data-aliases=""
                
                id="Lesotho"
                aria-label="Lesotho"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lesotho</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LR"
                
                  data-aliases=""
                
                id="Liberia"
                aria-label="Liberia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liberia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LY"
                
                  data-aliases=""
                
                id="Libya"
                aria-label="Libya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Libya</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LI"
                
                  data-aliases=""
                
                id="Liechtenstein"
                aria-label="Liechtenstein"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liechtenstein</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LT"
                
                  data-aliases=""
                
                id="Lithuania"
                aria-label="Lithuania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lithuania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LU"
                
                  data-aliases=""
                
                id="Luxembourg"
                aria-label="Luxembourg"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Luxembourg</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MO"
                
                  data-aliases=""
                
                id="Macao SAR"
                aria-label="Macao SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Macao SAR</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MG"
                
                  data-aliases=""
                
                id="Madagascar"
                aria-label="Madagascar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Madagascar</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MW"
                
                  data-aliases=""
                
                id="Malawi"
                aria-label="Malawi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malawi</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MY"
                
                  data-aliases=""
                
                id="Malaysia"
                aria-label="Malaysia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malaysia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MV"
                
                  data-aliases=""
                
                id="Maldives"
                aria-label="Maldives"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Maldives</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ML"
                
                  data-aliases=""
                
                id="Mali"
                aria-label="Mali"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ML"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mali</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MT"
                
                  data-aliases=""
                
                id="Malta"
                aria-label="Malta"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malta</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MQ"
                
                  data-aliases=""
                
                id="Martinique"
                aria-label="Martinique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Martinique</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MR"
                
                  data-aliases=""
                
                id="Mauritania"
                aria-label="Mauritania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MU"
                
                  data-aliases=""
                
                id="Mauritius"
                aria-label="Mauritius"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritius</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YT"
                
                  data-aliases=""
                
                id="Mayotte"
                aria-label="Mayotte"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mayotte</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MX"
                
                  data-aliases=""
                
                id="Mexico"
                aria-label="Mexico"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mexico</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MD"
                
                  data-aliases=""
                
                id="Moldova"
                aria-label="Moldova"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Moldova</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MC"
                
                  data-aliases=""
                
                id="Monaco"
                aria-label="Monaco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Monaco</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MN"
                
                  data-aliases=""
                
                id="Mongolia"
                aria-label="Mongolia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mongolia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ME"
                
                  data-aliases=""
                
                id="Montenegro"
                aria-label="Montenegro"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ME"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montenegro</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MS"
                
                  data-aliases=""
                
                id="Montserrat"
                aria-label="Montserrat"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montserrat</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MA"
                
                  data-aliases=""
                
                id="Morocco"
                aria-label="Morocco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Morocco</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MZ"
                
                  data-aliases=""
                
                id="Mozambique"
                aria-label="Mozambique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mozambique</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MM"
                
                  data-aliases=""
                
                id="Myanmar (Burma)"
                aria-label="Myanmar (Burma)"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Myanmar (Burma)</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NA"
                
                  data-aliases=""
                
                id="Namibia"
                aria-label="Namibia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Namibia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NR"
                
                  data-aliases=""
                
                id="Nauru"
                aria-label="Nauru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nauru</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NP"
                
                  data-aliases=""
                
                id="Nepal"
                aria-label="Nepal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NP"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nepal</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NC"
                
                  data-aliases=""
                
                id="New Caledonia"
                aria-label="New Caledonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Caledonia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NI"
                
                  data-aliases=""
                
                id="Nicaragua"
                aria-label="Nicaragua"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nicaragua</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NE"
                
                  data-aliases=""
                
                id="Niger"
                aria-label="Niger"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niger</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NG"
                
                  data-aliases=""
                
                id="Nigeria"
                aria-label="Nigeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nigeria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NU"
                
                  data-aliases=""
                
                id="Niue"
                aria-label="Niue"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niue</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NF"
                
                  data-aliases=""
                
                id="Norfolk Island"
                aria-label="Norfolk Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norfolk Island</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MK"
                
                  data-aliases=""
                
                id="North Macedonia"
                aria-label="North Macedonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">North Macedonia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NO"
                
                  data-aliases=""
                
                id="Norway"
                aria-label="Norway"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norway</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="OM"
                
                  data-aliases=""
                
                id="Oman"
                aria-label="Oman"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/OM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Oman</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PK"
                
                  data-aliases=""
                
                id="Pakistan"
                aria-label="Pakistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pakistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PS"
                
                  data-aliases=""
                
                id="Palestinian Territories"
                aria-label="Palestinian Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Palestinian Territories</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PA"
                
                  data-aliases=""
                
                id="Panama"
                aria-label="Panama"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Panama</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PG"
                
                  data-aliases=""
                
                id="Papua New Guinea"
                aria-label="Papua New Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Papua New Guinea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PY"
                
                  data-aliases=""
                
                id="Paraguay"
                aria-label="Paraguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Paraguay</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PE"
                
                  data-aliases=""
                
                id="Peru"
                aria-label="Peru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Peru</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PH"
                
                  data-aliases=""
                
                id="Philippines"
                aria-label="Philippines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Philippines</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PN"
                
                  data-aliases=""
                
                id="Pitcairn Islands"
                aria-label="Pitcairn Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pitcairn Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Poland"
                aria-label="Poland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Poland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="QA"
                
                  data-aliases=""
                
                id="Qatar"
                aria-label="Qatar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/QA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Qatar</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RE"
                
                  data-aliases=""
                
                id="Réunion"
                aria-label="Réunion"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Réunion</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RO"
                
                  data-aliases=""
                
                id="Romania"
                aria-label="Romania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Romania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RU"
                
                  data-aliases=""
                
                id="Russia"
                aria-label="Russia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Russia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RW"
                
                  data-aliases=""
                
                id="Rwanda"
                aria-label="Rwanda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Rwanda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WS"
                
                  data-aliases=""
                
                id="Samoa"
                aria-label="Samoa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Samoa</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SM"
                
                  data-aliases=""
                
                id="San Marino"
                aria-label="San Marino"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">San Marino</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ST"
                
                  data-aliases=""
                
                id="São Tomé &amp; Príncipe"
                aria-label="São Tomé &amp; Príncipe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ST"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">São Tomé &amp; Príncipe</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SA"
                
                  data-aliases=""
                
                id="Saudi Arabia"
                aria-label="Saudi Arabia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Saudi Arabia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SN"
                
                  data-aliases=""
                
                id="Senegal"
                aria-label="Senegal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Senegal</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RS"
                
                  data-aliases=""
                
                id="Serbia"
                aria-label="Serbia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Serbia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SC"
                
                  data-aliases=""
                
                id="Seychelles"
                aria-label="Seychelles"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Seychelles</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SL"
                
                  data-aliases=""
                
                id="Sierra Leone"
                aria-label="Sierra Leone"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sierra Leone</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SG"
                
                  data-aliases=""
                
                id="Singapore"
                aria-label="Singapore"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Singapore</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SX"
                
                  data-aliases=""
                
                id="Sint Maarten"
                aria-label="Sint Maarten"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sint Maarten</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SK"
                
                  data-aliases=""
                
                id="Slovakia"
                aria-label="Slovakia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovakia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SI"
                
                  data-aliases=""
                
                id="Slovenia"
                aria-label="Slovenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovenia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SB"
                
                  data-aliases=""
                
                id="Solomon Islands"
                aria-label="Solomon Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Solomon Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SO"
                
                  data-aliases=""
                
                id="Somalia"
                aria-label="Somalia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Somalia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZA"
                
                  data-aliases=""
                
                id="South Africa"
                aria-label="South Africa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Africa</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GS"
                
                  data-aliases=""
                
                id="South Georgia &amp; South Sandwich Islands"
                aria-label="South Georgia &amp; South Sandwich Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Georgia &amp; South Sandwich Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KR"
                
                  data-aliases=""
                
                id="South Korea"
                aria-label="South Korea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Korea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SS"
                
                  data-aliases=""
                
                id="South Sudan"
                aria-label="South Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Sudan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spain"
                aria-label="Spain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LK"
                
                  data-aliases=""
                
                id="Sri Lanka"
                aria-label="Sri Lanka"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sri Lanka</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BL"
                
                  data-aliases=""
                
                id="St. Barthélemy"
                aria-label="St. Barthélemy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Barthélemy</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SH"
                
                  data-aliases=""
                
                id="St. Helena"
                aria-label="St. Helena"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Helena</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KN"
                
                  data-aliases=""
                
                id="St. Kitts &amp; Nevis"
                aria-label="St. Kitts &amp; Nevis"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Kitts &amp; Nevis</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LC"
                
                  data-aliases=""
                
                id="St. Lucia"
                aria-label="St. Lucia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Lucia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MF"
                
                  data-aliases=""
                
                id="St. Martin"
                aria-label="St. Martin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Martin</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PM"
                
                  data-aliases=""
                
                id="St. Pierre &amp; Miquelon"
                aria-label="St. Pierre &amp; Miquelon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Pierre &amp; Miquelon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VC"
                
                  data-aliases=""
                
                id="St. Vincent &amp; Grenadines"
                aria-label="St. Vincent &amp; Grenadines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Vincent &amp; Grenadines</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SD"
                
                  data-aliases=""
                
                id="Sudan"
                aria-label="Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sudan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SR"
                
                  data-aliases=""
                
                id="Suriname"
                aria-label="Suriname"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Suriname</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SJ"
                
                  data-aliases=""
                
                id="Svalbard &amp; Jan Mayen"
                aria-label="Svalbard &amp; Jan Mayen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Svalbard &amp; Jan Mayen</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Sweden"
                aria-label="Sweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sweden</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CH"
                
                  data-aliases=""
                
                id="Switzerland"
                aria-label="Switzerland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Switzerland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TW"
                
                  data-aliases=""
                
                id="Taiwan"
                aria-label="Taiwan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Taiwan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TJ"
                
                  data-aliases=""
                
                id="Tajikistan"
                aria-label="Tajikistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tajikistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TZ"
                
                  data-aliases=""
                
                id="Tanzania"
                aria-label="Tanzania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tanzania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TH"
                
                  data-aliases=""
                
                id="Thailand"
                aria-label="Thailand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Thailand</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TL"
                
                  data-aliases=""
                
                id="Timor-Leste"
                aria-label="Timor-Leste"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Timor-Leste</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TG"
                
                  data-aliases=""
                
                id="Togo"
                aria-label="Togo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Togo</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TK"
                
                  data-aliases=""
                
                id="Tokelau"
                aria-label="Tokelau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tokelau</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TO"
                
                  data-aliases=""
                
                id="Tonga"
                aria-label="Tonga"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tonga</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TT"
                
                  data-aliases=""
                
                id="Trinidad &amp; Tobago"
                aria-label="Trinidad &amp; Tobago"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Trinidad &amp; Tobago</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TA"
                
                  data-aliases=""
                
                id="Tristan da Cunha"
                aria-label="Tristan da Cunha"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tristan da Cunha</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TN"
                
                  data-aliases=""
                
                id="Tunisia"
                aria-label="Tunisia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tunisia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TR"
                
                  data-aliases=""
                
                id="Türkiye"
                aria-label="Türkiye"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Türkiye</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TM"
                
                  data-aliases=""
                
                id="Turkmenistan"
                aria-label="Turkmenistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turkmenistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TC"
                
                  data-aliases=""
                
                id="Turks &amp; Caicos Islands"
                aria-label="Turks &amp; Caicos Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turks &amp; Caicos Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TV"
                
                  data-aliases=""
                
                id="Tuvalu"
                aria-label="Tuvalu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tuvalu</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UM"
                
                  data-aliases=""
                
                id="U.S. Outlying Islands"
                aria-label="U.S. Outlying Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">U.S. Outlying Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UG"
                
                  data-aliases=""
                
                id="Uganda"
                aria-label="Uganda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uganda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UA"
                
                  data-aliases=""
                
                id="Ukraine"
                aria-label="Ukraine"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ukraine</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AE"
                
                  data-aliases=""
                
                id="United Arab Emirates"
                aria-label="United Arab Emirates"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Arab Emirates</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UY"
                
                  data-aliases=""
                
                id="Uruguay"
                aria-label="Uruguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uruguay</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UZ"
                
                  data-aliases=""
                
                id="Uzbekistan"
                aria-label="Uzbekistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uzbekistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VU"
                
                  data-aliases=""
                
                id="Vanuatu"
                aria-label="Vanuatu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vanuatu</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VA"
                
                  data-aliases=""
                
                id="Vatican City"
                aria-label="Vatican City"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vatican City</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VE"
                
                  data-aliases=""
                
                id="Venezuela"
                aria-label="Venezuela"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Venezuela</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VN"
                
                  data-aliases=""
                
                id="Vietnam"
                aria-label="Vietnam"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vietnam</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WF"
                
                  data-aliases=""
                
                id="Wallis &amp; Futuna"
                aria-label="Wallis &amp; Futuna"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Wallis &amp; Futuna</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EH"
                
                  data-aliases=""
                
                id="Western Sahara"
                aria-label="Western Sahara"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Western Sahara</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YE"
                
                  data-aliases=""
                
                id="Yemen"
                aria-label="Yemen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Yemen</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZM"
                
                  data-aliases=""
                
                id="Zambia"
                aria-label="Zambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zambia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZW"
                
                  data-aliases=""
                
                id="Zimbabwe"
                aria-label="Zimbabwe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zimbabwe</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="FR"
          ref="countryInput"
        >
      </div>
    

    
      <div class="language-selector top-shadow">
        <h2
          class="visually-hidden"
          id="drawer-LanguageLabel"
        >
          Language
        </h2>
        
          <span class="language-selector__label">Language</span>
        
        <select
          id="drawerSelect"
          class="localization-form__select"
          name="language_code"
          aria-label="Language"
          ref="languageInput"
          on:change="/changeLanguage"
        ><option
              value="en"
              lang="en"
              
                selected
              
            >
              English
            </option><option
              value="fr"
              lang="fr"
              
            >
              Français
            </option></select>
        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </div>
    
</form></localization-form-component>



                </div>
              </details>
            </drawer-localization-component>
          
</div>

      
    </div>
    <div
      class="menu-drawer__backdrop"
      on:click="header-drawer/close"
    ></div>
  </details>
</header-drawer>



    </div>

  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-menu"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Search
      </span>

      <span class="svg-wrapper ">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              



    

    

    <header-menu
      ref="headerMenu"
      class="header-menu"
      
      data-hydration-key="header-menu"
    >
      <div class="header-menu__inner">
        <nav
          class="menu-list"
          aria-label="Primary"
          style="--menu-top-level-font-family: var(--font-primary--family);
--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;

  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  var(--menu-font-sm--line-height);

--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
        >
          
          <overflow-list
  
    ref="overflowMenu"
  
  
    class="overflow-menu color-scheme-matches-parent"
  
  
    minimum-items="2"
  
  
    data-testid="header-menu-overflow-list"
  
  
    data-skip-node-update
  
>
  <template shadowrootmode="open">
    <link href="//www.mackeene.com/cdn/shop/t/112/assets/overflow-list.css?v=16727044177065489451774958070" rel="stylesheet" type="text/css" media="all" />

    <ul part="list">
      <slot></slot>
      <slot
        name="more"
        part="more"
        hidden
        
      >
        <li
          part="more"
        >
          <button
            class="button"
            type="button"
            tabindex="0"
            
          >
            More
          </button>
        </li>
      </slot>
      <li
        part="placeholder"
        hidden
      ></li>
    </ul>

    <div part="overflow">
      <ul part="overflow-list">
        <slot name="overflow"></slot>
      </ul>
    </div>
  </template>

  
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/collections/all"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-1"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">Shop</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-1"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--full-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-1"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-1"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 2px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/all"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">All</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/mens-designer-swim-shorts/swimshorts"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span class="wrap-text">Swim Shorts</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/mid-length-swim-shorts-for-men"
                class="mega-menu__link"
              >
                <span class="wrap-text">Mid-Length</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/short-length-swim-shorts-for-men"
                class="mega-menu__link"
              >
                <span class="wrap-text">Short-Length</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/swim-shorts-son"
                class="mega-menu__link"
              >
                <span class="wrap-text">The Kids</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/the-hoodies"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Unisex Hoodies</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/the-overshirt-mackeene"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Unisex Overshirts</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/mens-designer-casual-shirts"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Unisex Shirts</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/mens-designer-t-shirts"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">T-Shirts</span>
      </a>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/mens-designer-polos"
        class="mega-menu__link mega-menu__link--parent"
      >
        
        <span class="wrap-text">Polos</span>
      </a>
      
        <ul
          class="list-unstyled"
          
            style="column-count: 1;"
          
        >
          
            
            <li
              
            >
              <a
                href="/collections/polos-luca"
                class="mega-menu__link"
              >
                <span class="wrap-text">Long-Sleeves</span>
              </a>
            </li>
          
            
            <li
              
            >
              <a
                href="/collections/polos-enzo"
                class="mega-menu__link"
              >
                <span class="wrap-text">Short-Sleeves</span>
              </a>
            </li>
          
        </ul>
      
    </div>

    </li>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/collections/the-pants"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Pants</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/collections/the-bracelets-a-mackeene-selection"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Bracelets</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-1"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-1"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>


<span
      class="mega-menu__content"
      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 2px;"
    >
      <ul
        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
      >
        
      </ul>
    </span>
  

                  </div>
                </div>
              </div>
            </div></li>
      
        <li
          role="presentation"
          class="menu-list__list-item"
          on:focus="/activate"
          on:blur="/deactivate"
          on:pointerenter="/activate"
          on:pointerleave="/deactivate"
        >
          <a
            href="/pages/origin-of-the-brand-mackeene"
            data-skip-node-update="true"
            class="menu-list__link"aria-controls="submenu-2"
              aria-haspopup="true"
              aria-expanded="false"
            ref="menuitem"
          >
            <span class="menu-list__link-title">About MACKEENE</span>
          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
              <div
                id="submenu-2"
                class="menu-list__submenu-inner"
                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
uppercase;

    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
  
--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
uppercase;

    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
    var(--opacity-subdued-text));
  
"
              >
                
                <div class="mega-menu section section--full-width-margin section--full-width">
                  <div
                    class="mega-menu__grid"
                    data-menu-grid-id="MegaMenuList-2"
                  >
                    
<ul
  data-menu-list-id="MegaMenuList-2"
  class="mega-menu__list list-unstyled"
  style="--menu-image-border-radius: 2px;"
>
  
    <li class="mega-menu__column mega-menu__column--span-1">
    <div>
      <a
        href="/pages/origin-of-the-brand-mackeene"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">The Brand</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/go-slow-gives-you-time"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">GØSLOW</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/inspirations-mackeene"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Inspirations</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/the-founder-mackeene"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">The Founder</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="/pages/the-logo-mackeene"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">The Logo</span>
      </a>
      
    </div>

    
  
    
    <div>
      <a
        href="https://open.spotify.com/user/2i5siqs36n3lx8uzrd71kx70n"
        class="mega-menu__link "
      >
        
        <span class="wrap-text">Spotify Playlists</span>
      </a>
      
    </div>

    </li>
  
</ul>



<style data-shopify>
  [data-menu-grid-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }
</style>



                  </div>
                </div>
              </div>
            </div></li>
      
      <li
        class="menu-list__list-item"
        role="presentation"
        slot="more"
        on:focus="/activate"
        on:blur="/deactivate"
        on:pointerenter="/activate"
        on:pointerleave="/deactivate"
      >
        <button role="listitem" class="menu-list__link button-unstyled">
          <span class="menu-list__link-title">More</span>
        </button>
      </li>
    
</overflow-list>

        </nav>
      </div>

      <script
        src="//www.mackeene.com/cdn/shop/t/112/assets/header-menu.js?v=97820922056036071501774958070"
        type="module"
        fetchpriority="low"
      ></script>
    </header-menu>


<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




            
        
      
    </div><div
      class="header__column header__column--center"
      data-testid="header-top-center"
    >
      
        
          
              




<a
  
  href="/"
  class="size-style spacing-style header-logo"
  style="
    --size-style-width: ;--size-style-height: ;
    --padding-block-start: 0px;--padding-block-end: 0px;
    --font-family: var(--font-body--family);
    --font-style: var(--font-body--style);
    --font-weight: 600;
  "
  
>
  

  <span
    class="header-logo__image-container header-logo__image-container--original"
    data-testid="header-logo"
  >
    
  
  
  
  

  

  

  

  <img src="//www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?height=100&amp;v=1770838553" alt="MACKEENE EU - Home" width="258" height="100" class="header-logo__image" srcset="//www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?height=100&amp;v=1770838553 1x, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?height=200&amp;v=1770838553 2x, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?height=300&amp;v=1770838553 3x" style="--header-logo-image-width: 259px;--header-logo-image-width-mobile: 143px; --header-logo-image-height: 100px; --header-logo-image-height-mobile: 55px;">


  </span>

  
    <span
      class="header-logo__image-container header-logo__image-container--inverse"
      data-testid="header-logo-inverse"
    >
      
  
  
  
  

  

  

  

  <img src="//www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_white_26e13083-4ffd-4052-af13-1b2221de14b1.png?height=100&amp;v=1770838553" alt="MACKEENE EU - Home" width="258" height="100" class="header-logo__image" srcset="//www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_white_26e13083-4ffd-4052-af13-1b2221de14b1.png?height=100&amp;v=1770838553 1x, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_white_26e13083-4ffd-4052-af13-1b2221de14b1.png?height=200&amp;v=1770838553 2x, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_white_26e13083-4ffd-4052-af13-1b2221de14b1.png?height=300&amp;v=1770838553 3x" style="--header-logo-image-width: 259px;--header-logo-image-width-mobile: 143px; --header-logo-image-height: 100px; --header-logo-image-height-mobile: 55px;">


    </span>
  
</a>





            
        
      
    </div><div
      class="header__column header__column--right"
      data-testid="header-top-right"
    >
      
        
          
              
  
  
    <dropdown-localization-component
      class="dropdown-localization mobile:hidden"
    >
      <button
        type="button"
        class="button dropdown-localization__button localization-selector header-actions__action"
        aria-expanded="false"
        aria-controls="dropdown-localization-results"
        ref="button"
        on:click="/toggleSelector"
        style="--menu-localization-font: var(--font-body--family);  --menu-localization-font-size: 0.75rem; "
      >
        
          
            
            <span
              class="icon-flag"
              style="
                background-image: url(//cdn.shopify.com/static/images/flags/fr.svg?width=32);
                --size-shadow: 2px;
                --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
              "
            ></span>
          
          <span
            class="currency-code"
            data-testid="localization-currency-code"
          >EUR</span>
        
        <span
          class="visually-hidden"
          data-testid="localization-visually-hidden"
        >Region and language selector</span><span>/</span><span>
            EN
          </span><span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </button>

      <div
        class="localization-wrapper right-bound color-scheme-1"
        hidden
        ref="panel"
      >
        
<localization-form-component
  ref="localizationForm"
  data-label-results-count="[count] results"
  data-show-filter="true"
  style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.75rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
  
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
      
        <div class="country-filter">
          <div class="field">
            <div class="country-filter__search-icon field__button">
              <span class="svg-wrapper">
                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

              </span>
            </div>
            <input
              class="country-filter__input"
              id="country-filter-input"
              type="search"
              name="country_filter"
              value=""
              placeholder="Search"
              role="combobox"
              aria-owns="country-results"
              aria-controls="country-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              aria-label="Find country"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false"
              ref="search"
              on:keyup="/filterCountries"
            >
            <label
              class="field__label visually-hidden"
              for="country-filter-input"
            >Search</label>
            <button
              type="reset"
              class="button button-unstyled country-filter__reset-button field__button"
              aria-label="Reset"
              ref="resetButton"
              hidden
              on:click="/resetCountriesFilter"
            >
              <span class="svg-wrapper">
                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>

              </span>
            </button>
          </div>
        </div>
      
      <div class="country-selector-form__wrapper">
        <h2
          class="visually-hidden"
          id="dropdown-CountryLabel"
        >
          Country/Region
        </h2>
        
          <div
            id="sr-country-search-results-sections--28651665752411__header_section"
            class="visually-hidden"
            aria-live="polite"
            ref="liveRegion"
          ></div>
        
        <div
          class="localization-form__list"
          id="dropdown-country-results"
          ref="countryList"
        >
          
            <ul
              role="list"
              class="list-unstyled popular-countries"
              aria-label="Country/Region"
              ref="popularCountries"
            >
                <li
                  class="localization-form__list-item"
                  
                  data-value="DE"
                  
                    data-aliases=""
                  
                  id="Germany"
                  aria-label="Germany"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/DE"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">Germany</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li>
                <li
                  class="localization-form__list-item"
                  
                  data-value="BL"
                  
                    data-aliases=""
                  
                  id="St. Barthélemy"
                  aria-label="St. Barthélemy"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/BL"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">St. Barthélemy</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li>
                <li
                  class="localization-form__list-item"
                  
                  data-value="GB"
                  
                    data-aliases="uk,gb,great britain"
                  
                  id="United Kingdom"
                  aria-label="United Kingdom"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/GB"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">United Kingdom</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li>
                <li
                  class="localization-form__list-item"
                  
                  data-value="US"
                  
                    data-aliases="us,usa,america,united states of america"
                  
                  id="United States"
                  aria-label="United States"
                  role="option"
                  tabindex="-1"
                  ref="countryListItems[]"
                  on:click="/selectCountry/US"
                >
                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                  <span class="country">United States</span>
                  <span
                    class="localization-form__currency"
                    
                      hidden
                    
                  >
                    EUR
                    €</span>
                </li></ul>
          
          <ul
            role="list"
            class="list-unstyled countries"
          >
            <span
              class="localization-form__list-item localization-form__list-item-disabled"
              id="no-results-message"
              ref="noResultsMessage"
              hidden
            >No results found</span>
              <li
                class="localization-form__list-item"
                
                data-value="AF"
                
                  data-aliases=""
                
                id="Afghanistan"
                aria-label="Afghanistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Afghanistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AX"
                
                  data-aliases=""
                
                id="Åland Islands"
                aria-label="Åland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Åland Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AL"
                
                  data-aliases=""
                
                id="Albania"
                aria-label="Albania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Albania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DZ"
                
                  data-aliases=""
                
                id="Algeria"
                aria-label="Algeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Algeria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AD"
                
                  data-aliases=""
                
                id="Andorra"
                aria-label="Andorra"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Andorra</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AO"
                
                  data-aliases=""
                
                id="Angola"
                aria-label="Angola"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Angola</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AI"
                
                  data-aliases=""
                
                id="Anguilla"
                aria-label="Anguilla"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Anguilla</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AG"
                
                  data-aliases=""
                
                id="Antigua &amp; Barbuda"
                aria-label="Antigua &amp; Barbuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Antigua &amp; Barbuda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AR"
                
                  data-aliases=""
                
                id="Argentina"
                aria-label="Argentina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Argentina</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AM"
                
                  data-aliases=""
                
                id="Armenia"
                aria-label="Armenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Armenia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AW"
                
                  data-aliases=""
                
                id="Aruba"
                aria-label="Aruba"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Aruba</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AC"
                
                  data-aliases=""
                
                id="Ascension Island"
                aria-label="Ascension Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ascension Island</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AU"
                
                  data-aliases=""
                
                id="Australia"
                aria-label="Australia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Australia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AT"
                
                  data-aliases=""
                
                id="Austria"
                aria-label="Austria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Austria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AZ"
                
                  data-aliases=""
                
                id="Azerbaijan"
                aria-label="Azerbaijan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Azerbaijan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BS"
                
                  data-aliases=""
                
                id="Bahamas"
                aria-label="Bahamas"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahamas</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BH"
                
                  data-aliases=""
                
                id="Bahrain"
                aria-label="Bahrain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bahrain</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BD"
                
                  data-aliases=""
                
                id="Bangladesh"
                aria-label="Bangladesh"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bangladesh</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BB"
                
                  data-aliases=""
                
                id="Barbados"
                aria-label="Barbados"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Barbados</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BY"
                
                  data-aliases=""
                
                id="Belarus"
                aria-label="Belarus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belarus</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BE"
                
                  data-aliases=""
                
                id="Belgium"
                aria-label="Belgium"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belgium</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BZ"
                
                  data-aliases=""
                
                id="Belize"
                aria-label="Belize"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Belize</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BJ"
                
                  data-aliases=""
                
                id="Benin"
                aria-label="Benin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Benin</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BM"
                
                  data-aliases=""
                
                id="Bermuda"
                aria-label="Bermuda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bermuda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BT"
                
                  data-aliases=""
                
                id="Bhutan"
                aria-label="Bhutan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bhutan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BO"
                
                  data-aliases=""
                
                id="Bolivia"
                aria-label="Bolivia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bolivia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BA"
                
                  data-aliases=""
                
                id="Bosnia &amp; Herzegovina"
                aria-label="Bosnia &amp; Herzegovina"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bosnia &amp; Herzegovina</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BW"
                
                  data-aliases=""
                
                id="Botswana"
                aria-label="Botswana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Botswana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BR"
                
                  data-aliases=""
                
                id="Brazil"
                aria-label="Brazil"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brazil</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IO"
                
                  data-aliases=""
                
                id="British Indian Ocean Territory"
                aria-label="British Indian Ocean Territory"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Indian Ocean Territory</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VG"
                
                  data-aliases=""
                
                id="British Virgin Islands"
                aria-label="British Virgin Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">British Virgin Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BN"
                
                  data-aliases=""
                
                id="Brunei"
                aria-label="Brunei"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Brunei</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BG"
                
                  data-aliases=""
                
                id="Bulgaria"
                aria-label="Bulgaria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Bulgaria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BF"
                
                  data-aliases=""
                
                id="Burkina Faso"
                aria-label="Burkina Faso"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burkina Faso</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BI"
                
                  data-aliases=""
                
                id="Burundi"
                aria-label="Burundi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Burundi</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KH"
                
                  data-aliases=""
                
                id="Cambodia"
                aria-label="Cambodia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cambodia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CM"
                
                  data-aliases=""
                
                id="Cameroon"
                aria-label="Cameroon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cameroon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CA"
                
                  data-aliases=""
                
                id="Canada"
                aria-label="Canada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Canada</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CV"
                
                  data-aliases=""
                
                id="Cape Verde"
                aria-label="Cape Verde"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cape Verde</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BQ"
                
                  data-aliases=""
                
                id="Caribbean Netherlands"
                aria-label="Caribbean Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Caribbean Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KY"
                
                  data-aliases=""
                
                id="Cayman Islands"
                aria-label="Cayman Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cayman Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CF"
                
                  data-aliases=""
                
                id="Central African Republic"
                aria-label="Central African Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Central African Republic</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TD"
                
                  data-aliases=""
                
                id="Chad"
                aria-label="Chad"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chad</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CL"
                
                  data-aliases=""
                
                id="Chile"
                aria-label="Chile"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Chile</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CN"
                
                  data-aliases=""
                
                id="China"
                aria-label="China"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">China</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CX"
                
                  data-aliases=""
                
                id="Christmas Island"
                aria-label="Christmas Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Christmas Island</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CC"
                
                  data-aliases=""
                
                id="Cocos (Keeling) Islands"
                aria-label="Cocos (Keeling) Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cocos (Keeling) Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CO"
                
                  data-aliases=""
                
                id="Colombia"
                aria-label="Colombia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Colombia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KM"
                
                  data-aliases=""
                
                id="Comoros"
                aria-label="Comoros"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Comoros</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CG"
                
                  data-aliases=""
                
                id="Congo - Brazzaville"
                aria-label="Congo - Brazzaville"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Brazzaville</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CD"
                
                  data-aliases=""
                
                id="Congo - Kinshasa"
                aria-label="Congo - Kinshasa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Congo - Kinshasa</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CK"
                
                  data-aliases=""
                
                id="Cook Islands"
                aria-label="Cook Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cook Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CR"
                
                  data-aliases=""
                
                id="Costa Rica"
                aria-label="Costa Rica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Costa Rica</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CI"
                
                  data-aliases=""
                
                id="Côte d’Ivoire"
                aria-label="Côte d’Ivoire"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Côte d’Ivoire</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HR"
                
                  data-aliases=""
                
                id="Croatia"
                aria-label="Croatia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Croatia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CW"
                
                  data-aliases=""
                
                id="Curaçao"
                aria-label="Curaçao"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Curaçao</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CY"
                
                  data-aliases=""
                
                id="Cyprus"
                aria-label="Cyprus"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Cyprus</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CZ"
                
                  data-aliases=""
                
                id="Czechia"
                aria-label="Czechia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Czechia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DK"
                
                  data-aliases=""
                
                id="Denmark"
                aria-label="Denmark"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Denmark</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DJ"
                
                  data-aliases=""
                
                id="Djibouti"
                aria-label="Djibouti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Djibouti</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DM"
                
                  data-aliases=""
                
                id="Dominica"
                aria-label="Dominica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominica</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DO"
                
                  data-aliases=""
                
                id="Dominican Republic"
                aria-label="Dominican Republic"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Dominican Republic</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EC"
                
                  data-aliases=""
                
                id="Ecuador"
                aria-label="Ecuador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ecuador</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EG"
                
                  data-aliases=""
                
                id="Egypt"
                aria-label="Egypt"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Egypt</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SV"
                
                  data-aliases=""
                
                id="El Salvador"
                aria-label="El Salvador"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">El Salvador</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GQ"
                
                  data-aliases=""
                
                id="Equatorial Guinea"
                aria-label="Equatorial Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Equatorial Guinea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ER"
                
                  data-aliases=""
                
                id="Eritrea"
                aria-label="Eritrea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ER"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eritrea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EE"
                
                  data-aliases=""
                
                id="Estonia"
                aria-label="Estonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Estonia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SZ"
                
                  data-aliases=""
                
                id="Eswatini"
                aria-label="Eswatini"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Eswatini</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ET"
                
                  data-aliases=""
                
                id="Ethiopia"
                aria-label="Ethiopia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ET"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ethiopia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FK"
                
                  data-aliases=""
                
                id="Falkland Islands"
                aria-label="Falkland Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Falkland Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FO"
                
                  data-aliases=""
                
                id="Faroe Islands"
                aria-label="Faroe Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Faroe Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FJ"
                
                  data-aliases=""
                
                id="Fiji"
                aria-label="Fiji"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Fiji</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="FI"
                
                  data-aliases=""
                
                id="Finland"
                aria-label="Finland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Finland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                  aria-current="true"
                
                data-value="FR"
                
                  data-aliases=""
                
                id="France"
                aria-label="France"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/FR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">France</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GF"
                
                  data-aliases=""
                
                id="French Guiana"
                aria-label="French Guiana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Guiana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PF"
                
                  data-aliases=""
                
                id="French Polynesia"
                aria-label="French Polynesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Polynesia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TF"
                
                  data-aliases=""
                
                id="French Southern Territories"
                aria-label="French Southern Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">French Southern Territories</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GA"
                
                  data-aliases=""
                
                id="Gabon"
                aria-label="Gabon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gabon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GM"
                
                  data-aliases=""
                
                id="Gambia"
                aria-label="Gambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gambia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GE"
                
                  data-aliases=""
                
                id="Georgia"
                aria-label="Georgia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Georgia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="DE"
                
                  data-aliases=""
                
                id="Germany"
                aria-label="Germany"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/DE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Germany</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GH"
                
                  data-aliases=""
                
                id="Ghana"
                aria-label="Ghana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ghana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GI"
                
                  data-aliases=""
                
                id="Gibraltar"
                aria-label="Gibraltar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Gibraltar</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GR"
                
                  data-aliases=""
                
                id="Greece"
                aria-label="Greece"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greece</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GL"
                
                  data-aliases=""
                
                id="Greenland"
                aria-label="Greenland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Greenland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GD"
                
                  data-aliases=""
                
                id="Grenada"
                aria-label="Grenada"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Grenada</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GP"
                
                  data-aliases=""
                
                id="Guadeloupe"
                aria-label="Guadeloupe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GP"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guadeloupe</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GT"
                
                  data-aliases=""
                
                id="Guatemala"
                aria-label="Guatemala"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guatemala</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GG"
                
                  data-aliases=""
                
                id="Guernsey"
                aria-label="Guernsey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guernsey</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GN"
                
                  data-aliases=""
                
                id="Guinea"
                aria-label="Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GW"
                
                  data-aliases=""
                
                id="Guinea-Bissau"
                aria-label="Guinea-Bissau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guinea-Bissau</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GY"
                
                  data-aliases=""
                
                id="Guyana"
                aria-label="Guyana"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Guyana</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HT"
                
                  data-aliases=""
                
                id="Haiti"
                aria-label="Haiti"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Haiti</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HN"
                
                  data-aliases=""
                
                id="Honduras"
                aria-label="Honduras"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Honduras</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HK"
                
                  data-aliases=""
                
                id="Hong Kong SAR"
                aria-label="Hong Kong SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hong Kong SAR</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="HU"
                
                  data-aliases=""
                
                id="Hungary"
                aria-label="Hungary"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/HU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Hungary</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IS"
                
                  data-aliases=""
                
                id="Iceland"
                aria-label="Iceland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iceland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IN"
                
                  data-aliases=""
                
                id="India"
                aria-label="India"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">India</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ID"
                
                  data-aliases=""
                
                id="Indonesia"
                aria-label="Indonesia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ID"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Indonesia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IQ"
                
                  data-aliases=""
                
                id="Iraq"
                aria-label="Iraq"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Iraq</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IE"
                
                  data-aliases=""
                
                id="Ireland"
                aria-label="Ireland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ireland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IM"
                
                  data-aliases=""
                
                id="Isle of Man"
                aria-label="Isle of Man"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Isle of Man</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IL"
                
                  data-aliases=""
                
                id="Israel"
                aria-label="Israel"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Israel</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="IT"
                
                  data-aliases=""
                
                id="Italy"
                aria-label="Italy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/IT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Italy</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JM"
                
                  data-aliases=""
                
                id="Jamaica"
                aria-label="Jamaica"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jamaica</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JP"
                
                  data-aliases=""
                
                id="Japan"
                aria-label="Japan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JP"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Japan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JE"
                
                  data-aliases=""
                
                id="Jersey"
                aria-label="Jersey"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jersey</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="JO"
                
                  data-aliases=""
                
                id="Jordan"
                aria-label="Jordan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/JO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Jordan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KZ"
                
                  data-aliases=""
                
                id="Kazakhstan"
                aria-label="Kazakhstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kazakhstan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KE"
                
                  data-aliases=""
                
                id="Kenya"
                aria-label="Kenya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kenya</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KI"
                
                  data-aliases=""
                
                id="Kiribati"
                aria-label="Kiribati"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kiribati</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="XK"
                
                  data-aliases=""
                
                id="Kosovo"
                aria-label="Kosovo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/XK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kosovo</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KW"
                
                  data-aliases=""
                
                id="Kuwait"
                aria-label="Kuwait"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kuwait</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KG"
                
                  data-aliases=""
                
                id="Kyrgyzstan"
                aria-label="Kyrgyzstan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Kyrgyzstan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LA"
                
                  data-aliases=""
                
                id="Laos"
                aria-label="Laos"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Laos</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LV"
                
                  data-aliases=""
                
                id="Latvia"
                aria-label="Latvia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Latvia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LB"
                
                  data-aliases=""
                
                id="Lebanon"
                aria-label="Lebanon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lebanon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LS"
                
                  data-aliases=""
                
                id="Lesotho"
                aria-label="Lesotho"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lesotho</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LR"
                
                  data-aliases=""
                
                id="Liberia"
                aria-label="Liberia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liberia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LY"
                
                  data-aliases=""
                
                id="Libya"
                aria-label="Libya"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Libya</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LI"
                
                  data-aliases=""
                
                id="Liechtenstein"
                aria-label="Liechtenstein"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Liechtenstein</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LT"
                
                  data-aliases=""
                
                id="Lithuania"
                aria-label="Lithuania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Lithuania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LU"
                
                  data-aliases=""
                
                id="Luxembourg"
                aria-label="Luxembourg"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Luxembourg</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MO"
                
                  data-aliases=""
                
                id="Macao SAR"
                aria-label="Macao SAR"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Macao SAR</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MG"
                
                  data-aliases=""
                
                id="Madagascar"
                aria-label="Madagascar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Madagascar</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MW"
                
                  data-aliases=""
                
                id="Malawi"
                aria-label="Malawi"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malawi</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MY"
                
                  data-aliases=""
                
                id="Malaysia"
                aria-label="Malaysia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malaysia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MV"
                
                  data-aliases=""
                
                id="Maldives"
                aria-label="Maldives"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Maldives</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ML"
                
                  data-aliases=""
                
                id="Mali"
                aria-label="Mali"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ML"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mali</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MT"
                
                  data-aliases=""
                
                id="Malta"
                aria-label="Malta"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Malta</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MQ"
                
                  data-aliases=""
                
                id="Martinique"
                aria-label="Martinique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MQ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Martinique</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MR"
                
                  data-aliases=""
                
                id="Mauritania"
                aria-label="Mauritania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MU"
                
                  data-aliases=""
                
                id="Mauritius"
                aria-label="Mauritius"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mauritius</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YT"
                
                  data-aliases=""
                
                id="Mayotte"
                aria-label="Mayotte"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mayotte</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MX"
                
                  data-aliases=""
                
                id="Mexico"
                aria-label="Mexico"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mexico</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MD"
                
                  data-aliases=""
                
                id="Moldova"
                aria-label="Moldova"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Moldova</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MC"
                
                  data-aliases=""
                
                id="Monaco"
                aria-label="Monaco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Monaco</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MN"
                
                  data-aliases=""
                
                id="Mongolia"
                aria-label="Mongolia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mongolia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ME"
                
                  data-aliases=""
                
                id="Montenegro"
                aria-label="Montenegro"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ME"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montenegro</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MS"
                
                  data-aliases=""
                
                id="Montserrat"
                aria-label="Montserrat"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Montserrat</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MA"
                
                  data-aliases=""
                
                id="Morocco"
                aria-label="Morocco"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Morocco</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MZ"
                
                  data-aliases=""
                
                id="Mozambique"
                aria-label="Mozambique"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Mozambique</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MM"
                
                  data-aliases=""
                
                id="Myanmar (Burma)"
                aria-label="Myanmar (Burma)"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Myanmar (Burma)</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NA"
                
                  data-aliases=""
                
                id="Namibia"
                aria-label="Namibia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Namibia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NR"
                
                  data-aliases=""
                
                id="Nauru"
                aria-label="Nauru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nauru</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NP"
                
                  data-aliases=""
                
                id="Nepal"
                aria-label="Nepal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NP"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nepal</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NL"
                
                  data-aliases=""
                
                id="Netherlands"
                aria-label="Netherlands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Netherlands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NC"
                
                  data-aliases=""
                
                id="New Caledonia"
                aria-label="New Caledonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Caledonia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NZ"
                
                  data-aliases=""
                
                id="New Zealand"
                aria-label="New Zealand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">New Zealand</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NI"
                
                  data-aliases=""
                
                id="Nicaragua"
                aria-label="Nicaragua"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nicaragua</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NE"
                
                  data-aliases=""
                
                id="Niger"
                aria-label="Niger"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niger</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NG"
                
                  data-aliases=""
                
                id="Nigeria"
                aria-label="Nigeria"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Nigeria</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NU"
                
                  data-aliases=""
                
                id="Niue"
                aria-label="Niue"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Niue</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NF"
                
                  data-aliases=""
                
                id="Norfolk Island"
                aria-label="Norfolk Island"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norfolk Island</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MK"
                
                  data-aliases=""
                
                id="North Macedonia"
                aria-label="North Macedonia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">North Macedonia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="NO"
                
                  data-aliases=""
                
                id="Norway"
                aria-label="Norway"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/NO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Norway</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="OM"
                
                  data-aliases=""
                
                id="Oman"
                aria-label="Oman"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/OM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Oman</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PK"
                
                  data-aliases=""
                
                id="Pakistan"
                aria-label="Pakistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pakistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PS"
                
                  data-aliases=""
                
                id="Palestinian Territories"
                aria-label="Palestinian Territories"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Palestinian Territories</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PA"
                
                  data-aliases=""
                
                id="Panama"
                aria-label="Panama"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Panama</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PG"
                
                  data-aliases=""
                
                id="Papua New Guinea"
                aria-label="Papua New Guinea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Papua New Guinea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PY"
                
                  data-aliases=""
                
                id="Paraguay"
                aria-label="Paraguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Paraguay</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PE"
                
                  data-aliases=""
                
                id="Peru"
                aria-label="Peru"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Peru</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PH"
                
                  data-aliases=""
                
                id="Philippines"
                aria-label="Philippines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Philippines</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PN"
                
                  data-aliases=""
                
                id="Pitcairn Islands"
                aria-label="Pitcairn Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Pitcairn Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PL"
                
                  data-aliases=""
                
                id="Poland"
                aria-label="Poland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Poland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PT"
                
                  data-aliases=""
                
                id="Portugal"
                aria-label="Portugal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Portugal</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="QA"
                
                  data-aliases=""
                
                id="Qatar"
                aria-label="Qatar"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/QA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Qatar</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RE"
                
                  data-aliases=""
                
                id="Réunion"
                aria-label="Réunion"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Réunion</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RO"
                
                  data-aliases=""
                
                id="Romania"
                aria-label="Romania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Romania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RU"
                
                  data-aliases=""
                
                id="Russia"
                aria-label="Russia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Russia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RW"
                
                  data-aliases=""
                
                id="Rwanda"
                aria-label="Rwanda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Rwanda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WS"
                
                  data-aliases=""
                
                id="Samoa"
                aria-label="Samoa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Samoa</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SM"
                
                  data-aliases=""
                
                id="San Marino"
                aria-label="San Marino"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">San Marino</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ST"
                
                  data-aliases=""
                
                id="São Tomé &amp; Príncipe"
                aria-label="São Tomé &amp; Príncipe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ST"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">São Tomé &amp; Príncipe</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SA"
                
                  data-aliases=""
                
                id="Saudi Arabia"
                aria-label="Saudi Arabia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Saudi Arabia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SN"
                
                  data-aliases=""
                
                id="Senegal"
                aria-label="Senegal"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Senegal</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="RS"
                
                  data-aliases=""
                
                id="Serbia"
                aria-label="Serbia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/RS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Serbia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SC"
                
                  data-aliases=""
                
                id="Seychelles"
                aria-label="Seychelles"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Seychelles</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SL"
                
                  data-aliases=""
                
                id="Sierra Leone"
                aria-label="Sierra Leone"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sierra Leone</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SG"
                
                  data-aliases=""
                
                id="Singapore"
                aria-label="Singapore"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Singapore</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SX"
                
                  data-aliases=""
                
                id="Sint Maarten"
                aria-label="Sint Maarten"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SX"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sint Maarten</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SK"
                
                  data-aliases=""
                
                id="Slovakia"
                aria-label="Slovakia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovakia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SI"
                
                  data-aliases=""
                
                id="Slovenia"
                aria-label="Slovenia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SI"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Slovenia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SB"
                
                  data-aliases=""
                
                id="Solomon Islands"
                aria-label="Solomon Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Solomon Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SO"
                
                  data-aliases=""
                
                id="Somalia"
                aria-label="Somalia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Somalia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZA"
                
                  data-aliases=""
                
                id="South Africa"
                aria-label="South Africa"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Africa</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GS"
                
                  data-aliases=""
                
                id="South Georgia &amp; South Sandwich Islands"
                aria-label="South Georgia &amp; South Sandwich Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Georgia &amp; South Sandwich Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KR"
                
                  data-aliases=""
                
                id="South Korea"
                aria-label="South Korea"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Korea</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SS"
                
                  data-aliases=""
                
                id="South Sudan"
                aria-label="South Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SS"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">South Sudan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ES"
                
                  data-aliases=""
                
                id="Spain"
                aria-label="Spain"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ES"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Spain</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LK"
                
                  data-aliases=""
                
                id="Sri Lanka"
                aria-label="Sri Lanka"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sri Lanka</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="BL"
                
                  data-aliases=""
                
                id="St. Barthélemy"
                aria-label="St. Barthélemy"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/BL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Barthélemy</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SH"
                
                  data-aliases=""
                
                id="St. Helena"
                aria-label="St. Helena"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Helena</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="KN"
                
                  data-aliases=""
                
                id="St. Kitts &amp; Nevis"
                aria-label="St. Kitts &amp; Nevis"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/KN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Kitts &amp; Nevis</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="LC"
                
                  data-aliases=""
                
                id="St. Lucia"
                aria-label="St. Lucia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/LC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Lucia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="MF"
                
                  data-aliases=""
                
                id="St. Martin"
                aria-label="St. Martin"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/MF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Martin</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="PM"
                
                  data-aliases=""
                
                id="St. Pierre &amp; Miquelon"
                aria-label="St. Pierre &amp; Miquelon"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/PM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Pierre &amp; Miquelon</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VC"
                
                  data-aliases=""
                
                id="St. Vincent &amp; Grenadines"
                aria-label="St. Vincent &amp; Grenadines"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">St. Vincent &amp; Grenadines</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SD"
                
                  data-aliases=""
                
                id="Sudan"
                aria-label="Sudan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SD"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sudan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SR"
                
                  data-aliases=""
                
                id="Suriname"
                aria-label="Suriname"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Suriname</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SJ"
                
                  data-aliases=""
                
                id="Svalbard &amp; Jan Mayen"
                aria-label="Svalbard &amp; Jan Mayen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Svalbard &amp; Jan Mayen</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="SE"
                
                  data-aliases=""
                
                id="Sweden"
                aria-label="Sweden"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/SE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Sweden</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="CH"
                
                  data-aliases=""
                
                id="Switzerland"
                aria-label="Switzerland"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/CH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Switzerland</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TW"
                
                  data-aliases=""
                
                id="Taiwan"
                aria-label="Taiwan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Taiwan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TJ"
                
                  data-aliases=""
                
                id="Tajikistan"
                aria-label="Tajikistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TJ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tajikistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TZ"
                
                  data-aliases=""
                
                id="Tanzania"
                aria-label="Tanzania"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tanzania</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TH"
                
                  data-aliases=""
                
                id="Thailand"
                aria-label="Thailand"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Thailand</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TL"
                
                  data-aliases=""
                
                id="Timor-Leste"
                aria-label="Timor-Leste"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TL"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Timor-Leste</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TG"
                
                  data-aliases=""
                
                id="Togo"
                aria-label="Togo"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Togo</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TK"
                
                  data-aliases=""
                
                id="Tokelau"
                aria-label="Tokelau"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TK"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tokelau</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TO"
                
                  data-aliases=""
                
                id="Tonga"
                aria-label="Tonga"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TO"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tonga</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TT"
                
                  data-aliases=""
                
                id="Trinidad &amp; Tobago"
                aria-label="Trinidad &amp; Tobago"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TT"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Trinidad &amp; Tobago</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TA"
                
                  data-aliases=""
                
                id="Tristan da Cunha"
                aria-label="Tristan da Cunha"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tristan da Cunha</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TN"
                
                  data-aliases=""
                
                id="Tunisia"
                aria-label="Tunisia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tunisia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TR"
                
                  data-aliases=""
                
                id="Türkiye"
                aria-label="Türkiye"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TR"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Türkiye</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TM"
                
                  data-aliases=""
                
                id="Turkmenistan"
                aria-label="Turkmenistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turkmenistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TC"
                
                  data-aliases=""
                
                id="Turks &amp; Caicos Islands"
                aria-label="Turks &amp; Caicos Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TC"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Turks &amp; Caicos Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="TV"
                
                  data-aliases=""
                
                id="Tuvalu"
                aria-label="Tuvalu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/TV"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Tuvalu</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UM"
                
                  data-aliases=""
                
                id="U.S. Outlying Islands"
                aria-label="U.S. Outlying Islands"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">U.S. Outlying Islands</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UG"
                
                  data-aliases=""
                
                id="Uganda"
                aria-label="Uganda"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UG"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uganda</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UA"
                
                  data-aliases=""
                
                id="Ukraine"
                aria-label="Ukraine"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Ukraine</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="AE"
                
                  data-aliases=""
                
                id="United Arab Emirates"
                aria-label="United Arab Emirates"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/AE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Arab Emirates</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="GB"
                
                  data-aliases="uk,gb,great britain"
                
                id="United Kingdom"
                aria-label="United Kingdom"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/GB"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United Kingdom</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="US"
                
                  data-aliases="us,usa,america,united states of america"
                
                id="United States"
                aria-label="United States"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/US"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">United States</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UY"
                
                  data-aliases=""
                
                id="Uruguay"
                aria-label="Uruguay"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UY"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uruguay</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="UZ"
                
                  data-aliases=""
                
                id="Uzbekistan"
                aria-label="Uzbekistan"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/UZ"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Uzbekistan</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VU"
                
                  data-aliases=""
                
                id="Vanuatu"
                aria-label="Vanuatu"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VU"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vanuatu</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VA"
                
                  data-aliases=""
                
                id="Vatican City"
                aria-label="Vatican City"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VA"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vatican City</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VE"
                
                  data-aliases=""
                
                id="Venezuela"
                aria-label="Venezuela"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Venezuela</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="VN"
                
                  data-aliases=""
                
                id="Vietnam"
                aria-label="Vietnam"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/VN"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Vietnam</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="WF"
                
                  data-aliases=""
                
                id="Wallis &amp; Futuna"
                aria-label="Wallis &amp; Futuna"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/WF"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Wallis &amp; Futuna</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="EH"
                
                  data-aliases=""
                
                id="Western Sahara"
                aria-label="Western Sahara"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/EH"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Western Sahara</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="YE"
                
                  data-aliases=""
                
                id="Yemen"
                aria-label="Yemen"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/YE"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Yemen</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZM"
                
                  data-aliases=""
                
                id="Zambia"
                aria-label="Zambia"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZM"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zambia</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li>
              <li
                class="localization-form__list-item"
                
                data-value="ZW"
                
                  data-aliases=""
                
                id="Zimbabwe"
                aria-label="Zimbabwe"
                role="option"
                tabindex="-1"
                ref="countryListItems[]"
                on:click="/selectCountry/ZW"
              >
                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
                <span class="country">Zimbabwe</span>
                <span
                  class="localization-form__currency"
                  
                    hidden
                  
                >
                  EUR
                  €</span>
              </li></ul>
        </div>
        <div class="country-selector__overlay"></div>
        <input
          type="hidden"
          name="country_code"
          value="FR"
          ref="countryInput"
        >
      </div>
    

    
      <div class="language-selector top-shadow">
        <h2
          class="visually-hidden"
          id="dropdown-LanguageLabel"
        >
          Language
        </h2>
        
          <span class="language-selector__label">Language</span>
        
        <select
          id="dropdownSelect"
          class="localization-form__select"
          name="language_code"
          aria-label="Language"
          ref="languageInput"
          on:change="/changeLanguage"
        ><option
              value="en"
              lang="en"
              
                selected
              
            >
              English
            </option><option
              value="fr"
              lang="fr"
              
            >
              Français
            </option></select>
        <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
      </div>
    
</form></localization-form-component>



      </div>
    </dropdown-localization-component>
  

            
        
      
        
          
              
  <search-button
    class="search-action search-action--hidden-on-drawer"
  >
    <button
      on:click="#search-modal/showDialog"
      class="button-unstyled header-actions__action"
      aria-label="Search"
      aria-haspopup="dialog"
    >
      <span class="hidden">
        Search
      </span>

      <span class="svg-wrapper ">
        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

      </span>
    </button>
  </search-button>




            
        
      
        
          
              

<script
  type="module"
  src="//www.mackeene.com/cdn/shop/t/112/assets/cart-icon.js?v=157241182139685326961774958070"
  fetchpriority="low"
></script>





<header-actions
  
>
  
    
    <div
      class="account-button header-actions__action color-scheme-1"
    >
      <shopify-store store-domain="https://www.mackeene.com" country="FR" language="en"></shopify-store>
<shopify-account
        menu="customer-account-main-menu"
        
      >
        
          <span
            slot="signed-out-avatar"
            class="account-button__text header-actions__text-style hidden"
          >
            Account
          </span>

          <span
            slot="signed-out-avatar"
            class=""
            aria-hidden="true"
          >
            
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="15"
    height="17"
    viewBox="0 0 15 17"
    fill="none"
    slot="signed-out-avatar"
    class="account-button__icon"
  >
    <path
      stroke="currentColor"
      stroke-linejoin="round"
      stroke-width="var(--icon-stroke-width)"
      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
    />
  </svg>

          </span>
        
      </shopify-account>
    </div>
  

  
    <script
      src="//www.mackeene.com/cdn/shop/t/112/assets/cart-drawer.js?v=35649724213056774541774958070"
      type="module"
      fetchpriority="low"
    ></script>

    

    <cart-drawer-component
      class="cart-drawer"
      
      
    >
      <template id="empty-cart-template">
        
      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/component-cart-items.js?v=165440327125931659001774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/component-cart-quantity-selector.js?v=105130809908858639751774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/volume-pricing-info.js?v=94479640769665442661774958070"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
    style="--product-title-case: uppercase;"
  
>
  
<p>
        Have an account? <a href="https://www.mackeene.com/customer_authentication/redirect?locale=en&region_country=FR">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    
      </template>
      <button
        class="header-actions__action button-unstyled"
        on:click="/open"
        aria-haspopup="dialog"
        aria-label="Cart"
        aria-describedby="cart-bubble-text"
        data-testid="cart-drawer-trigger"
      >
        
  <cart-icon
    class="header-actions__cart-icon"
    data-testid="cart-icon"
  >
    <span class="hidden">
      Cart
    </span>

    <span
      class="svg-wrapper "
      aria-hidden="true"
    >
      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>

    </span>

    <div
  ref="cartBubble"
  class="cart-bubble visually-hidden"
  
  
    data-maintain-ratio
  
>
  <span class="cart-bubble__background"></span>
  <span
    ref="cartBubbleText"
    id="cart-bubble-text"
    class="cart-bubble__text"
  >
    <span
      class="cart-bubble__text-count hidden"
      ref="cartBubbleCount"
      aria-hidden="true"
      data-testid="cart-bubble"
    >
0</span>
  </span>
</div>



  </cart-icon>

      </button>

      <dialog
        ref="dialog"
        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
        data-testid="cart-drawer-dialog"
        aria-labelledby="cart-drawer-heading-empty"
        scroll-lock
        cart-summary-sticky="true"
      >
        <span
          ref="liveRegion"
          class="visually-hidden"
          role="status"
        ></span>
        <div
          class="cart-drawer__inner"
          data-hydration-key="cart-drawer-inner"
        >
          
          

<cart-items-component
  class="cart-items-component"
  
    data-drawer
  
  data-section-id="sections--28651665752411__header_section"
>
  

      <div class="cart-drawer__header">
        <button
          ref="closeButton"
          on:click="cart-drawer-component/close"
          class="button close-button cart-drawer__close-button button-unstyled"
          aria-label="Close dialog"
        >
          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
        </button>
      </div>

      <div
        class="cart-drawer__content"
        aria-label="Cart"
      >
        <h2
          class="cart-drawer__heading h4 cart-drawer__heading--empty"
          id="cart-drawer-heading-empty"
        >
          Your cart is empty
        </h2>

        <div class="cart-drawer__items">
          



<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/component-cart-items.js?v=165440327125931659001774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/component-cart-quantity-selector.js?v=105130809908858639751774958070"
  type="module"
  fetchpriority="low"
></script>
<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/volume-pricing-info.js?v=94479640769665442661774958070"
  type="module"
  fetchpriority="low"
></script>

<div
  
  class="cart-items__wrapper"
  
    style="--product-title-case: uppercase;"
  
>
  
<p>
        Have an account? <a href="https://www.mackeene.com/customer_authentication/redirect?locale=en&region_country=FR">Log in</a> to check out faster.
      </p><a
      class="button cart-items__empty-button"
      href="/collections/all"
    >
      <span class="button-text">
        Continue shopping
      </span>
    </a></div>



        </div>
      </div>
    

</cart-items-component>



        </div>
      </dialog>
    </cart-drawer-component>
  

  <span
    ref="liveRegion"
    class="visually-hidden"
    role="status"
    data-testid="cart-count-live-region"
  ></span>
</header-actions>

<script
  type="module"
  src="//www.mackeene.com/cdn/shop/t/112/assets/header-actions.js?v=121308165565653895611774958070"
  fetchpriority="low"
></script>



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

    

    
    
  

  
    <div class="header__row header__navigation-bar-row color-scheme-1">
      



    
  

<style data-shopify>
  .header__underlay {
    --color-submenu: rgb(255 255 255 / 1.0);
  }
</style>




    </div>
  
</header-component>

<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/header.js?v=36718054510661947891774958070"
  type="module"
></script>




  <script type="module">
    import { hydrate } from '@theme/section-hydration';
    const url = new URL(window.location.href);
    url.searchParams.delete('page');
    hydrate('sections--28651665752411__header_section', url);
  </script>



</header>
<!-- END sections: header-group -->
    </div>

    <script>
      // Inline header height and menu style calculations to prevent layout shift
      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
      (function setHeaderHeighCustomProperties() {
        /*
         * Header calculation functions for maintaining CSS variables
         * Mimic calculateHeaderGroupHeight() in utilities.js
         */
        const header = document.querySelector('header-component');
        const headerGroup = document.querySelector('#header-group');
        const hasHeaderSection = headerGroup?.querySelector('.header-section');

        if (!header || !headerGroup) return;

        const headerTopRow = header.querySelector('.header__row--top');
        const headerHeight = header.offsetHeight;

        // Calculate the total height of the header group
        let headerGroupHeight = 0;
        const children = headerGroup.children;
        for (let i = 0; i < children.length; i++) {
          const element = children[i];
          if (element === header || !(element instanceof HTMLElement)) continue;
          headerGroupHeight += element.offsetHeight;
        }

        // Check for transparent header special case
        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
          headerGroupHeight += headerHeight;
        }

        // Set CSS variables
        document.body.style.setProperty('--header-height', `${headerHeight}px`);
        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);

        if (headerTopRow) {
          window.requestAnimationFrame(function () {
            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
          });
        }

        /**
         * Updates CSS custom properties for transparent header offset calculation
         * Mimic updateTransparentHeaderOffset() in utilities.js
         */

        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
          return;
        }

        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');

        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
      })();

      (function setHeaderMenuStyle() {
        const headerComponent = document.querySelector('#header-component');
        if (headerComponent) {
          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
          const overflowList = headerComponent?.querySelector('overflow-list');
          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
        }
      })();
    </script>

    <main
      id="MainContent"
      class="content-for-layout"
      role="main"
      data-page-transition-enabled="true"
      data-product-transition="true"
      data-template="index"
    >
      <section id="shopify-section-template--28651665359195__hero_iyt6zg" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--28651665359195__hero_iyt6zg"
  class="hero color-scheme-6"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.4;
    
       --hero-min-height: 100svh;
    
  "
  
  
    data-blur-shadow="true"
  
>
  
    
      <div
        class="hero__blurred-image hero__blurred-image--desktop"
        data-testid="hero-blurred-image-desktop"
      >
        
  
    <img src="//www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=3840" alt="" srcset="//www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=3840 3840w" width="2000" height="1068" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw">
  
  
  

      </div>
    
    
      <div
        class="hero__blurred-image hero__blurred-image--mobile"
        data-testid="hero-blurred-image-mobile"
      >
        

    
      
  
    <img src="//www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=3840" alt="" srcset="//www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=3840 3840w" width="2000" height="1068" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw">
  
  
  

    
  

      </div>
    
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: 0px;--padding-block-end: 0px;"
  ><a
        href="/collections/polos-enzo-luca"
        class="hero__link"
        
          target="_blank" rel="noopener"
        
      ></a><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.8726591760299625;"
      data-testid="hero-media-wrapper"
    >
      
      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=3840" srcset="//www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Canyon-with-Luca-_-Barth5-Banana.jpg?v=1775647390&amp;width=3840 3840w" width="2000" height="1068" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high" data-testid="hero-desktop-image-1">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        full-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: flex-end; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
    >
      






  <span class="visually-hidden">We are closing.
Everything 
from 70% 
to 90% Off</span>
  <jumbo-text
    
  style="
    --font-family: var(--font-heading--family);
    --font-weight: var(--font-heading--weight);
    
      --color: var(--color-foreground-heading);
    
    --text-align: center;
    
    --line-height: 1;
    --letter-spacing: normal;
    --text-transform: none;
    --text-trim: trim-both cap text;
  "
  data-cap-text="true"
  

    data-text-effect="blur"
    data-animation-repeat="true"
  ><span
        class="jumbo-text-line"
        style="--line-index: 1;"
        data-testid="jumbo-text-line"
        aria-hidden="true"
      >We are closing.</span><br><span
        class="jumbo-text-line"
        style="--line-index: 2;"
        data-testid="jumbo-text-line"
        aria-hidden="true"
      >Everything </span><br><span
        class="jumbo-text-line"
        style="--line-index: 3;"
        data-testid="jumbo-text-line"
        aria-hidden="true"
      >from 70% </span><br><span
        class="jumbo-text-line"
        style="--line-index: 4;"
        data-testid="jumbo-text-line"
        aria-hidden="true"
      >to 90% Off</span></jumbo-text>


<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/jumbo-text.js?v=176305077910446062401774958070"
  type="module"
  async
></script>






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




</section><div id="shopify-section-template--28651665359195__collection_links_Ut4aMz" class="shopify-section">



<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/collection-links.js?v=82286893601863644401774958070"
  type="module"
  fetchpriority="low"
></script>

<div class="section-background color-scheme-4"></div>
<div
  class="section section--page-width color-scheme-4 spacing-style"
  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 80px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));"
  data-testid="collection-links-template--28651665359195__collection_links_Ut4aMz"
>
  <collection-links-component
    layout="text"
    alignment="center"
    
  >
    <div
      class="collection-links__container"
      ref="container"
    >
      
        
        











  <a
    href="/collections/mens-designer-swim-shorts"
    class="collection-links__link"
    ref="links[]"
    on:pointerenter="/select/0"
    on:focus="/select/0"
    
      on:pointerleave="/clearSelections"
      on:blur="/clearSelections"
    
    aria-current="true"
    
    
  >
    
  





<span
    class="
      text-block
      custom-typography
      
      
    "
    style="
--color: ;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--heading-normal);        --letter-spacing: var(--letter-spacing--heading-normal);"
    
  >
    <span>Men's Swim Shorts</span>&nbsp;<sup class="collection-links__count">44</sup>
  </span>



    
      <div
        class="collection-links__image"
        ref="images[]"
        hidden
      >
        








  <image-block
    ratio="square"
    height="small"
    style="--border-radius: 2px;"
    
  >
    <img src="//www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=2560" alt="" srcset="//www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=240 240w, //www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=352 352w, //www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=832 832w, //www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/collections/f644149896aecce66f910df55ab9ab8e_db2215b7-e20e-481e-a427-19b2919c8333.jpg?v=1713174981&amp;width=2560 2560w" width="100%" sizes="auto, (min-width: 750px) 100vw, 100vw">
  </image-block>







      </div>
    
  </a>






      
        
        











  <a
    href="/collections/the-overshirt-mackeene"
    class="collection-links__link"
    ref="links[]"
    on:pointerenter="/select/1"
    on:focus="/select/1"
    
      on:pointerleave="/clearSelections"
      on:blur="/clearSelections"
    
    aria-current="false"
    
    
  >
    
  





<span
    class="
      text-block
      custom-typography
      
      
    "
    style="
--color: ;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--heading-normal);        --letter-spacing: var(--letter-spacing--heading-normal);"
    
  >
    <span>Unisex Overshirts</span>&nbsp;<sup class="collection-links__count">2</sup>
  </span>



    
      <div
        class="collection-links__image"
        ref="images[]"
        hidden
      >
        








  <image-block
    ratio="square"
    height="small"
    style="--border-radius: 2px;"
    
  >
    <img src="//www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=2560" alt="" srcset="//www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=240 240w, //www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=352 352w, //www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=832 832w, //www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/collections/5622aa98f55c75a13c563bc5bcada103_cf441961-6e06-4723-8470-e3479fdb6b78.jpg?v=1713435022&amp;width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
  </image-block>







      </div>
    
  </a>






      
        
        











  <a
    href="/collections/mens-designer-casual-shirts"
    class="collection-links__link"
    ref="links[]"
    on:pointerenter="/select/2"
    on:focus="/select/2"
    
      on:pointerleave="/clearSelections"
      on:blur="/clearSelections"
    
    aria-current="false"
    
    
  >
    
  





<span
    class="
      text-block
      custom-typography
      
      
    "
    style="
--color: ;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--heading-normal);        --letter-spacing: var(--letter-spacing--heading-normal);"
    
  >
    <span>Unisex Shirts</span>&nbsp;<sup class="collection-links__count">12</sup>
  </span>



    
      <div
        class="collection-links__image"
        ref="images[]"
        hidden
      >
        








  <image-block
    ratio="square"
    height="small"
    style="--border-radius: 2px;"
    
  >
    <img src="//www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=2560" alt="" srcset="//www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=240 240w, //www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=352 352w, //www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=832 832w, //www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/collections/7374ab8eec7fb880a606817cabf83287_c2a45f5d-70b8-4e0c-b4c5-b32eaf2addab.jpg?v=1713463974&amp;width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
  </image-block>







      </div>
    
  </a>






      
        
        











  <a
    href="/collections/the-hoodies"
    class="collection-links__link"
    ref="links[]"
    on:pointerenter="/select/3"
    on:focus="/select/3"
    
      on:pointerleave="/clearSelections"
      on:blur="/clearSelections"
    
    aria-current="false"
    
    
  >
    
  





<span
    class="
      text-block
      custom-typography
      
      
    "
    style="
--color: ;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--heading-normal);        --letter-spacing: var(--letter-spacing--heading-normal);"
    
  >
    <span>Unisex Hoodies</span>&nbsp;<sup class="collection-links__count">18</sup>
  </span>



    
      <div
        class="collection-links__image"
        ref="images[]"
        hidden
      >
        








  <image-block
    ratio="square"
    height="small"
    style="--border-radius: 2px;"
    
  >
    <img src="//www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=2560" alt="" srcset="//www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=240 240w, //www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=352 352w, //www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=832 832w, //www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/collections/7e56e5478cce6b01f5bf1edf8abc563d_d97c56e6-5470-4185-ba4a-6c5f3cdcee93.png?v=1713290921&amp;width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
  </image-block>







      </div>
    
  </a>






      
        
        











  <a
    href="/collections/the-pants"
    class="collection-links__link"
    ref="links[]"
    on:pointerenter="/select/4"
    on:focus="/select/4"
    
      on:pointerleave="/clearSelections"
      on:blur="/clearSelections"
    
    aria-current="false"
    
    
  >
    
  





<span
    class="
      text-block
      custom-typography
      
      
    "
    style="
--color: ;      --font-weight: var(--font-heading--weight);--font-family: var(--font-heading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--heading-normal);        --letter-spacing: var(--letter-spacing--heading-normal);"
    
  >
    <span>The Pants</span>&nbsp;<sup class="collection-links__count">2</sup>
  </span>



    
      <div
        class="collection-links__image"
        ref="images[]"
        hidden
      >
        








  <image-block
    ratio="square"
    height="small"
    style="--border-radius: 2px;"
    
  >
    <img src="//www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=2560" alt="" srcset="//www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=240 240w, //www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=352 352w, //www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=832 832w, //www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/collections/MACKEENE---2023-06-14---Running-Water-Jeans---Desktop_c4224cac-0ab4-4e00-a6b2-dad673338d46.jpg?v=1775238884&amp;width=2560 2560w" width="100%" loading="lazy" sizes="auto, (min-width: 750px) 100vw, 100vw">
  </image-block>







      </div>
    
  </a>






      
    </div>

    
  </collection-links-component>
</div>






</div><div id="shopify-section-template--28651665359195__media_with_content_VQUUEx" class="shopify-section">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width disable-section-top-offset media-with-content color-scheme-1 spacing-style media-with-content--medium media-with-content--media-extend"
  data-testid="media-with-content"
  style="--padding-block-start: 0px;--padding-block-end: 0px;
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    --media-height: auto;
        --media-height-mobile: auto;
    
  "
  
>
  




<div
  class="
    media-block
    spacing-style
    
    
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --image-position: cover;
    --video-position: cover;
  "
  
>

    
      
      
        
  
  
  
  

  

  

  

  <img src="//www.mackeene.com/cdn/shop/files/Harold_MacKeene_Portrait.png?height=675&amp;v=1773396756" alt="" width="1200" height="675" class="media-block__media border-style" srcset="//www.mackeene.com/cdn/shop/files/Harold_MacKeene_Portrait.png?height=675&amp;v=1773396756 1x, //www.mackeene.com/cdn/shop/files/Harold_MacKeene_Portrait.png?height=1350&amp;v=1773396756 2x, //www.mackeene.com/cdn/shop/files/Harold_MacKeene_Portrait.png?height=2025&amp;v=1773396756 3x" style="">


      
    
    
</div>







  



<div
  class="
    group-block
    group-block--height-
    group-block--width-
    border-style
    spacing-style
    size-style
    
    media-with-content__content
  "
  style="
    --border-width: px; --border-style: ; --border-color:
rgb(var(--color-border-rgb) / 0.0); --border-radius:
px; 

    
    --size-style-width: ;--size-style-height: ;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
      
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 24px;

--horizontal-alignment: flex-start; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  








  <div class=" spacing-style text-block text-block--AMVFWQkxhQ0w1Wk0xU__text_y3D7zD h6      "  style="    --padding-block-start: 32px; --padding-block-end:32px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p><strong>TODAY, THE 28th OF APRIL 2026</strong></p>
  </div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQlRBdUxmQVUvcUJrc__text_YEUXVw h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h2>After 20 years, <br/><em><strong>it ends here.</strong></em></h2>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AODkxcmpFWEtMNkdza__text_WFULtw rte     rte   "  style="    --padding-block-start: 9px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h4><br/>My dear friends,<br/><br/></h4><p>Today is a special day for me.<br/>A little sad, to be honest.</p><h5><br/><em>After more than 20 years building MACKEENE, I’ve decided to bring it to an end.</em><br/><br/></h5><p>We’ve had incredible moments along the way.<br/>From the early days to opening stores in Paris, St Barth and Biarritz, to designing prints and patterns that travelled far beyond me.</p><p>It meant more than I probably realized at the time.</p><h5><br/><em>But today, the page turns.</em></h5><p><em>A new chapter is starting for me.</em></p><p>—</p><p>To close this story properly,<br/>I’ve decided to give everyone one last chance<br/>to own a piece of MACKEENE.<br/><br/></p><h4><em>All remaining pieces <br/>are now between </em><br/><em><strong>-70% and -90%</strong></em><em>.</em></h4><p><br/></p><p>Not as a promotion,<br/>but as a way for the final pieces to become artifacts <br/>finding a new home.</p><h4><br/><em>This is the last time these pieces <br/>will be available.</em></h4><h5>The website will remain open until everything is gone.</h5><p>—</p><p>Thank you for being part of this journey.</p><h4><em>Harold MacKeene</em></h4><h4></h4><h4></h4>
  </rte-formatter>







</div>
</div>








<a
  
    href="/collections/all"
  
  class="
    size-style
    button-secondary
    button-secondary--AaDZUZU1RNlo4R0V1b__button_Pji9bQ
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>






</div>




</div><section id="shopify-section-template--28651665359195__hero_hY4gNp" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--28651665359195__hero_hY4gNp"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  ><a
        href="/collections/the-hoodies"
        class="hero__link"
        
      ></a><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.6428571428571428;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=3840" srcset="//www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/MACKEENE---2022-07-18---HOODIES---Desktop_b67f80b5-df72-4982-9cf8-ec4a57d297eb.jpg?v=1658136637&amp;width=3840 3840w" width="2300" height="1400" loading="lazy" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" data-testid="hero-desktop-image-1">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
    >
      


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 18px;

--horizontal-alignment: flex-start; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 6px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AQ0xYUjNLRFk5ekRTZ__text_3KFzMF h6    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><em>Organic coton hoodies</em></p>
  </div>















  <div class=" spacing-style text-block text-block--AWXB6Ynd4Y0NtWlYxV__text_prParY h2    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <h2>The Lee</h2>
  </div>







</div>
</div>




















</div>
</div>






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




</section><div id="shopify-section-template--28651665359195__product_list_wpVJLw" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
      
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: last baseline;
--vertical-alignment-mobile: last baseline;
"
  >





  

<a
  
    href="/collections/the-hoodies"
  
  class="
    size-style
    link
    link--AczUzVWRtOXZNcWJ4b__product_list_button_emJ86H
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  View all
</a>






</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
      force-full-width
    
    
    resource-list__carousel
  "
  style="--resource-list-column-gap-desktop: 13px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 44cqw;"
  
    data-testid="resource-list-grid"
  
>
  
      



<div style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;">
  <slideshow-component
  
    ref="resourceListCarousel"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719514345559"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="81d283b1ae641efece757b99929ca279"
    
      href="/products/hoodie-lee-06-nude-gold?variant=39585133494359"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 06. Nude Gold
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781569965870307;
  "
  data-product-id="6719514345559"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-06-nude-gold?variant=39585133494359"
      aria-label="Lee - 06. Nude Gold"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="5"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56692796981595"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781569965870307"
  data-media-id="56692796981595"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=3840" alt="Lee - 06. Nude Gold Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493006770523"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493006770523"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=3840" alt="Lee - 06. Nude Gold Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.NudeGold.jpg?v=1775147751&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493006803291"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493006803291"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=3840" alt="Lee - 06. Nude Gold Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude.jpg?v=1775147751&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297333309787"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297333309787"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=3840" alt="Lee - 06. Nude Gold Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude-min.jpg?v=1775147751&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.5639% 21.7591%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297333342555"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297333342555"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=3840" alt="Lee - 06. Nude Gold Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-06.Nude2-min.jpg?v=1775147751&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 06. Nude Gold"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719514345559"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719514345559-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585133494359"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Generated_Image_April_02_2026_-_5_34PM.jpg?v=1775165462&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719514345559" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 06. Nude Gold</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-06-nude-gold?variant=39585133494359"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 06. Nude Gold</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf"
  data-product-id="6719514345559"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513690199"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-1"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="97e162a13bf26a7f905360f545f5f738"
    
      href="/products/hoodie-lee-04-black-nude?variant=39585132052567"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 04. Black Nude
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-1 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719513690199"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-04-black-nude?variant=39585132052567"
      aria-label="Lee - 04. Black Nude"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="4"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492992713051"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492992713051"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=3840" alt="Lee - 04. Black Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56704652902747"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781569965870307"
  data-media-id="56704652902747"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=3840" alt="Lee - 04. Black Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Generated-Image-March-31_-2026---1_06PM-_2.jpg?v=1775238897&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492992745819"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492992745819"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=3840" alt="Lee - 04. Black Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_2182122c-a381-4207-83e4-c80fb6bf4ab3.jpg?v=1775232036&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297327444315"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297327444315"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=3840" alt="Lee - 04. Black Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_d6a809f4-82fa-454d-8821-7f62c8c64de4.jpg?v=1775232036&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 04. Black Nude"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513690199"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513690199-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585132052567"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackNude.jpg?v=1775233380&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513690199" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 04. Black Nude</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-04-black-nude?variant=39585132052567"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-1 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 04. Black Nude</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-1"
  data-product-id="6719513690199"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513428055"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-2"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="147e8a3c16f101b751b96b1ee919a2b7"
    
      href="/products/hoodie-lee-03-grey-melange-navy?variant=39585131561047"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 03. Grey Melange Navy
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-2 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719513428055"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-03-grey-melange-navy?variant=39585131561047"
      aria-label="Lee - 03. Grey Melange Navy"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="2"
>
  
  <slideshow-container ref="slideshowContainer">
    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56692742553947"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="56692742553947"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=3840" alt="Lee - 03. Grey Melange Navy Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="45707259969883"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="45707259969883"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=3840" alt="Lee - 03. Grey Melange Navy Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBlack.jpg?v=1775147461&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 03. Grey Melange Navy"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513428055"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513428055-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585131561047"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoody-Lee-Light-Grey.jpg?v=1775165460&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513428055" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 03. Grey Melange Navy</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-03-grey-melange-navy?variant=39585131561047"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-2 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 03. Grey Melange Navy</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-2"
  data-product-id="6719513428055"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719514837079"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-3"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="6ca489e77cd6fb5e698c42ee3cd441ab"
    
      href="/products/hoodie-lee-08-ecru-light-tea?variant=39585134805079"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 08. Ecru Green
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-3 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719514837079"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-08-ecru-light-tea?variant=39585134805079"
      aria-label="Lee - 08. Ecru Green"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56689700733275"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="56689700733275"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=3840" alt="Lee - 08. Ecru Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56689678319963"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="56689678319963"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=3840" alt="Lee - 08. Ecru Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru.jpg?v=1775140218&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493022499163"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493022499163"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=3840" alt="Lee - 08. Ecru Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru.jpg?v=1775134858&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 08. Ecru Green"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719514837079"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719514837079-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585134805079"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoody-Lee-08.Ecru2.jpg?v=1775140225&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719514837079" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 08. Ecru Green</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-08-ecru-light-tea?variant=39585134805079"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-3 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 08. Ecru Green</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-3"
  data-product-id="6719514837079"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719515361367"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-4"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="58151cf049a7edde870f6fffb72a5e43"
    
      href="/products/hoodie-lee-09-iron-light-bordeau?variant=39585136017495"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 09. Iron Red
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-4 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719515361367"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-09-iron-light-bordeau?variant=39585136017495"
      aria-label="Lee - 09. Iron Red"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="4"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297352282459"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297352282459"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=3840" alt="Lee - 09. Iron Red Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493624217947"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493624217947"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=3840" alt="Lee - 09. Iron Red Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed.jpg?v=1692179053&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493624250715"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493624250715"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=3840" alt="Lee - 09. Iron Red Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_67f42cda-c705-4d17-b1f0-d1976d7cc398.jpg?v=1692179053&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297353265499"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297353265499"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=3840" alt="Lee - 09. Iron Red Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_272475dd-f95c-4979-9da2-41e3d2b638d8.jpg?v=1692183110&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 09. Iron Red"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719515361367"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719515361367-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585136017495"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronRed-min.jpg?v=1692183049&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719515361367" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 09. Iron Red</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-09-iron-light-bordeau?variant=39585136017495"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-4 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 09. Iron Red</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-4"
  data-product-id="6719515361367"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719514148951"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-5"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="80735b541140b5be34d53ae22e19a66e"
    
      href="/products/hoodie-lee-05-balsam-light-tea?variant=39585133166679"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 05. Balsam Green
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-5 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719514148951"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-05-balsam-light-tea?variant=39585133166679"
      aria-label="Lee - 05. Balsam Green"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492996415835"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492996415835"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=3840" alt="Lee - 05. Balsam Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492996448603"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492996448603"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=3840" alt="Lee - 05. Balsam Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam_65da44af-d88a-4fc2-86eb-231c5cc0d9c1.jpg?v=1685463644&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297329443163"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297329443163"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=3840" alt="Lee - 05. Balsam Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min_14125fd3-121e-4aa5-a201-a781f7a61699.jpg?v=1692183538&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 05. Balsam Green"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719514148951"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719514148951-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585133166679"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamGreen.jpg?v=1685463694&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719514148951" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 05. Balsam Green</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-05-balsam-light-tea?variant=39585133166679"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-5 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 05. Balsam Green</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-5"
  data-product-id="6719514148951"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513919575"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-6"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="9f0180bb0339175f9a13feb17466c851"
    
      href="/products/hoodie-lee-05-balsam-paprika?variant=39585132675159"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 05. Balsam Bordeau
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-6 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719513919575"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-05-balsam-paprika?variant=39585132675159"
      aria-label="Lee - 05. Balsam Bordeau"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492994711899"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492994711899"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=3840" alt="Lee - 05. Balsam Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492994744667"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492994744667"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=3840" alt="Lee - 05. Balsam Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam.jpg?v=1685463538&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297328918875"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297328918875"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=3840" alt="Lee - 05. Balsam Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.Balsam-min.jpg?v=1692183546&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 05. Balsam Bordeau"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513919575"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513919575-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585132675159"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-05.BalsamBordeau.jpg?v=1685463576&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513919575" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 05. Balsam Bordeau</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-05-balsam-paprika?variant=39585132675159"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-6 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 05. Balsam Bordeau</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-6"
  data-product-id="6719513919575"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513133143"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-7"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="2cda82fabbb2ffdb206e53366e64c08e"
    
      href="/products/hoodie-lee-02-light-tea-light-blue?variant=39585131003991"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 02. Light Tea Light Blue
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-7 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719513133143"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-02-light-tea-light-blue?variant=39585131003991"
      aria-label="Lee - 02. Light Tea Light Blue"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="4"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492964335963"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492964335963"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=3840" alt="Lee - 02. Light Tea Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492964368731"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492964368731"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=3840" alt="Lee - 02. Light Tea Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea.jpg?v=1685463690&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297295102299"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297295102299"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=3840" alt="Lee - 02. Light Tea Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea-min.jpg?v=1692182901&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297295135067"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297295135067"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=3840" alt="Lee - 02. Light Tea Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTea2-min.jpg?v=1692182566&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 02. Light Tea Light Blue"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513133143"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513133143-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585131003991"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-02.LightTeaLightBlue.jpg?v=1685463611&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513133143" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 02. Light Tea Light Blue</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-02-light-tea-light-blue?variant=39585131003991"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-7 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 02. Light Tea Light Blue</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-7"
  data-product-id="6719513133143"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513198679"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-8"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="1d36ca82b6dffccb5ec28a9b75fbb65b"
    
      href="/products/hoodie-lee-03-grey-melange-paprika?variant=39585131233367"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 03. Grey Melange Bordeau
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-8 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719513198679"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-03-grey-melange-paprika?variant=39585131233367"
      aria-label="Lee - 03. Grey Melange Bordeau"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="4"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492976296283"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492976296283"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=3840" alt="Lee - 03. Grey Melange Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492976329051"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492976329051"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=3840" alt="Lee - 03. Grey Melange Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange.jpg?v=1685463652&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297317613915"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297317613915"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=3840" alt="Lee - 03. Grey Melange Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeRed1-min.jpg?v=1692183682&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297317646683"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297317646683"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=3840" alt="Lee - 03. Grey Melange Bordeau Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelange-min.jpg?v=1692183162&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 03. Grey Melange Bordeau"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513198679"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513198679-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585131233367"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-03.GreyMelangeBordeau.jpg?v=1685463563&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513198679" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 03. Grey Melange Bordeau</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-03-grey-melange-paprika?variant=39585131233367"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-8 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 03. Grey Melange Bordeau</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-8"
  data-product-id="6719513198679"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-9; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513526359"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-9"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="d998f928811bd749f9d8ea1b4dbda59c"
    
      href="/products/hoodie-lee-04-black-black?variant=39585131921495"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 04. Black Black
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-9 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719513526359"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-04-black-black?variant=39585131921495"
      aria-label="Lee - 04. Black Black"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492984586587"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492984586587"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=3840" alt="Lee - 04. Black Black Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492984619355"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492984619355"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=3840" alt="Lee - 04. Black Black Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black.jpg?v=1692178801&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297323512155"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297323512155"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=3840" alt="Lee - 04. Black Black Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min.jpg?v=1692183653&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 04. Black Black"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513526359"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513526359-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585131921495"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack.jpg?v=1692178801&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513526359" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 04. Black Black</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-04-black-black?variant=39585131921495"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-9 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 04. Black Black</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-9"
  data-product-id="6719513526359"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-10; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719513788503"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-10"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="5449109ebd93e88d24021345c136e8cd"
    
      href="/products/hoodie-lee-04-black-military-green?variant=39585132478551"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 04. Black Green Military
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-10 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781569965870307;
  "
  data-product-id="6719513788503"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-04-black-military-green?variant=39585132478551"
      aria-label="Lee - 04. Black Green Military"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="5"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="56659637141851"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781569965870307"
  data-media-id="56659637141851"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=3840" alt="Lee - 04. Black Green Military Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297325150555"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297325150555"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=3840" alt="Lee - 04. Black Green Military Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackBlack-min_75e32349-9d54-412b-8206-7dabd0a607c1.jpg?v=1774959194&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297325183323"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297325183323"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=3840" alt="Lee - 04. Black Green Military Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary-min.jpg?v=1774959194&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492991467867"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492991467867"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=3840" alt="Lee - 04. Black Green Military Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.BlackGreenMilitary.jpg?v=1774959194&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43492991500635"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43492991500635"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=3840" alt="Lee - 04. Black Green Military Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-04.Black_4c8c8b93-1499-4c23-b49b-606ffea6528c.jpg?v=1774959194&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 04. Black Green Military"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719513788503"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719513788503-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-10" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585132478551"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Generated_Image_March_31_2026_-_1_06PM.jpg?v=1774965556&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719513788503" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 04. Black Green Military</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-04-black-military-green?variant=39585132478551"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-10 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 04. Black Green Military</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-10"
  data-product-id="6719513788503"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-11; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719515164759"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-11"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="08a12c5734d7e87d0730c17fd68567e7"
    
      href="/products/hoodie-lee-09-iron-light-tea?variant=39585135558743"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 09. Iron Green
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-11 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719515164759"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-09-iron-light-tea?variant=39585135558743"
      aria-label="Lee - 09. Iron Green"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493026365787"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493026365787"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=3840" alt="Lee - 09. Iron Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493026398555"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493026398555"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=3840" alt="Lee - 09. Iron Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron.jpg?v=1685463657&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297350545755"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297350545755"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=3840" alt="Lee - 09. Iron Green Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min.jpg?v=1692183597&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 09. Iron Green"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719515164759"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719515164759-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-11" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585135558743"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronGreen.jpg?v=1685463555&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719515164759" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 09. Iron Green</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-09-iron-light-tea?variant=39585135558743"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-11 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 09. Iron Green</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-11"
  data-product-id="6719515164759"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-12; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719515263063"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-12"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="31c409ca58d48c7c251cba64d9ba8721"
    
      href="/products/hoodie-lee-09-iron-paprika?variant=39585135788119"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 09. Iron Nude
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-12 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719515263063"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-09-iron-paprika?variant=39585135788119"
      aria-label="Lee - 09. Iron Nude"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493620121947"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493620121947"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=3840" alt="Lee - 09. Iron Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493620154715"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493620154715"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=3840" alt="Lee - 09. Iron Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron_703fa124-ae96-4adb-8b76-ddf3903e3033.jpg?v=1685463619&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297351430491"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297351430491"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=3840" alt="Lee - 09. Iron Nude Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.Iron-min_c9145e95-e300-4b9c-ae7a-767a7de277de.jpg?v=1692183656&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 09. Iron Nude"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719515263063"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719515263063-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-12" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585135788119"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-09.IronNude.jpg?v=1685463604&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719515263063" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 09. Iron Nude</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-09-iron-paprika?variant=39585135788119"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-12 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 09. Iron Nude</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-12"
  data-product-id="6719515263063"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-13; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512936535"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-13"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="4dfbb80bdba420cf254282ae6a35c5af"
    
      href="/products/hoodie-lee-01-navy-navy?variant=39585129693271"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 01. Navy Navy
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-13 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719512936535"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-01-navy-navy?variant=39585129693271"
      aria-label="Lee - 01. Navy Navy"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493637259611"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493637259611"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=3840" alt="Lee - 01. Navy Navy Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493637292379"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493637292379"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=3840" alt="Lee - 01. Navy Navy Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy_a7ceb670-aae4-4204-997c-7d30d27dd78f.jpg?v=1685463631&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297292284251"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297292284251"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=3840" alt="Lee - 01. Navy Navy Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.Navy-1-min_273391ba-d5ff-4522-995b-848663c51829.jpg?v=1692183711&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 01. Navy Navy"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719512936535"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512936535-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-13" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585129693271"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-01.NavyNavy.jpg?v=1685463580&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512936535" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 01. Navy Navy</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-01-navy-navy?variant=39585129693271"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-13 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 01. Navy Navy</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-13"
  data-product-id="6719512936535"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-14; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719514968151"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-14"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="4f70ae140df598434ada7c77ccccb097"
    
      href="/products/hoodie-lee-08-ecru-butternut?variant=39585135099991"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 08. Ecru Terra
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-14 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719514968151"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-08-ecru-butternut?variant=39585135099991"
      aria-label="Lee - 08. Ecru Terra"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493025251675"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493025251675"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=3840" alt="Lee - 08. Ecru Terra Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493025284443"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493025284443"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=3840" alt="Lee - 08. Ecru Terra Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.Ecru_b01403c1-32b6-4eaf-a340-386143655fca.jpg?v=1685463623&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297348088155"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297348088155"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=3840" alt="Lee - 08. Ecru Terra Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra-min.jpg?v=1775134805&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 08. Ecru Terra"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719514968151"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719514968151-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-14" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585135099991"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-08.EcruTerra.jpg?v=1685463559&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719514968151" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 08. Ecru Terra</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-08-ecru-butternut?variant=39585135099991"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-14 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 08. Ecru Terra</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-14"
  data-product-id="6719514968151"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-15; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719514542167"
  id="product-card-AVTVjU2tWT3FPUWtLR__static-product-card-15"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="9a5108a70f1b16daa883786768274e1c"
    
      href="/products/hoodie-lee-07-paprika-light-blue?variant=39585134051415"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Lee - 07. Butternut Light Blue
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 4px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-15 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 0.7781155015197568;
  "
  data-product-id="6719514542167"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="adapt"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/hoodie-lee-07-paprika-light-blue?variant=39585134051415"
      aria-label="Lee - 07. Butternut Light Blue"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493015093595"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493015093595"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=3840" alt="Lee - 07. Butternut Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="43493015126363"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="43493015126363"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=3840" alt="Lee - 07. Butternut Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut.jpg?v=1685463546&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297337274715"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297337274715"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=3840" alt="Lee - 07. Butternut Light Blue Hoodies - Lee MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.Butternut2-min.jpg?v=1692183319&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Lee - 07. Butternut Light Blue"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_wpVJLw"
    data-product-id="6719514542167"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719514542167-ASEJHaG1MSHdPeGZib__product_card_gallery_ikMqP7-15" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585134051415"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/Hoodie-Lee-07.ButternutLightBlue.jpg?v=1685463647&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719514542167" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_wpVJLw" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Lee - 07. Butternut Light Blue</h3>
  
</div>








  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/hoodie-lee-07-paprika-light-blue?variant=39585134051415"
  >
    






  <div class=" spacing-style text-block text-block--AUEJJVEtldHkzSGxYe__product_title_MjKTnE-15 paragraph     rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Lee - 07. Butternut Light Blue</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h6 spacing-style"
  data-block-id="AY1NTMXZvM256QVRSe__price_mJnqMf-15"
  data-product-id="6719514542167"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€35.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€35.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€195.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>




  </div>
</product-card>
















            
          </div>
</slideshow-slide>




  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




</div>




    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><section id="shopify-section-template--28651665359195__hero_xCX8Tp" class="shopify-section hero-wrapper section-wrapper">













<div
  id="Hero-template--28651665359195__hero_xCX8Tp"
  class="hero color-scheme-5"
  style="
    --hero-border-style: ;
    --hero-border-width: px;
    --hero-border-opacity: %;
    --blur-opacity: 0.75;
    
      --hero-min-height: var(--section-height-large);
    
  "
  
  
>
  

  

  <div
    class="hero__container spacing-style section section--full-width"
    style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  ><a
        href="/collections/mens-designer-swim-shorts"
        class="hero__link"
        
      ></a><div
      class="hero__media-grid"
      style="--hero-media-count: 1;--hero-media-count-mobile: 1;--hero-media-aspect-ratio: 1.6;"
      data-testid="hero-media-wrapper"
    >
      <div
  class="overlay overlay--gradient"
  style="
    --overlay-layer: var(--layer-flat);
    --overlay-color: #00000026;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top;"
></div>



      
  
<div class="hero__media-wrapper hero__media-wrapper--desktop hero__media-wrapper--mobile">
      <img src="//www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=3840" srcset="//www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/MACKEENE-Paris-St-Barth-When-Fashion-meets-art-and-watersports2.jpg?v=1614318253&amp;width=3840 3840w" width="1680" height="1050" loading="lazy" class="hero__media" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="auto" data-testid="hero-desktop-image-1">
    </div>
  


  
    </div>
    <div
      class="
        hero__content-wrapper
        layout-panel-flex
        layout-panel-flex--column
        mobile-column
        section-content-wrapper
        page-width
        
      "
      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 16px;

--horizontal-alignment: center; --vertical-alignment: flex-end;
--vertical-alignment-mobile: flex-end;
"
    >
      


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 18px;

--horizontal-alignment: flex-start; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 6px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--ASGVhN2tCLzgwUkRae__text_N4qnLN h6    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <p><em>The Swimshorts - Made in portugal</em></p>
  </div>















  <div class=" spacing-style text-block text-block--ANTJoZ0hEb3RQdTk2Q__text_C7DMHF h2    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
    <h2>100pces Limited Edition</h2>
  </div>







</div>
</div>






</div>
</div>






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




</section><div id="shopify-section-template--28651665359195__product_list_UwRqN4" class="shopify-section ui-test-product-list">



<div class="section-background color-scheme-1"></div>
<div
  data-testid="product-list"
  class="
    section
    section--page-width
    color-scheme-1
    section-resource-list
    spacing-style
    gap-style
  "
  style="
    --padding-block-start: max(20px, calc(var(--spacing-scale) * 41px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));
    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
  "
>
  <div class="section-resource-list__header">
<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >


<a
  
    href="/collections/swim-shorts-ben"
  
  class="
    size-style
    link
    link--AWFJBd3VTMHlMS1dHQ__button_Eytw4Y
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  View all
</a>





</div>
</div>



</div>

  

  

  

<div
  class="
    resource-list
    
      force-full-width
    
    
    resource-list__carousel
  "
  style="--resource-list-column-gap-desktop: 13px;--column-count: 3;--column-count-mobile: 1;--mobile-card-size: 44cqw;"
  
    data-testid="resource-list-grid"
  
>
  
      



<div style="--gutter-slide-width: var(--util-page-margin-offset); --slide-width-max: 450px;">
  <slideshow-component
  
    ref="resourceListCarousel"
  
  
    class="resource-list__carousel"
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  

  
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-chevron
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
        gutters="start end"
      
    >
      
  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512838231"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="53db48ae63740caea7b78e0701391fb1"
    
      href="/products/swim-short-ben-p37-new-waves?variant=39585129267287"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P37. New Waves
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512838231"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p37-new-waves?variant=39585129267287"
      aria-label="Ben - P37. New Waves"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536659636311"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536659636311"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=3840" alt="Ben - P37. New Waves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536659701847"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536659701847"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=3840" alt="Ben - P37. New Waves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536659669079"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536659669079"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=3840" alt="Ben - P37. New Waves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves1.jpg?v=1679509249&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P37. New Waves"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512838231"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512838231-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585129267287"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512838231" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P37. New Waves</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p37-new-waves?variant=39585129267287"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P37. New Waves</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB"
  data-product-id="6719512838231"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512445015"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-1"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="7b47e20c41ee62df793d3a91dd2c123f"
    
      href="/products/swim-short-ben-p27-hokusad?variant=39585126907991"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P27. Hokusad
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-1 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512445015"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p27-hokusad?variant=39585126907991"
      aria-label="Ben - P27. Hokusad"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="8"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297844982107"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297844982107"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=3840" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358517485655"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358517485655"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=3840" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358517518423"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358517518423"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=3840" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad1.jpg?v=1692181984&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358517551191"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358517551191"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=3840" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad2.jpg?v=1692181984&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358517715031"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358517715031"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=3840" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad7.jpg?v=1692181984&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P27. Hokusad"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512445015"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512445015-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585126907991"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512445015" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P27. Hokusad</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p27-hokusad?variant=39585126907991"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-1 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P27. Hokusad</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-1"
  data-product-id="6719512445015"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512805463"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-2"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="c76eb29c3edcba51fb986b67429df9a8"
    
      href="/products/swim-short-ben-p36-arty-blue-leaves?variant=39585129037911"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P36. Arty Blue Leaves
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-2 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512805463"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p36-arty-blue-leaves?variant=39585129037911"
      aria-label="Ben - P36. Arty Blue Leaves"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358524629079"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358524629079"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=3840" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358524661847"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358524661847"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=3840" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358524694615"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358524694615"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=3840" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves2.jpg?v=1679503280&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358524727383"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358524727383"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=3840" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves3.jpg?v=1679503485&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297871524187"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297871524187"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=3840" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P36.ArtyBlueLeaves4-min.jpg?v=1692183150&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P36. Arty Blue Leaves"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512805463"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512805463-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585129037911"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512805463" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P36. Arty Blue Leaves</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p36-arty-blue-leaves?variant=39585129037911"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-2 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P36. Arty Blue Leaves</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-2"
  data-product-id="6719512805463"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512739927"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-3"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="63d18ff9e170cc75b6645cfb1d1c96dc"
    
      href="/products/swim-short-ben-p34-rainy-clouds?variant=39585128579159"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P34. Rainy Clouds
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-3 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512739927"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p34-rainy-clouds?variant=39585128579159"
      aria-label="Ben - P34. Rainy Clouds"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297864347995"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297864347995"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=3840" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536668549207"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536668549207"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=3840" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536668647511"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536668647511"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=3840" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds2.jpg?v=1692182129&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536668581975"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536668581975"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=3840" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds1.jpg?v=1692182129&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297864380763"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297864380763"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=3840" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds5-min.jpg?v=1692183984&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P34. Rainy Clouds"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512739927"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512739927-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585128579159"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512739927" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P34. Rainy Clouds</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p34-rainy-clouds?variant=39585128579159"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-3 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P34. Rainy Clouds</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-3"
  data-product-id="6719512739927"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512346711"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-4"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="61cd3743724950953a1ab771693eda1a"
    
      href="/products/swim-short-ben-p25-shima-grey?variant=39585126514775"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P25. Shima Grey
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-4 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512346711"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p25-shima-grey?variant=39585126514775"
      aria-label="Ben - P25. Shima Grey"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423118155863"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423118155863"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=3840" alt="Ben - P25. Shima Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423118090327"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423118090327"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=3840" alt="Ben - P25. Shima Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey2.jpg?v=1692181963&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423118188631"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423118188631"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=3840" alt="Ben - P25. Shima Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey1.jpg?v=1679508249&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297841770843"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297841770843"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=3840" alt="Ben - P25. Shima Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey4-min.jpg?v=1692182929&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297841803611"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297841803611"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=3840" alt="Ben - P25. Shima Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P25.ShimaGrey5-min.jpg?v=1692183042&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P25. Shima Grey"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512346711"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512346711-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585126514775"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P25.ShimaGrey0.jpg?v=1692181963&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512346711" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P25. Shima Grey</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p25-shima-grey?variant=39585126514775"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-4 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P25. Shima Grey</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-4"
  data-product-id="6719512346711"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512772695"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-5"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="c191700ebcec55f006f045af7cd29c12"
    
      href="/products/swim-short-ben-p35-navy-konotori?variant=39585128808535"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P35. Navy Konotori
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-5 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512772695"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p35-navy-konotori?variant=39585128808535"
      aria-label="Ben - P35. Navy Konotori"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423119630423"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423119630423"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=3840" alt="Ben - P35. Navy Konotori Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423119663191"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423119663191"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=3840" alt="Ben - P35. Navy Konotori Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori1.jpg?v=1679502865&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423119695959"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423119695959"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=3840" alt="Ben - P35. Navy Konotori Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori2.jpg?v=1679505286&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297867886939"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297867886939"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=3840" alt="Ben - P35. Navy Konotori Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori4-min.jpg?v=1692183153&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297867919707"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297867919707"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=3840" alt="Ben - P35. Navy Konotori Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P35.NavyKonotori5-min.jpg?v=1692183076&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P35. Navy Konotori"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512772695"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512772695-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585128808535"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P35.NavyKonotori0.jpg?v=1679506086&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512772695" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P35. Navy Konotori</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p35-navy-konotori?variant=39585128808535"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-5 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P35. Navy Konotori</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-5"
  data-product-id="6719512772695"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512641623"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-6"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="50b71d9047f9a023318ce2c64b693c9e"
    
      href="/products/swim-short-ben-p32-red-eyes?variant=39585128087639"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P32. Red Eyes
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-6 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512641623"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p32-red-eyes?variant=39585128087639"
      aria-label="Ben - P32. Red Eyes"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536661405783"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536661405783"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=3840" alt="Ben - P32. Red Eyes Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536661471319"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536661471319"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=3840" alt="Ben - P32. Red Eyes Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes2.jpg?v=1679507158&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21536661438551"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21536661438551"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=3840" alt="Ben - P32. Red Eyes Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes1.jpg?v=1679504598&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297861497179"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297861497179"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=3840" alt="Ben - P32. Red Eyes Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes4-min.jpg?v=1692183413&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297861529947"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297861529947"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=3840" alt="Ben - P32. Red Eyes Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P32.RedEyes5-min.jpg?v=1692183226&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P32. Red Eyes"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512641623"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512641623-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585128087639"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P32.ReyEyes0.jpg?v=1679502736&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512641623" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P32. Red Eyes</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p32-red-eyes?variant=39585128087639"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-6 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P32. Red Eyes</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-6"
  data-product-id="6719512641623"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512543319"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-7"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="97fea23f3947044279a493101362afb8"
    
      href="/products/swim-short-ben-p29-navy-heron?variant=39585127399511"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P29. Navy Heron
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-7 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512543319"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p29-navy-heron?variant=39585127399511"
      aria-label="Ben - P29. Navy Heron"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423119106135"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423119106135"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=3840" alt="Ben - P29. Navy Heron Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423119138903"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423119138903"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=3840" alt="Ben - P29. Navy Heron Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron1.jpg?v=1679507703&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423119171671"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423119171671"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=3840" alt="Ben - P29. Navy Heron Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron2.jpg?v=1679505199&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297851273563"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297851273563"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=3840" alt="Ben - P29. Navy Heron Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron4-min.jpg?v=1692183922&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297851306331"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297851306331"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=3840" alt="Ben - P29. Navy Heron Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P29.NavyHeron5-min.jpg?v=1692182847&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P29. Navy Heron"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512543319"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512543319-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585127399511"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P29.NavyHeron0.jpg?v=1679503141&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512543319" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P29. Navy Heron</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p29-navy-heron?variant=39585127399511"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-7 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P29. Navy Heron</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-7"
  data-product-id="6719512543319"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512608855"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-8"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="bbda537038a105d0098d99a6d54e1af6"
    
      href="/products/swim-short-ben-p31-funky-banana?variant=39585127858263"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P31. Funky Banana
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-8 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512608855"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p31-funky-banana?variant=39585127858263"
      aria-label="Ben - P31. Funky Banana"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="3"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="22329463341143"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="22329463341143"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=3840" alt="Ben - P31. Funky Banana Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="22329463373911"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="22329463373911"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=3840" alt="Ben - P31. Funky Banana Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana2_99c62fc2-23f9-4145-b3dd-6b05e82c8096.jpg?v=1679505479&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="22329463406679"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="22329463406679"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=3840" alt="Ben - P31. Funky Banana Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana3.jpg?v=1679506874&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P31. Funky Banana"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512608855"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512608855-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585127858263"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Barth5-P31.FunkyBanana1_2da4da1a-9629-4035-b379-7611393b1895.jpg?v=1679507766&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512608855" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P31. Funky Banana</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p31-funky-banana?variant=39585127858263"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-8 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P31. Funky Banana</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-8"
  data-product-id="6719512608855"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-9; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512510551"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-9"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="c890eb8fc39dc325a95cfa9d3a4a24e8"
    
      href="/products/swim-short-ben-p28-red-koniwa?variant=39585127170135"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P28. Red Koniwa
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-9 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512510551"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p28-red-koniwa?variant=39585127170135"
      aria-label="Ben - P28. Red Koniwa"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="8"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358522433623"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358522433623"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=3840" alt="Ben - P28. Red Koniwa Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358522466391"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358522466391"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=3840" alt="Ben - P28. Red Koniwa Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa1.jpg?v=1679508288&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358522499159"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358522499159"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=3840" alt="Ben - P28. Red Koniwa Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa2.jpg?v=1679507599&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21358522662999"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21358522662999"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=3840" alt="Ben - P28. Red Koniwa Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa7.jpg?v=1679505896&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297847701851"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297847701851"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=3840" alt="Ben - P28. Red Koniwa Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P28.RedKoniwa4-min.jpg?v=1692183934&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P28. Red Koniwa"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512510551"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512510551-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585127170135"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P28.RedKoniwa0.jpg?v=1679504149&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512510551" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P28. Red Koniwa</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p28-red-koniwa?variant=39585127170135"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-9 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P28. Red Koniwa</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-9"
  data-product-id="6719512510551"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-10; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719511593047"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-10"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="aa508ad4b73240a56fe9c785e9a4e5db"
    
      href="/products/swim-short-ben-00-blue-grey?variant=39585122320471"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - 00. Blue Grey
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-10 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719511593047"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-00-blue-grey?variant=39585122320471"
      aria-label="Ben - 00. Blue Grey"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423103344727"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423103344727"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=3840" alt="Ben - 00. Blue Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423103410263"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423103410263"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=3840" alt="Ben - 00. Blue Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey1.jpg?v=1679503564&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423103443031"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423103443031"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=3840" alt="Ben - 00. Blue Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey2.jpg?v=1679506062&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297536831835"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297536831835"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=3840" alt="Ben - 00. Blue Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey4-min.jpg?v=1692183606&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297536864603"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297536864603"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=3840" alt="Ben - 00. Blue Grey Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.BlueGrey5-min.jpg?v=1692183999&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - 00. Blue Grey"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719511593047"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719511593047-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-10" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585122320471"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.BlueGrey0.jpg?v=1679505234&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719511593047" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - 00. Blue Grey</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-00-blue-grey?variant=39585122320471"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-10 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - 00. Blue Grey</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-10"
  data-product-id="6719511593047"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-11; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512281175"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-11"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="77c14dc890e282875d5fdb2d907894fd"
    
      href="/products/swim-short-ben-p23-blue-nami?variant=39585126056023"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P23. Blue Nami
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-11 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512281175"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p23-blue-nami?variant=39585126056023"
      aria-label="Ben - P23. Blue Nami"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423116550231"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423116550231"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=3840" alt="Ben - P23. Blue Nami Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423116582999"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423116582999"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=3840" alt="Ben - P23. Blue Nami Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami1.jpg?v=1692181919&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297830105435"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297830105435"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=3840" alt="Ben - P23. Blue Nami Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami6-min.jpg?v=1692183386&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297830039899"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297830039899"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=3840" alt="Ben - P23. Blue Nami Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P23.BlueNami4-min.jpg?v=1692182715&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423116615767"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423116615767"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=3840" alt="Ben - P23. Blue Nami Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami2.jpg?v=1692181919&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P23. Blue Nami"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512281175"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512281175-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-11" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585126056023"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P23.BlueNami0.jpg?v=1692181919&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512281175" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P23. Blue Nami</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p23-blue-nami?variant=39585126056023"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-11 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P23. Blue Nami</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-11"
  data-product-id="6719512281175"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-12; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512248407"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-12"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="61f3ddd0f8e3321f45450e036fe5dabf"
    
      href="/products/swim-short-ben-p22-blue-feve?variant=39585125826647"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P22. Blue Feve
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-12 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512248407"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p22-blue-feve?variant=39585125826647"
      aria-label="Ben - P22. Blue Feve"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423115993175"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423115993175"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=3840" alt="Ben - P22. Blue Feve Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423116025943"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423116025943"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=3840" alt="Ben - P22. Blue Feve Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve1.jpg?v=1679507652&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423116091479"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423116091479"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=3840" alt="Ben - P22. Blue Feve Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve2.jpg?v=1679508653&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297590538587"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297590538587"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=3840" alt="Ben - P22. Blue Feve Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve4-min.jpg?v=1692183477&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297590571355"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297590571355"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=3840" alt="Ben - P22. Blue Feve Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P22.BlueFeve5-min.jpg?v=1692182687&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P22. Blue Feve"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512248407"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512248407-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-12" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585125826647"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P22.BlueFeve0.jpg?v=1679503804&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512248407" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P22. Blue Feve</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p22-blue-feve?variant=39585125826647"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-12 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P22. Blue Feve</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-12"
  data-product-id="6719512248407"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-13; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719512084567"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-13"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="b460d6bce191322656cd778f4d781516"
    
      href="/products/swim-short-ben-p20-navy-herme?variant=39585125171287"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - P20. Navy Hermé
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-13 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719512084567"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-p20-navy-herme?variant=39585125171287"
      aria-label="Ben - P20. Navy Hermé"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="7"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423104884823"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423104884823"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=3840" alt="Ben - P20. Navy Hermé Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423104917591"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423104917591"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=3840" alt="Ben - P20. Navy Hermé Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme1.jpg?v=1679504532&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423105114199"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423105114199"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=3840" alt="Ben - P20. Navy Hermé Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme2.jpg?v=1679504932&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297581691227"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297581691227"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=3840" alt="Ben - P20. Navy Hermé Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme4-min.jpg?v=1692183573&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297581723995"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297581723995"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=3840" alt="Ben - P20. Navy Hermé Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P20.NavyHerme5-min.jpg?v=1692183529&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - P20. Navy Hermé"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719512084567"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719512084567-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-13" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585125171287"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P20.NavyHerme0.jpg?v=1679505046&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719512084567" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - P20. Navy Hermé</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-p20-navy-herme?variant=39585125171287"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-13 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - P20. Navy Hermé</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-13"
  data-product-id="6719512084567"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-14; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719511855191"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-14"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="35c2af1fa9049c43964b70ecee614e1a"
    
      href="/products/swim-short-ben-01-blue-light-bordeau?variant=39585123762263"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - 01. Blue Light & Bordeau
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-14 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719511855191"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-01-blue-light-bordeau?variant=39585123762263"
      aria-label="Ben - 01. Blue Light & Bordeau"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="4"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297558065499"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297558065499"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=3840" alt="Ben - 01. Blue Light &amp; Bordeau Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297557967195"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297557967195"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=3840" alt="Ben - 01. Blue Light &amp; Bordeau Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau4-min.jpg?v=1692184009&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297557999963"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297557999963"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=3840" alt="Ben - 01. Blue Light &amp; Bordeau Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau5-min.jpg?v=1692183695&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297558032731"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297558032731"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=3840" alt="Ben - 01. Blue Light &amp; Bordeau Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau6-min.jpg?v=1692182563&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - 01. Blue Light & Bordeau"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719511855191"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719511855191-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-14" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585123762263"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-01.BlueLight_Bordeau7-min.jpg?v=1692182814&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719511855191" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - 01. Blue Light & Bordeau</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-01-blue-light-bordeau?variant=39585123762263"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-14 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - 01. Blue Light & Bordeau</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-14"
  data-product-id="6719511855191"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>

          
            
</slideshow-slide>




  
    <slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-15; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="resource-list__slide"
  
  
  
  
  
  
  
>
  
          
        
          <div
            class="resource-list__item"
          >
            
              





<style data-shopify>
  
</style>



<product-card
  class="product-card size-style"
  style="--size-style-width: ;--size-style-height: ;"
  data-product-id="6719511560279"
  id="product-card-ARVg5TUxhTWhkWnNjT__static-product-card-15"
  
    data-product-transition="true"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&width=500"
    on:click="/handleViewTransition"
  
  
  
>
  <a
    id="d7d2f06a8f0c637a8dfaa058d655ed6a"
    
      href="/products/swim-short-ben-00-navy?variant=39585122091095"
    
    class="product-card__link"
    ref="productCardLink"
  >
    <span class="visually-hidden">
      Ben - 00. Navy
    </span>
  </a>
  <div
    class="
      product-card__content
      layout-panel-flex
      layout-panel-flex--column
      product-grid__card
      spacing-style
      border-style
      gap-style
      
    "
    style="
      --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;



--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;

      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      --product-card-gap: 8px;
      --quick-add-display: flex;
      --quick-add-mobile-display: flex;
      --quick-add-mobile-opacity: 1;
      
      
      
      
    "
  >
    
  







<div
  ref="cardGallery"
  class="card-gallery card-gallery-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-15 spacing-style border-style card-gallery--badge-top-left"
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
2px;  overflow: hidden; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --gallery-aspect-ratio: 4 / 5;
  "
  data-product-id="6719511560279"
  
    on:pointerenter="/previewImage"
    on:pointerleave="/resetImage"
  
  
    data-view-transition-to-main-product
  
  data-image-ratio="portrait"
  
>
    <a
      class="contents"
      ref="cardGalleryLink"
      href="/products/swim-short-ben-00-navy?variant=39585122091095"
      aria-label="Ben - 00. Navy"
    >
      <slideshow-component
  
    ref="slideshow"
  
  
  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
  
  initial-slide="0"
  
  
    infinite
  

  data-generic-media-size="5"
>
  
  <slideshow-container ref="slideshowContainer">
    
      <slideshow-arrows
  position="center"
  
><button
  class="
    slideshow-control slideshow-control--previous
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
     flip-x
  "
  
  aria-label="Previous slide"
  
  on:click="/previous"
  ref="previous"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


<button
  class="
    slideshow-control slideshow-control--next
    
    
    slideshow-control--style-arrow
    button button-unstyled button-unstyled--transparent
    
  "
  
  aria-label="Next slide"
  
  on:click="/next"
  ref="next"
>
  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>


</slideshow-arrows>



    
    
    <slideshow-slides
      tabindex="-1"
      ref="scroller"
      
    >
      <slideshow-slide
  ref="slides[]"
  aria-hidden="false"
  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423103541335"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423103541335"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=3840" alt="Ben - 00. Navy Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423103574103"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423103574103"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=3840" alt="Ben - 00. Navy Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy1.jpg?v=1679503518&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="21423103606871"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="21423103606871"
>
  
  <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=3840" alt="Ben - 00. Navy Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=352 352w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy2.jpg?v=1679506023&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297553740123"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297553740123"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=3840" alt="Ben - 00. Navy Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy6-min.jpg?v=1692183972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>



<slideshow-slide
  ref="slides[]"
  aria-hidden="true"
  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
  
    class="product-media-container media-fit product-media-container--image"
  
  
  
  
    slide-id="44297553772891"
  
  
  
  
>
  

<div
  class="product-media"
  style="--ratio: 0.7781155015197568"
  data-media-id="44297553772891"
>
  
  <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=3840" alt="Ben - 00. Navy Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" data_max_resolution="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-00.Navy7-min.jpg?v=1692183764&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">

  
</div>



</slideshow-slide>




    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




    </a>
  
  
    <div
      class="product-badges product-badges--top-left"
      style="
        --badge-border-radius: 0px;
        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
      "
    ><div
          class="
            product-badges__badge product-badges__badge--rectangle
             color-scheme-4
          "
        >Sale
</div></div>
    
      

<quick-add-component
  class="quick-add color-scheme-1 "
  ref="quickAdd"
  data-product-title="Ben - 00. Navy"
  data-quick-add-button="choose"
  data-product-options-count="1"
>
  <product-form-component
    data-section-id="template--28651665359195__product_list_UwRqN4"
    data-product-id="6719511560279"
    on:submit="/handleSubmit"
    class="quick-add__product-form-component"
  >
    <div
      class="visually-hidden"
      aria-live="assertive"
      role="status"
      aria-atomic="true"
      ref="liveRegion"
    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-6719511560279-AZVJBNHo2SS9FSDV2a__product_card_gallery_4y78ah-15" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
        type="hidden"
        name="id"
        ref="variantId"
        value="39585122091095"
        
      >
      <input
        type="hidden"
        name="quantity"
        value="1"
      >
      
      <add-to-cart-component
  ref="addToCartButtonContainer"
  data-product-variant-media="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-00.Navy0.jpg?v=1679510274&width=100"
  data-add-to-cart-animation="true"
>
  <button
    
    type="submit"
    name="add"
    ref="addToCartButton"
    on:click="/handleClick"
    class="button button quick-add__button quick-add__button--add add-to-cart-button"
    
    
  >
    <span
      class="add-to-cart-text"
    >
      
        <span
          aria-hidden="true"
          class="svg-wrapper add-to-cart-icon"
        ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
      
      <span class="add-to-cart-text__content is-visually-hidden-mobile">
        <span>
          <span>Add</span>
        </span>
      </span>
    </span>
    
    <span class="add-to-cart__added">
      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g class="check">
    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
  <g class="burst">
    <g style="--index: 0;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 1;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 2;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 3;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 4;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 5;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 6;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
    <g style="--index: 7;">
      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
    </g>
  </g>
</svg>
</span>
    </span>
  </button>
</add-to-cart-component>


      <button
        class="button quick-add__button quick-add__button--choose add-to-cart-button"
        
        type="button"
        name="add"
        on:click="quick-add-component/handleClick"
      >
        <span
          class="add-to-cart-text"
        >
          
          <span
            aria-hidden="true"
            class="svg-wrapper add-to-cart-icon"
          ><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
          <span class="add-to-cart-text__content is-visually-hidden-mobile">
            <span>
              
              <span>
                Choose
              </span>
            </span>
          </span>
        </span>
      </button><input type="hidden" name="product-id" value="6719511560279" /><input type="hidden" name="section-id" value="template--28651665359195__product_list_UwRqN4" /></form></product-form-component>
</quick-add-component>




    
  

</div>





<div class="product-grid-view-zoom-out--details">
  
    <h3 class="h4">Ben - 00. Navy</h3>
  
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  



<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


  
  <a
    class="contents user-select-text"
    ref="productTitleLink"
    href="/products/swim-short-ben-00-navy?variant=39585122091095"
  >
    






  <div class=" spacing-style text-block text-block--AY2pDMkxMS1ByZ2IxZ__product_title_iRxawi-15 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <p role="heading" aria-level="3">Ben - 00. Navy</p>
  </div>




  </a>






<product-price
  class="text-block text-block--align-left text-left h5 spacing-style"
  data-block-id="AcCtwSVpSbHcwb0ZoO__price_4XkbjB-15"
  data-product-id="6719511560279"
  style="
    
--color: var(--color-foreground);
    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --width: 100%;
  "
  
>
  <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
      
    </div>
  
</div>

  
</product-price>



</div>
</div>









<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  







</div>
</div>






</div>
</div>







  </div>
</product-card>
















            
          </div>
</slideshow-slide>




  

    </slideshow-slides>
  </slideshow-container>
  
</slideshow-component>




</div>




    
</div>





  <div
    class="section-resource-list__content"
    style="--horizontal-alignment: flex-start;"
  ></div>
</div>


</div><div id="shopify-section-template--28651665359195__section_iBDHYy" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    
      --section-min-height: var(--section-height-large);
    

    
     --section-preview-height: 600px;
     
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 100px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/collections/mens-designer-polos"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=3840" alt="" srcset="//www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/MACKEENE-Insta-Img---Polo-_-Barth5.jpg?v=1775563836&amp;width=3840 3840w" width="3840" height="5156" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>













  <div class=" spacing-style text-block text-block--AenNBME5ldU9Odk9mc__text_RzjwfW h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Polo Enzo</h3>
  </div>









<a
  
    href="/collections/all"
  
  class="
    size-style
    link
    link--ARk9GT014ZjlNcWZxd__button_fPEjpH
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>








<div
  class="
    group-block
    group-block--height-fill
    group-block--width-fill
    border-style
    spacing-style
    size-style
     color-scheme-5
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 40px));
    --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><a
      href="/products/enzo-03-sable"
      class="group-block__link"
      
    ></a><div class="group-block__media-wrapper">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=3840" alt="Enzo - 03. Sable Polos - Enzo MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=832 832w, //www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/products/Polo-Enzo-03.Sable1.jpg?v=1692179512&amp;width=3840 3840w" width="3840" height="4935" loading="lazy" sizes="100vw" fetchpriority="auto">
</div>




    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));

--horizontal-alignment: center; --vertical-alignment: space-between;
--vertical-alignment-mobile: space-between;
"
  >
  



<div
  class="
    spacer-block
    spacer-block--size-pixel
    
  "
  style="
    
      --spacer-size: 16px;
    

    
  "
  
  data-testid="spacer-block"
></div>





















<a
  
    href="/collections/all"
  
  class="
    size-style
    link
    link--AcE5oU2ZQbktsSmZIb__button_VGBtDb
  "
  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
  Shop now
</a>






</div>
</div>







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





</div><div id="shopify-section-template--28651665359195__1776259239dc17804f" class="shopify-section section-wrapper">



<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    



  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--column
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;

        --padding-block-start: 0px;--padding-block-end: 0px;
      "
      data-testid="section-content"
    >
      
  <div id="shopify-block-AQktjWm9GWDdaR256b__instafeed_app_block_feeds_eCpzfb" class="shopify-block shopify-app-block"><instagram-feeds data-id="AQktjWm9GWDdaR256b__instafeed_app_block_feeds_eCpzfb">
  <div id="instagram-feed-box"></div>
</instagram-feeds>


  
</div>

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





</div>
    </main>

    <footer>
      <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--28651665785179__section_JFFger" class="shopify-section shopify-section-group-footer-group section-wrapper">



<div class="section-background color-scheme-5"></div>
<div
  class="section section--page-width color-scheme-5"
  data-testid="ui-test-section"

  

  style="
    

    
  "
>
  <div class="custom-section-background">
    
  <div
    class="background-image-container"
  >
    

      <img src="//www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=3840" alt="" srcset="//www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Header---The-Brand-Origin.jpg?v=1713084143&amp;width=3840 3840w" width="3840" height="678" loading="eager" sizes="100vw" fetchpriority="high">
</div>




  </div>

  <div
    class="border-style custom-section-content"
    style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 
"
  >
    
      <div
  class="overlay overlay--solid"
  style="
    --overlay-layer: 0;
    --overlay-color: #00000042;
    --overlay-color--end: rgba(0, 0, 0, 0);
    --overlay-direction: to top; --overlay-border-radius: 0px;"
></div>



    

    <div
      class="
        spacing-style
        layout-panel-flex
        layout-panel-flex--row
        section-content-wrapper
         mobile-column
      "
      style="
        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 0px;

--horizontal-alignment: center; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;

        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
      "
      data-testid="section-content"
    >
      
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  








  <div class=" spacing-style text-block text-block--AV0JQbVRoeThkVTRkM__text_aJhrzc h4    text-block--align-center  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Design, without noise</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AeEkybThqY29QcHpRa__text_hccfLd rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>We focus on what matters. <br/>Nothing more.</p>
  </rte-formatter>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  








  <div class=" spacing-style text-block text-block--AVTJ1YTY2WWM2Z3A1c__text_zCTByf h4    text-block--align-center  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Built to last</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--AOElwUjkwU3h3NHR4V__text_iwgTQx rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>Materials, cuts, details.<br/>No compromises.</p>
  </rte-formatter>







</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 8px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  








  <div class=" spacing-style text-block text-block--AWVhib0Ircnd4V0dLR__text_kzTNFY h4    text-block--align-center  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>We keep it simple</p>
  </div>















  <rte-formatter class=" spacing-style text-block text-block--ALysvb3BGSXRIektFU__text_kkghMg rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
    <p>If something’s wrong, <br/>we fix it.</p>
  </rte-formatter>







</div>
</div>







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





</div><div id="shopify-section-sections--28651665785179__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
>
  
  <div
    class="
      footer-content
      spacing-style
      
      
    "
    style="
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: 0px;
      --footer-gap: 0px;
      --grid-columns: 1;
      --last-row-count: 1;
      --tablet-last-row-count: 1;
    "
  >
    


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-fill
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  


<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--row
       mobile-column
    "
    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
  >
  





  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h4">
        <span class="menu__heading__default">Company</span>
        <span class="menu__heading__accordion">
          Company
          
            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item h5">
                <a href="/pages/legal-notice-mackeene">
                  Legal
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/account-mackeene">
                  Assistance
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/contact-us-mackeene">
                  Company
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="https://www.instagram.com/mackeene/">
                  Follow
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>
















  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h4">
        <span class="menu__heading__default">About us</span>
        <span class="menu__heading__accordion">
          About us
          
            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item h5">
                <a href="/pages/contact-us-mackeene">
                  Contact us
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/blogs/news">
                  News
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/origin-of-the-brand-mackeene">
                  Brand Legacy
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/blogs/friends-family">
                  Community
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>
















  <accordion-custom
  
    class="menu"
  
  
  
    open-by-default-on-desktop
  
  
    open-by-default-on-mobile
  
  
    data-disable-on-desktop="true"
  
  
    data-disable-on-mobile="true"
  
  
  
  
>
  
    <details
      class="
        menu__details
        spacing-style
        
      "
      data-testid="menu-details"
      style="
        --spacing--size: 12px;
        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
      "
      
        open
      
      
    >
      <summary class="menu__heading h4">
        <span class="menu__heading__default">Assistance</span>
        <span class="menu__heading__accordion">
          Assistance
          
            <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
          
        </span>
      </summary>

      <nav
        class="details-content"
        
      >
        
          <ul class="list-unstyled">
            
              <li class="menu__item h5">
                <a href="/pages/account-mackeene">
                  Account
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/ordering-mackeene">
                  Ordering
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/returns-exchanges-mackeene">
                  Returns & Exchanges
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/shipping-informations-mackeene">
                  Shipping Information
                </a>
              </li>
            
              <li class="menu__item h5">
                <a href="/pages/contact-us-mackeene">
                  Contact Us
                </a>
              </li>
            
          </ul>
        
      </nav>
    </details>
  
</accordion-custom>











</div>
</div>








<div
  class="
    group-block
    group-block--height-fit
    group-block--width-custom
    border-style
    spacing-style
    size-style
    
    
  "
  style="
    --border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px; 

    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
    
  "
  
  data-testid="group-block"
><div class="group-block__media-wrapper">
    



    
  </div>

  <div
    class="
      group-block-content
      
      layout-panel-flex
      layout-panel-flex--column
       mobile-column
    "
    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;

--gap: 12px;

--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
  >
  








  <div class=" spacing-style text-block text-block--AK3JjQmd4dEhVUHh1Z__text_jXqmE4 h4      "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
    <h3>Sign up for our newsletter</h3>
  </div>









<div
  class="email-signup-block size-style spacing-style"
  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  
>
  
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <div
      class="email-signup__input-group  email-signup__input-group--underline  email-signup__input-group--arrow "
      style="--border-width: 1px; --border-radius: 100px;"
    >
      <label
        for="EmailInput-ARTBYM0tyVUhhSkYza__email_signup_XgpLx7"
        class="visually-hidden"
      >
        Email
      </label>
      <input
        id="EmailInput-ARTBYM0tyVUhhSkYza__email_signup_XgpLx7"
        class="email-signup__input email-signup__input--underline paragraph "
        type="email"
        name="contact[email]"
        autocorrect="off"
        autocapitalize="off"
        autocomplete="email"
        placeholder="Email address"
        required
        
      >
      <button
        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ARTBYM0tyVUhhSkYza__email_signup_XgpLx7 "
        
          aria-label="Sign up"
        
      >
        
          <svg
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
            focusable="false"
            aria-hidden="true"
            class="email-signup__button-icon"
          >
            


<path
      clip-rule="evenodd"
      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
      fill="currentColor"
      fill-rule="evenodd"
    />
          </svg>
        
      </button>
    </div></form>
</div>





</div>
</div>






</div>
</div>






  </div>
</div>




</div><div id="shopify-section-sections--28651665785179__logo_RVGHD7" class="shopify-section shopify-section-group-footer-group">


<div class="section-background color-scheme-1"></div>
<div
  class="section section--full-width color-scheme-1"
>
  <div
    class="
      logo-section
      logo-section--center
      spacing-style
    "
    style="
      
        --logo-width: 32%;
      

      
        
          --logo-width-mobile: 64%;
          --logo-height-mobile: auto;
        
      
      --padding-block-start: max(20px, calc(var(--spacing-scale) * 50px));--padding-block-end: 0px;
    "
    
  >
    
      <div class="logo-section__image-wrapper">
        
<img src="//www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=3840" alt="MACKEENE EU" srcset="//www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=352 352w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=832 832w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=1200 1200w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=1600 1600w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=1920 1920w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=2560 2560w, //www.mackeene.com/cdn/shop/files/Logo_MACKEENE_5_black.png?v=1770838553&amp;width=3840 3840w" width="1310" height="507" class="logo-section__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
      </div>
    
  </div>
</div>




</div><div id="shopify-section-sections--28651665785179__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">

<div class="section-background color-scheme-1"></div>
<div
  class="section section--page-width color-scheme-1"
  
>
  <div
    class="utilities utilities--blocks-2 spacing-style"
    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;"
    data-testid="footer-utilities"
  >
    

<div
  class="
    footer-utilities__group-copyright
    custom-typography
    custom-font-size
  "
  style="
--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  
>
  <span class="footer-utilities__text">
    &copy; 2026
    <a href="/" title="">MACKEENE EU</a></span>
</div>




<div
  class="social-icons__wrapper"
  
>
  

  
    

    
    
  
    

    
    
      
        <div
          class="social-icons__icon-wrapper"
        >
          <a
            href="https://www.instagram.com/mackeene/"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
            
          >
            <span class="social-icons__icon-label">Instagram</span>
            
              <svg
                class="social-icons__icon icon-default"
                aria-hidden="true"
                focusable="false"
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
              >


<path
      fill-rule="evenodd"
      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
      clip-rule="evenodd"
    /></svg>
            
          </a>
        </div>
      
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
    

    
    
  
</div>





  </div>
</div>




</div>
<!-- END sections: footer-group -->
    </footer>

    

<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/dialog.js?v=150888536568694194021774958070"
  type="module"
></script>

<script
  src="//www.mackeene.com/cdn/shop/t/112/assets/predictive-search.js?v=149240552485540508541774958070"
  type="module"
  fetchpriority="low"
></script>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Search
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 2px; --card-corner-radius: 2px; --title-case: uppercase;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Search"
    >
      <form
        action="/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Search</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Search"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

            </span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Clear
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Close dialog"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

            </span>
          </button>
        </div>

        <div class="predictive-search-form__content-wrapper">
          <div
            class="predictive-search-form__content"
            ref="predictiveSearchResults"
            on:click="/handleModalClick"
          >
            

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Swim Shorts - Ben
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="6719512838231"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/swim-short-ben-p37-new-waves"
  >
    <span class="visually-hidden">
      Ben - P37. New Waves
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=500" alt="Ben - P37. New Waves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves0.jpg?v=1679507487&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=500" alt="Ben - P37. New Waves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P37.NewWaves2.jpg?v=1679505352&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="21536659701847" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Ben - P37. New Waves</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="6719512445015"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/swim-short-ben-p27-hokusad"
  >
    <span class="visually-hidden">
      Ben - P27. Hokusad
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=500" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P27.Hokusad4-min.jpg?v=1692184004&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=500" alt="Ben - P27. Hokusad Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P27.Hokusad0.jpg?v=1692181984&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="21358517485655" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Ben - P27. Hokusad</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="6719512805463"
    data-featured-media-url="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/swim-short-ben-p36-arty-blue-leaves"
  >
    <span class="visually-hidden">
      Ben - P36. Arty Blue Leaves
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=500" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves0.jpg?v=1679510238&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=500" alt="Ben - P36. Arty Blue Leaves Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P36.ArtyBlueLeaves1.jpg?v=1679508816&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="21358524661847" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Ben - P36. Arty Blue Leaves</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<product-card-link
    data-product-id="6719512739927"
    data-featured-media-url="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&width=500"
    data-product-transition="true"
    on:click="/handleViewTransition"
  ><div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/products/swim-short-ben-p34-rainy-clouds"
  >
    <span class="visually-hidden">
      Ben - P34. Rainy Clouds
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
      ref="cardGallery"
      data-view-transition-to-main-product
    
  >
      
      

        <img src="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=500" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=240 240w, //www.mackeene.com/cdn/shop/files/SwimShort-Ben-P34.RainyClouds4-min.jpg?v=1692182859&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">

          <img src="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=500" alt="Ben - P34. Rainy Clouds Swim Shorts - Ben MACKEENE " srcset="//www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=240 240w, //www.mackeene.com/cdn/shop/products/SwimShort-Ben-P34.RainyClouds0.jpg?v=1692182129&amp;width=352 352w" width="500" height="643" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="21536668549207" style="object-position: 50.0% 50.0%;">
</div>

  <div class="resource-card__content">
    <p class="resource-card__title paragraph">Ben - P34. Rainy Clouds</p>

    
      <div ref="priceContainer">
  
    
    <div
      class="
        price__regular
        
          price__hidden
        
      "
    >
      <span class="price"><span class=money>€45.00</span></span>
    </div>
    <div
      class="
        price__sale
        
      "
    >
      
        <span class="price-item__group">
          <span class="visually-hidden">Regular price&nbsp;</span>
          <span class="price-item--regular compare-at-price"><span class=money>€295.00</span></span>
        </span>
        <span class="price-item__group">
          <span class="visually-hidden">Sale price&nbsp;</span>
          <span class="price-item--sale price"><span class=money>€45.00</span></span>
        </span>
      
    </div>
  
</div>
    
  </div>
</div></product-card-link>

        </li>
      
    </ul>
  
</div>

        
      
    </div>
  
</div>

          </div>

          <div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              View all
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>




    
      <script
  src="//www.mackeene.com/cdn/shop/t/112/assets/gift-card-recipient-form.js?v=129634859299628245901774958070"
  type="module"
  fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Close dialog"
    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

    <div
      id="quick-add-modal-content"
      class="quick-add-modal__content"
    ></div>
  </dialog>
</quick-add-dialog>






    
  

<style type="text/css">
    #container {
    border-radius: 0;
    text-align: center;
    font-family:;
   
}
.modal-title {
    font-family: futura medium !important;
     font-size: 22px !important;
}

#container > p:nth-child(3) {
    letter-spacing: 0.2em;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 13px !important;
}

.product-name{
    letter-spacing: 0.2em;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 13px !important;
}

.col-xs-12 btn-group btn-group-justified{
     letter-spacing: 0.2em;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 13px !important;
}

.col-xs-12{
     letter-spacing: 0.2em;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 13px !important;
}

#submit-btn {
     letter-spacing: 0.2em;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 13px !important;
}

.small-print {
    letter-spacing: 0.2em;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 13px !important;
}

#variant-select-container .input-lg
{
   background-color: #efefef;
}

#customer-contact-container .input-lg 
{
    background-color: #efefef;
    border-color: #efefef !important;
}

.modal-title
{
   line-height: 2.428571;
}

#container > p:nth-child(3)
{
   letter-spacing: 0.2em;
}
</style>

<script id="subscribe-it-helper">
    function getRandomSubscribeAPIPath() {
        const apiGatewayPaths=[]
        apiGatewayPaths.push('xsy6rdr4zb') //Load balancer
        //apiGatewayPaths.push('pw4ndd3ije')
        //apiGatewayPaths.push('056wq1p6oa')
        //apiGatewayPaths.push('obx6oifedg')
        //apiGatewayPaths.push('seknvpr88e')

        return apiGatewayPaths[Math.floor(Math.random()*apiGatewayPaths.length)]
    }
    var _SIConfig = _SIConfig || {};

    _SIConfig = {
        "app_hostname": getRandomSubscribeAPIPath()+".execute-api.us-west-1.amazonaws.com",
        "conversions_hostname": "ifouxf840g.execute-api.us-west-1.amazonaws.com",
        "instock_qty_level": 1,
        "preorder_enabled": false,
        "require_inventory_management": true,
        "ignore_duplicate_skus": false,
        "generic_trigger_handler": true,
        "quantity_field_enabled": false,
        "labels": {
            "headline": "NOTIFY WHEN AVAILABLE",
            "email_address_label": "Email address",
            "product_field_label": "Select product",
            "button_label": "Notify Me",
            "body_copy": "We will send you a notification as soon as this product is available again.",
            "footer_copy": "We respect your privacy and don't share your email with anybody.",
            "registration_complete": "Your notification has been registered.",
            "email_invalid": "Invalid email address",
            "uniqueness_of_email": "You have already registered for a notification for that item.",
            "close_label": "Close",
            "quantity_required_label": "Quantity required",
            "email_tab_text": "Email",
            "sms_tab_text": "SMS",
            "fb_instruction_message": "Click below to receive notification on Facebook Messenger",
            "fb_cta_button_text": "GET_THIS_IN_MESSENGER",
            "fb_cta_button_language": "en_US",
            "push_notification_label": "Also notify me via push notification",
            "empty_email_phone_validation_message": "Please provide email or phone number.",
            "terms_and_conditions_text": "I Accept Terms And Condtions"
        },
        "form_display_type": "POPUP",
        "madeby_link_visible": true,
        "hide_for_product_tag": "notify-it-hidden",
        "hide_for_collections": "",
        "recaptcha_enabled": null,
        "content_for_body": "",
        "show_phone_number_field": true,
        "customer_name_enabled": false,
        "only_sms_enabled": false,
        "show_notify_me_button_on_collection_page": false,
        "show_sms_first": false,
        "push_owl_enabled" : false,
        "show_fb" : false,
        "fb_page_id" : "",
        "newsletter_permission_enabled": false,
        "show_terms_and_conditions": false,
        "newsletter_permission_default_checked": false,
        "newsletter_permission_text": "Signup for newsletter?",
        "popup_theme": {
            "text_font_name": "Helvetica",
            "background_color": "#efefef",
            "border_color": "#ffffff",
            "border_width": 0,
            "text_color": "#333333",
            "button_background_color": "#1c1b1b",
            "button_text_color": "#ffffff",
            "button_corner_radius": 0,
            "input_border_radius": 0,
            "input_border_width": 1,
            "input_border_color": "#cfcfcf",
            "success_background_color": "#dff0d8",
            "success_text_color": "#3c763d",
            "failure_background_color": "#f2dede",
            "failure_text_color": "#a94442",
            "close_button_color": "#cccccc",
            "fade_color": "#000000",
            "fade_color_rgb": "0,0,0",
            "selected_tab_text_color": "#ffffff",
            "selected_tab_background_color": "#1c1b1b",
            "signup_form_custom_css": "#container {\n    border-radius: 0;\n    text-align: center;\n    font-family:;\n   \n}\n.modal-title {\n    font-family: futura medium !important;\n     font-size: 22px !important;\n}\n\n#container > p:nth-child(3) {\n    letter-spacing: 0.2em;\n    font-family: \"Nunito Sans\", sans-serif !important;\n    font-size: 13px !important;\n}\n\n.product-name{\n    letter-spacing: 0.2em;\n    font-family: \"Nunito Sans\", sans-serif !important;\n    font-size: 13px !important;\n}\n\n.col-xs-12 btn-group btn-group-justified{\n     letter-spacing: 0.2em;\n    font-family: \"Nunito Sans\", sans-serif !important;\n    font-size: 13px !important;\n}\n\n.col-xs-12{\n     letter-spacing: 0.2em;\n    font-family: \"Nunito Sans\", sans-serif !important;\n    font-size: 13px !important;\n}\n\n#submit-btn {\n     letter-spacing: 0.2em;\n    font-family: \"Nunito Sans\", sans-serif !important;\n    font-size: 13px !important;\n}\n\n.small-print {\n    letter-spacing: 0.2em;\n    font-family: \"Nunito Sans\", sans-serif !important;\n    font-size: 13px !important;\n}\n\n#variant-select-container .input-lg\n{\n   background-color: #efefef;\n}\n\n#customer-contact-container .input-lg \n{\n    background-color: #efefef;\n    border-color: #efefef !important;\n}\n\n.modal-title\n{\n   line-height: 2.428571;\n}\n\n#container > p:nth-child(3)\n{\n   letter-spacing: 0.2em;\n}"
        },
        "button": {
            "use_image": false,
            "caption": "NOTIFY WHEN AVAILABLE",
            "font_size": 16,
            "bold": true,
            "position": "right-top",
            "corner_offset": 100,
            "selected_selector": "",
            "placement": "",
            "background_color": "#000000",
            "text_color": "#ffffff",
            "border_color": "#000000",
            "border_width": 1,
            "border_radius": 3,
            "image": "//static.back-in-stock.appikon.com/assets/widget/notify-btn-vertical-f46bd7ac1b51e7d3c6a766d843fe60b46f8628e13e717124d83ffe65be466f4d.png",
            "visible": false,
            "always_show_widget": false,
            "widget_button_enabled": true,
            "countdown_timer_enabled": false,
            "countdown_timer_reset_enabled": false,
            "countdown_timer_expiration": "-1",
            "countdown_timer_products": "[]"
        },
        "main_button": {
            "main_caption": "NOTIFY WHEN AVAILABLE",
            "main_css_classes": "",
            "main_button_width": "",
            "main_button_height": "",
            "main_caption_size": "",
            "main_margin_top": "",
            "main_margin_bottom": "",
            "main_margin_left": "",
            "main_margin_right": "",
            "main_text_color": "",
            "main_hover_text_color": "",
            "main_text_style": "",
            "main_background_color": "",
            "main_hover_background_color": "",
            "main_border_color": "",
            "main_hover_border_color": "",
            "main_border_size": "",
            "main_border_radius": ""
        },
        "partials": {},
        "preferredCountries": ["US","GB","AU","CA","FR","DE"],
        "multivariant_dropdown_container": "document",
        "shop": "mackeene.myshopify.com",
        "styles": "/*!\n * Bootstrap v3.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=\"checkbox\"],input[type=\"radio\"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=\"number\"]::-webkit-inner-spin-button,input[type=\"number\"]::-webkit-outer-spin-button{height:auto}input[type=\"search\"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#ffffff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=\"button\"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width: 768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline\u003eli{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width: 768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eeeeee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:\"\\2014 \\00A0\"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eeeeee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:\"\"}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:\"\\00A0 \\2014\"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=\"col-\"]{padding-right:0;padding-left:0}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=\"search\"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;appearance:none}input[type=\"radio\"],input[type=\"checkbox\"]{margin:4px 0 0;margin-top:1px \\9;line-height:normal}input[type=\"radio\"][disabled],input[type=\"checkbox\"][disabled],input[type=\"radio\"].disabled,input[type=\"checkbox\"].disabled,fieldset[disabled] input[type=\"radio\"],fieldset[disabled] input[type=\"checkbox\"]{cursor:not-allowed}input[type=\"file\"]{display:block}input[type=\"range\"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=\"file\"]:focus,input[type=\"radio\"]:focus,input[type=\"checkbox\"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555555;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control::-moz-placeholder{color:#999999;opacity:1}.form-control:-ms-input-placeholder{color:#999999}.form-control::-webkit-input-placeholder{color:#999999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eeeeee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=\"date\"].form-control,input[type=\"time\"].form-control,input[type=\"datetime-local\"].form-control,input[type=\"month\"].form-control{line-height:34px}input[type=\"date\"].input-sm,input[type=\"time\"].input-sm,input[type=\"datetime-local\"].input-sm,input[type=\"month\"].input-sm,.input-group-sm input[type=\"date\"],.input-group-sm input[type=\"time\"],.input-group-sm input[type=\"datetime-local\"],.input-group-sm input[type=\"month\"]{line-height:30px}input[type=\"date\"].input-lg,input[type=\"time\"].input-lg,input[type=\"datetime-local\"].input-lg,input[type=\"month\"].input-lg,.input-group-lg input[type=\"date\"],.input-group-lg input[type=\"time\"],.input-group-lg input[type=\"datetime-local\"],.input-group-lg input[type=\"month\"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=\"radio\"],.radio-inline input[type=\"radio\"],.checkbox input[type=\"checkbox\"],.checkbox-inline input[type=\"checkbox\"]{position:absolute;margin-top:4px \\9;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label ~ .form-control-feedback{top:25px}.has-feedback label.sr-only ~ .form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width: 768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group\u003e.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type=\"radio\"],.form-inline .checkbox input[type=\"checkbox\"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width: 768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width: 768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width: 768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:0.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333333;background-color:#ffffff;border-color:#cccccc}.btn-default:focus,.btn-default.focus{color:#333333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open\u003e.dropdown-toggle.btn-default{color:#333333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open\u003e.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open\u003e.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open\u003e.dropdown-toggle.btn-default.focus{color:#333333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#ffffff;border-color:#cccccc}.btn-default .badge{color:#ffffff;background-color:#333333}.btn-primary{color:#ffffff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#ffffff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#ffffff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open\u003e.dropdown-toggle.btn-primary{color:#ffffff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open\u003e.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open\u003e.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open\u003e.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#ffffff}.btn-success{color:#ffffff;background-color:#1c1b1b;border-color:#1c1b1b}.btn-success:focus,.btn-success.focus{color:#ffffff;background-color:#1c1b1b;border-color:#1c1b1b}.btn-success:hover{color:#ffffff;background-color:#1c1b1b;border-color:#1c1b1b}.btn-success:active,.btn-success.active,.open\u003e.dropdown-toggle.btn-success{color:#ffffff;background-color:#1c1b1b;background-image:none;border-color:#1c1b1b}.btn-success:active:hover,.btn-success.active:hover,.open\u003e.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open\u003e.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open\u003e.dropdown-toggle.btn-success.focus{color:#ffffff;background-color:#1c1b1b;border-color:#1c1b1b}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#1c1b1b;border-color:#1c1b1b}.btn-success .badge{color:#1c1b1b;background-color:#1c1b1b}.btn-info{color:#ffffff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#ffffff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#ffffff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open\u003e.dropdown-toggle.btn-info{color:#ffffff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open\u003e.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open\u003e.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open\u003e.dropdown-toggle.btn-info.focus{color:#ffffff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#ffffff}.btn-warning{color:#ffffff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#ffffff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#ffffff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open\u003e.dropdown-toggle.btn-warning{color:#ffffff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open\u003e.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open\u003e.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open\u003e.dropdown-toggle.btn-warning.focus{color:#ffffff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#ffffff}.btn-danger{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#ffffff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#ffffff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open\u003e.dropdown-toggle.btn-danger{color:#ffffff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open\u003e.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open\u003e.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open\u003e.dropdown-toggle.btn-danger.focus{color:#ffffff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#ffffff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777777;text-decoration:none}.btn-lg,.btn-group-lg\u003e.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm\u003e.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs\u003e.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=\"submit\"].btn-block,input[type=\"reset\"].btn-block,input[type=\"button\"].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group\u003e.btn,.btn-group-vertical\u003e.btn{position:relative;float:left}.btn-group\u003e.btn:hover,.btn-group-vertical\u003e.btn:hover,.btn-group\u003e.btn:focus,.btn-group-vertical\u003e.btn:focus,.btn-group\u003e.btn:active,.btn-group-vertical\u003e.btn:active,.btn-group\u003e.btn.active,.btn-group-vertical\u003e.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar\u003e.btn,.btn-toolbar\u003e.btn-group,.btn-toolbar\u003e.input-group{margin-left:5px}.btn-group\u003e.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group\u003e.btn:first-child{margin-left:0}.btn-group\u003e.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group\u003e.btn:last-child:not(:first-child),.btn-group\u003e.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group\u003e.btn-group{float:left}.btn-group\u003e.btn-group:not(:first-child):not(:last-child)\u003e.btn{border-radius:0}.btn-group\u003e.btn-group:first-child:not(:last-child)\u003e.btn:last-child,.btn-group\u003e.btn-group:first-child:not(:last-child)\u003e.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group\u003e.btn-group:last-child:not(:first-child)\u003e.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group\u003e.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group\u003e.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical\u003e.btn,.btn-group-vertical\u003e.btn-group,.btn-group-vertical\u003e.btn-group\u003e.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical\u003e.btn-group\u003e.btn{float:none}.btn-group-vertical\u003e.btn+.btn,.btn-group-vertical\u003e.btn+.btn-group,.btn-group-vertical\u003e.btn-group+.btn,.btn-group-vertical\u003e.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical\u003e.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical\u003e.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical\u003e.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical\u003e.btn-group:not(:first-child):not(:last-child)\u003e.btn{border-radius:0}.btn-group-vertical\u003e.btn-group:first-child:not(:last-child)\u003e.btn:last-child,.btn-group-vertical\u003e.btn-group:first-child:not(:last-child)\u003e.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical\u003e.btn-group:last-child:not(:first-child)\u003e.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified\u003e.btn,.btn-group-justified\u003e.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified\u003e.btn-group .btn{width:100%}.btn-group-justified\u003e.btn-group .dropdown-menu{left:auto}[data-toggle=\"buttons\"]\u003e.btn input[type=\"radio\"],[data-toggle=\"buttons\"]\u003e.btn-group\u003e.btn input[type=\"radio\"],[data-toggle=\"buttons\"]\u003e.btn input[type=\"checkbox\"],[data-toggle=\"buttons\"]\u003e.btn-group\u003e.btn input[type=\"checkbox\"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert\u003ep,.alert\u003eul{margin-bottom:0}.alert\u003ep+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);opacity:0.2}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:0.5}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#ffffff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:0.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width: 768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width: 992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical\u003e.btn-group:before,.btn-group-vertical\u003e.btn-group:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:\" \"}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical\u003e.btn-group:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}.iti{width:100%}body,html{background:transparent;-webkit-font-smoothing:antialiased;height:100%}body{overflow:hidden;-moz-transition:background-color 0.15s linear;-webkit-transition:background-color 0.15s linear;-o-transition:background-color 0.15s linear;transition:background-color 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86)}body.fadein{background:rgba(0,0,0,0.65)}#container{background:white;padding:12px 18px 40px 18px}@media only screen and (min-width: 500px){#container{border-radius:5px;padding:30px 40px}}@media only screen and (min-width: 992px){#container{position: fixed; width: 460px; top: 50%; left: 50%; transform:translate(-50%, -50%); margin: auto}}.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}.modal{overflow-x:hidden;overflow-y:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-title{margin:0;line-height:1.42857143}h3{font-size:24px}h4{font-size:18px;margin-top:10px;margin-bottom:10px}h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}@media screen and (-webkit-min-device-pixel-ratio: 0){select:focus,textarea:focus,input:focus{font-size:16px;background:#eee}}#variant-select-container .input-lg{font-size:15px}#customer-contact-container a.btn{font-weight:bold}#customer-contact-container .input-lg{font-size:15px}#quantity-field-container label{font-weight:normal;font-size:14px;padding-top:13px}#quantity-field-container input{font-size:15px}#submit-btn{font-weight:bold;font-size:15px;padding:14px;border-radius:3px}.alert{padding:6px 11px;font-size:13px;margin:15px 0}.alert-success a{color:#244825}.modal-body{padding:22px 40px;font-size:13px;line-height:180%}.modal-body h3:first-child{margin-top:0}.modal-title{margin:0;font-size:22px}.modal-content .close{font-size:30px}.modal-backdrop.in{filter:alpha(opacity=65);opacity:.65}.small-print{opacity:0.835;font-size:13px;line-height:150%}.small-print a{color:inherit;text-decoration:underline}.product-name{margin-bottom:20px}label.accepts-marketing{filter:alpha(opacity=825);opacity:0.825}@media only screen and (max-width: 786px){.modal-body{padding:20px 30px}}@media only screen and (max-width: 500px){.modal-dialog{margin:0}.modal-content{border-radius:0}}@media only screen and (min-width: 500px){#SIModal{max-width:460px;margin:auto}}.ie8 #SIModal{width:100%;max-width:460px;margin:auto;border:1px solid #999}select.default_variant{display:none}.ie8 .modal-dialog{width:460px !important;margin:10px auto}.completed_message{display:none}.complete .completed_message{display:block}#SIModal.in{position:relative;z-index:1050;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}\n"
    };

    _SIConfig.multivariantDropdownContainer = document;
    _SIConfig.shop = 'mackeene.myshopify.com';


    

    
</script>

<script type="text/javascript">
'use strict';
(function () {
  if(window.location.search.indexOf('selector_section_mode') > -1){
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    window.selector_section_mode = true;
    script.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'back-in-stock.appikon.com/theme-settings/element-selector.js';
    script.type = 'text/javascript';
    head.appendChild(script);
  }
})();
</script>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
