/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 376:27 Expected identifier but found whitespace
Line 387:27 Expected identifier but found whitespace
Line 462:27 Expected identifier but found whitespace
Line 686:0 Unexpected "<"

**/
<style>

/* =========================================================
   SAFETY
========================================================= */

.med-market-dropdown[hidden] {
  display: none !important;
}

.med-market-selector {
  position: relative;
}


/* =========================================================
   BASE
========================================================= */

.med-market-selector,
.med-market-dropdown {
  font-family:
    Inter,
    Arial,
    Helvetica,
    sans-serif;
}


.med-market-selector *,
.med-market-selector *::before,
.med-market-selector *::after,
.med-market-dropdown *,
.med-market-dropdown *::before,
.med-market-dropdown *::after {
  box-sizing: border-box;
}


/* =========================================================
   SELECTOR
========================================================= */

.med-market-selector {
  position: relative;

  display: inline-flex;
  align-items: center;

  color: inherit;

  line-height: 1.2;
}


/* =========================================================
   BUTTON
========================================================= */

.med-market-selector__button {
  min-height: 56px;

  display: inline-flex;
  align-items: center;

  gap: 11px;

  padding:
    7px
    10px
    7px
    24px;

  margin: 0;

  border: 0;

  border-left:
    1px solid
    rgba(255,255,255,.28);

  background: transparent;

  color: inherit;

  font: inherit;

  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;

  transition:
    background .18s ease;
}


.med-market-selector__button:hover {
  background:
    rgba(255,255,255,.06);
}


/* =========================================================
   CURRENT FLAG
========================================================= */

.med-market-selector__current-flag {
  width: 38px;
  height: 38px;

  display: grid;

  place-items: center;

  flex: 0 0 38px;

  overflow: hidden;

  border-radius: 999px;

  background: #f1f2f4;
}


.med-market-selector__current-flag img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}


.med-market-selector__current-flag svg {
  width: 100% !important;
  height: 100% !important;

  max-width: 38px !important;
  max-height: 38px !important;

  display: block;
}


/* =========================================================
   CURRENT CODE
========================================================= */

.med-market-selector__current-code {
  font-size: 20px;

  font-weight: 400;

  line-height: 1;

  white-space: nowrap;
}


/* =========================================================
   ARROW
========================================================= */

.med-market-selector__arrow {
  width: 18px;
  height: 18px;

  flex: 0 0 18px;

  transition:
    transform .2s ease;
}


.med-market-selector.is-open
.med-market-selector__arrow {
  transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
========================================================= */

.med-market-dropdown {
  position: fixed !important;

  z-index: 2147483000 !important;

  width:
    min(
      440px,
      calc(100vw - 32px)
    );

  padding: 10px;

  background: #ffffff;

  color: #171717;

  border:
    1px solid
    rgba(0,28,212,.08);

  border-radius: 20px;

  box-shadow:
    0 12px 35px
      rgba(11,17,48,.10),

    0 30px 80px
      rgba(11,17,48,.13);

  overflow: hidden;

  opacity: 0;

  pointer-events: none;

  transform:
    translateY(8px)
    scale(.985);

  transition:
    opacity .16s ease,
    transform .16s ease;
}


.med-market-dropdown[data-placement="above"] {
  transform-origin:
    bottom right;
}


.med-market-dropdown[data-placement="below"] {
  transform:
    translateY(-8px)
    scale(.985);

  transform-origin:
    top right;
}


.med-market-dropdown.is-open {
  opacity: 1;

  pointer-events: auto;

  transform:
    translateY(0)
    scale(1);
}


/* =========================================================
   LIST
========================================================= */

.med-market-dropdown__list {
  width: 100%;

  overflow-x: hidden;
  overflow-y: auto;

  overscroll-behavior: contain;

  border-radius: 13px;

  scrollbar-width: thin;

  scrollbar-color:
    #cbd3ff
    transparent;
}


.med-market-dropdown__list::-webkit-scrollbar {
  width: 6px;
}


.med-market-dropdown__list::-webkit-scrollbar-track {
  background: transparent;
}


.med-market-dropdown__list::-webkit-scrollbar-thumb {
  background: #cbd3ff;

  border-radius: 20px;
}


/* =========================================================
   ITEM
========================================================= */

.med-market-dropdown__item {
  width: 100%;

  min-height: 60px;

  display: flex;
  align-items: center;

  gap: 14px;

  padding:
    9px
    13px;

  margin:
    0
    0
    3px;

  border-radius: 11px;

  background: #ffffff;

  color: #171717;

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.2;

  text-decoration: none !important;

  cursor: pointer;

  transition:
    background .16s ease,
    color .16s ease;
}


.med-market-dropdown__item:last-child {
  margin-bottom: 0;
}


.med-market-dropdown__item:hover {
  background: #f5f7ff;

  color: #001cd4;

  text-decoration: none !important;
}


/* =========================================================
   ACTIVE
========================================================= */

.med-market-dropdown__item[
  aria-current="page"
] {
  background: #e8ecff;

  color: #001cd4;

  font-weight: 500;
}


.med-market-dropdown__item[
  aria-current="page"
]:hover {
  background: #dfe5ff;

  color: #001cd4;
}


/* =========================================================
   FLAG
========================================================= */

.med-market-dropdown__flag {
  width: 38px;
  height: 38px;

  display: grid;

  place-items: center;

  flex:
    0
    0
    38px;

  overflow: hidden;

  border-radius: 999px;

  background: #f1f2f4;

  box-shadow:
    0 0 0 1px
    rgba(11,17,48,.04);
}


.med-market-dropdown__flag img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}


.med-market-dropdown__flag svg {
  width: 100% !important;
  height: 100% !important;

  max-width: 38px !important;
  max-height: 38px !important;

  display: block;
}


/* =========================================================
   GLOBE
========================================================= */

.med-market-dropdown__globe {
  background: transparent;

  color: #171717;

  box-shadow: none;
}


.med-market-dropdown__item:hover
.med-market-dropdown__globe,

.med-market-dropdown__item[
  aria-current="page"
]
.med-market-dropdown__globe {
  color: #001cd4;
}


/* =========================================================
   NAME
========================================================= */

.med-market-dropdown__name {
  min-width: 0;

  flex: 1;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}


/* =========================================================
   FOCUS
========================================================= */

.med-market-dropdown__item:focus-visible {
  outline:
    2px solid #001cd4;

  outline-offset: -2px;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 749px) {

  .med-market-dropdown {
    width:
      calc(100vw - 28px);

    max-width: 420px;

    padding: 9px;

    border-radius: 18px;
  }


  .med-market-dropdown__item {
    min-height: 57px;

    padding:
      8px
      11px;

    gap: 12px;

    font-size: 17px;

    border-radius: 10px;
  }


  .med-market-dropdown__flag {
    width: 36px;
    height: 36px;

    flex-basis: 36px;
  }


  .med-market-dropdown__flag svg {
    max-width: 36px !important;
    max-height: 36px !important;
  }


  .med-market-selector__button {
    min-height: 52px;

    padding-left: 18px;
  }


  .med-market-selector__current-flag {
    width: 35px;
    height: 35px;

    flex-basis: 35px;
  }


  .med-market-selector__current-flag svg {
    max-width: 35px !important;
    max-height: 35px !important;
  }


  .med-market-selector__current-code {
    font-size: 18px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width: 480px) {

  .med-market-dropdown {
    width:
      calc(100vw - 24px);

    max-width: none;

    padding: 8px;

    border-radius: 16px;
  }


  .med-market-dropdown__item {
    min-height: 54px;

    padding:
      7px
      10px;

    gap: 11px;

    font-size: 16px;

    border-radius: 9px;
  }


  .med-market-dropdown__flag {
    width: 34px;
    height: 34px;

    flex-basis: 34px;
  }


  .med-market-dropdown__flag svg {
    max-width: 34px !important;
    max-height: 34px !important;
  }


  .med-market-selector__button {
    min-height: 50px;

    gap: 9px;

    padding-left: 14px;
  }


  .med-market-selector__current-flag {
    width: 33px;
    height: 33px;

    flex-basis: 33px;
  }


  .med-market-selector__current-flag svg {
    max-width: 33px !important;
    max-height: 33px !important;
  }


  .med-market-selector__current-code {
    font-size: 17px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media screen and (max-width: 360px) {

  .med-market-dropdown {
    width:
      calc(100vw - 16px);
  }


  .med-market-dropdown__item {
    min-height: 51px;

    font-size: 15px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .med-market-dropdown,
  .med-market-dropdown__item,
  .med-market-selector__arrow {
    transition: none;
  }

}

</style>

/* =========================================================
   MEDETONE MOBILE HEADER MARKET SELECTOR
========================================================= */

.medetone-mobile-market {
  display: none;
}


/* PHONE / TABLET DRAWER */

@media screen and (max-width: 749px) {

  .medetone-mobile-market {
    display: block;

    width: 100%;

    margin: 16px 0 0;

    padding: 0;

    background: #ffffff;

    border-top: 1px solid #e5e7eb;
  }


  /* Full-width selector */

  .medetone-mobile-market
  .med-market-selector {
    display: flex;

    width: 100%;
  }


  /* Gymshark-style row */

  .medetone-mobile-market
  .med-market-selector__button {
    width: 100%;

    min-height: 72px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 20px;

    margin: 0;

    border: 0;

    border-radius: 0;

    background: #ffffff;

    color: #171717;

    box-shadow: none;
  }


  .medetone-mobile-market
  .med-market-selector__button:hover {
    background: #f8f9fb;
  }


  /* Flag */

  .medetone-mobile-market
  .med-market-selector__current-flag {
    width: 34px;
    height: 34px;

    flex:
      0
      0
      34px;

    border-radius: 50%;
  }


  .medetone-mobile-market
  .med-market-selector__current-flag img {
    width: 100%;
    height: 100%;

    object-fit: cover;
  }


  /* FR / UK / DE */

  .medetone-mobile-market
  .med-market-selector__current-code {
    font-size: 17px;

    font-weight: 500;

    line-height: 1;

    color: #64676d;
  }


  /* Push arrow to far right */

  .medetone-mobile-market
  .med-market-selector__arrow {
    width: 18px;
    height: 18px;

    flex:
      0
      0
      18px;

    margin-left: auto;

    color: #64676d;
  }

}


/* Hide this drawer version on desktop */

 
/* =========================================================
   LIVE THEME MOBILE DRAWER OVERRIDE
   Keeps footer untouched
   Forces mobile selector to match working unpublished theme
========================================================= */

@media screen and (max-width: 749px) {

  /* -----------------------------------------
     Outer mobile market area
  ----------------------------------------- */

  #MenuDrawer .medetone-mobile-market {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;

    justify-self: end !important;

    width: max-content !important;
    max-width: 100% !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
  }


  /* -----------------------------------------
     Selector wrapper
  ----------------------------------------- */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector {
    display: inline-flex !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
  }


  /* -----------------------------------------
     Main selector button
  ----------------------------------------- */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__button {
    width: auto !important;

    min-width: 0 !important;
    min-height: 72px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    margin: 0 !important;

    padding:
      14px
      22px !important;

    background: transparent !important;

    color: #001cd4 !important;

    border: 0 !important;

    border-left:
      1px solid
      rgba(0, 28, 212, 0.12) !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none;
  }


  /* Hover */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__button:hover {
    background:
      rgba(0, 28, 212, 0.03) !important;

    color: #001cd4 !important;
  }


  /* -----------------------------------------
     Current flag
  ----------------------------------------- */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-flag {
    width: 34px !important;
    height: 34px !important;

    flex:
      0
      0
      34px !important;

    display: grid !important;

    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    color: #001cd4 !important;

    overflow: hidden !important;
  }


  /* Real country flags */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-flag img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    border-radius: 50% !important;
  }


  /* ROW globe */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-flag svg {
    display: block !important;

    width: 34px !important;
    height: 34px !important;

    max-width: 34px !important;
    max-height: 34px !important;

    color: #001cd4 !important;

    stroke: currentColor;
  }


  /* -----------------------------------------
     UK / FR / ROW text
  ----------------------------------------- */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-code {
    margin: 0 !important;
    padding: 0 !important;

    color: #001cd4 !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    white-space: nowrap !important;
  }


  /* -----------------------------------------
     Dropdown arrow
  ----------------------------------------- */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__arrow {
    width: 18px !important;
    height: 18px !important;

    flex:
      0
      0
      18px !important;

    margin:
      0
      0
      0
      2px !important;

    padding: 0 !important;

    color: #001cd4 !important;

    stroke: currentColor !important;
  }


  /* -----------------------------------------
     Remove theme-generated button decoration
  ----------------------------------------- */

  #MenuDrawer
  .medetone-mobile-market
  button::before,

  #MenuDrawer
  .medetone-mobile-market
  button::after {
    display: none !important;

    content: none !important;
  }

}
/* =========================================================
   DESKTOP DRAWER MARKET SELECTOR
========================================================= */

@media screen and (min-width: 750px) {

  /* Wrapper */

  #MenuDrawer .medetone-mobile-market {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    max-width: 260px !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
  }


  /* Selector */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector {
    display: inline-flex !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
  }


  /* Button */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__button {
    width: auto !important;

    min-width: 0 !important;
    min-height: 54px !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 10px !important;

    padding:
      10px
      16px !important;

    margin: 0 !important;

    background: transparent !important;

    color: #001cd4 !important;

    border: 0 !important;

    border-left:
      1px solid
      rgba(0, 28, 212, 0.12) !important;

    border-radius: 0 !important;

    box-shadow: none !important;
  }


  /* Hover */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__button:hover {
    background:
      rgba(0, 28, 212, 0.04) !important;
  }


  /* Flag */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-flag {
    width: 32px !important;
    height: 32px !important;

    flex:
      0
      0
      32px !important;

    display: grid !important;

    place-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background: transparent !important;

    color: #001cd4 !important;

    overflow: hidden !important;

    box-shadow: none !important;
  }


  /* Flag image */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-flag img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;

    border-radius: 50% !important;
  }


  /* ROW globe */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-flag svg {
    width: 32px !important;
    height: 32px !important;

    max-width: 32px !important;
    max-height: 32px !important;

    display: block !important;

    color: #001cd4 !important;
  }


  /* UK / FR / US / ROW text */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__current-code {
    margin: 0 !important;
    padding: 0 !important;

    color: #001cd4 !important;

    font-size: 17px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    white-space: nowrap !important;
  }


  /* Arrow */

  #MenuDrawer
  .medetone-mobile-market
  .med-market-selector__arrow {
    width: 16px !important;
    height: 16px !important;

    flex:
      0
      0
      16px !important;

    margin-left: 2px !important;

    color: #001cd4 !important;
  }


  /* Remove theme button decorations */

  #MenuDrawer
  .medetone-mobile-market
  button::before,

  #MenuDrawer
  .medetone-mobile-market
  button::after {
    display: none !important;

    content: none !important;
  }

}