.clone-src {
  --tr-logo-size:20px !important;
  --tr-header-h:64px !important;
  --tr-header-desk-h:88px !important;
}
.clone-src .tr-header-fixed {
  position: fixed !important;
  top: var(--tr-ann-h, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 100 !important;
  transition: top var(--tr-duration-base) var(--tr-ease) !important;
}
.clone-src .tr-header-fixed--static {
  position: static !important;
}
.clone-src div.tr-header-spacer {
  display: block !important;
  height: calc(var(--tr-header-h) + var(--tr-ann-h, 0px)) !important;
}
.clone-src .tr-header {
  background: rgb(var(--color-background)) !important;
  border-bottom: 1px solid rgba(0, 0, 0, .04) !important;
  transition:
    background var(--tr-duration-base) var(--tr-ease),
    box-shadow var(--tr-duration-base) var(--tr-ease),
    border-color var(--tr-duration-base) var(--tr-ease) !important;
}
.clone-src .tr-header--scrolled {
  border-bottom-color: transparent !important;
  box-shadow: 0 1px #1111110a !important;
}
.clone-src .tr-header--transparent {
  background: transparent !important;
  border-bottom-color: transparent !important;
}
.clone-src .tr-header__nav-left {
  display: flex !important;
  align-items: center !important;
  gap: var(--tr-space-3) !important;
}
.clone-src .tr-header__search-btn {
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--tr-tap-min) !important;
  height: var(--tr-tap-min) !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: rgb(var(--color-foreground)) !important;
  cursor: pointer !important;
}
.clone-src .tr-header__search-btn svg {
  width: var(--tr-space-5) !important;
  height: var(--tr-space-5) !important;
}
.clone-src .tr-header__bar {
  height: var(--tr-header-h) !important;
  display: grid !important;
  grid-template-columns: 44px 1fr 44px !important;
  align-items: center !important;
  padding: 0 var(--tr-space-5) !important;
  gap: var(--tr-space-3) !important;
}
.clone-src .tr-header__logo {
  justify-self: center !important;
  text-align: center !important;
  font-family: var(--font-heading-family) !important;
  font-size: var(--tr-logo-size) !important;
  font-weight: var(--tr-weight-medium) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: rgb(var(--color-foreground)) !important;
  white-space: nowrap !important;
  transition: opacity var(--tr-duration-fast) var(--tr-ease) !important;
}
.clone-src .tr-header__logo:hover {
  opacity: .6 !important;
}
.clone-src .tr-header__logo img {
  display: block !important;
  max-height: calc(var(--tr-logo-size) * 1.5) !important;
  width: auto !important;
}
.clone-src .tr-header__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
}
.clone-src .tr-header__action-link {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  text-decoration: none !important;
  color: rgb(var(--color-foreground)) !important;
  transition: opacity var(--tr-duration-fast) var(--tr-ease) !important;
}
.clone-src .tr-header__action-link:hover {
  opacity: .6 !important;
}
.clone-src .tr-header__action-icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
}
.clone-src .tr-header__cart-count {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  font-size: 11px !important;
  font-weight: var(--tr-weight-medium) !important;
  line-height: 1 !important;
  min-width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 0 4px !important;
  box-shadow: 0 0 0 2px rgb(var(--color-background)) !important;
}
.clone-src .tr-header--transparent .tr-header__cart-count {
  box-shadow: none !important;
}
.clone-src .tr-header__menu-btn {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 6px !important;
  width: 44px !important;
  height: 44px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  color: rgb(var(--color-foreground)) !important;
}
.clone-src .tr-header__menu-line {
  display: block !important;
  height: 1px !important;
  background: currentColor !important;
  transition: transform var(--tr-duration-base) var(--tr-ease), opacity var(--tr-duration-base) var(--tr-ease) !important;
  border-radius: 1px !important;
}
.clone-src .tr-header__nav-desktop {
  display: none !important;
}
.clone-src .tr-drawer-overlay {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #0006 !important;
  z-index: 300 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .35s ease, visibility .35s ease !important;
}
.clone-src .tr-drawer-overlay.open {
  opacity: 1 !important;
  visibility: visible !important;
}
.clone-src .tr-drawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  max-width: var(--tr-drawer-w, 100vw) !important;
  height: 100dvh !important;
  background: #fff !important;
  z-index: 301 !important;
  transform: translate(-100%) !important;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.clone-src .tr-drawer.open {
  transform: translate(0) !important;
}
.clone-src .tr-drawer__panel {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1) !important;
}
.clone-src .tr-drawer__panel--sub {
  transform: translate(100%) !important;
}
.clone-src .tr-drawer__panel--sub.active {
  transform: translate(0) !important;
}
.clone-src .tr-drawer__panel--main.pushed {
  transform: translate(-30%) !important;
  opacity: .4 !important;
}
.clone-src .tr-drawer__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: var(--tr-space-5) var(--tr-space-5) var(--tr-space-4) !important;
  border-bottom: 1px solid rgba(17, 17, 17, .08) !important;
  flex-shrink: 0 !important;
}
.clone-src .tr-drawer__logo {
  font-family: var(--font-heading-family) !important;
  font-size: .875rem !important;
  font-weight: var(--tr-weight-medium) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #111 !important;
}
.clone-src .tr-drawer__close {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: none !important;
  border: none !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  color: #111 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin-right: -10px !important;
  transition: opacity .2s !important;
}
.clone-src .tr-drawer__close:hover {
  opacity: .6 !important;
}
.clone-src .tr-drawer__back {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 14px var(--tr-space-5) !important;
  background: #1111110a !important;
  border: none !important;
  border-bottom: 1px solid rgba(17, 17, 17, .08) !important;
  font-family: var(--font-body-family) !important;
  font-size: .4688rem !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #1119 !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: left !important;
  transition: opacity .2s !important;
  flex-shrink: 0 !important;
}
.clone-src .tr-drawer__back:hover {
  opacity: .6 !important;
}
.clone-src .tr-drawer__sub-head {
  padding: var(--tr-space-5) var(--tr-space-5) var(--tr-space-4) !important;
  font-family: var(--font-heading-family) !important;
  font-size: .9375rem !important;
  font-weight: 400 !important;
  color: #111 !important;
  border-bottom: 1px solid rgba(17, 17, 17, .08) !important;
  flex-shrink: 0 !important;
}
.clone-src .tr-drawer__item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 20px var(--tr-space-5) !important;
  border: none !important;
  border-bottom: 1px solid rgba(17, 17, 17, .06) !important;
  background: none !important;
  font-family: var(--font-body-family) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  color: #111 !important;
  text-decoration: none !important;
  transition: opacity .2s !important;
  cursor: pointer !important;
}
.clone-src .tr-drawer__item:hover,
.clone-src .tr-drawer__item:active {
  opacity: .6 !important;
}
.clone-src .tr-drawer__arrow {
  font-size: 1rem !important;
  color: #1116 !important;
}
.clone-src .tr-drawer__cta {
  margin-top: auto !important;
  padding: var(--tr-space-6) var(--tr-space-5) var(--tr-space-4) !important;
  flex-shrink: 0 !important;
}
.clone-src .tr-drawer__cta-link {
  display: block !important;
  width: 100% !important;
  padding: var(--tr-space-4) var(--tr-space-5) !important;
  background: #111 !important;
  color: #fff !important;
  text-align: center !important;
  font-size: .5469rem !important;
  font-weight: var(--tr-weight-medium) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: opacity var(--tr-duration-fast) var(--tr-ease) !important;
}
.clone-src .tr-drawer__cta-link:hover {
  opacity: .85 !important;
}
.clone-src .tr-drawer__locales {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 0 var(--tr-space-5) var(--tr-space-6) !important;
  flex-shrink: 0 !important;
}
.clone-src .tr-drawer__locale-form {
  display: contents !important;
}
.clone-src .tr-drawer__flag {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  opacity: .5 !important;
  transition: opacity .2s !important;
}
.clone-src .tr-drawer__flag:hover,
.clone-src .tr-drawer__flag[aria-current=true] {
  opacity: 1 !important;
}
.clone-src .tr-drawer__flag svg {
  display: block !important;
  width: 28px !important;
  height: 20px !important;
  border-radius: 2px !important;
}
@media screen and (min-width: 768px) {
  .clone-src {
    --tr-header-h:var(--tr-header-desk-h) !important;
  }
  .clone-src .tr-header__bar {
    grid-template-columns: 1fr auto 1fr !important;
    padding: 0 var(--tr-space-8) !important;
    gap: var(--tr-space-7) !important;
  }
  .clone-src .tr-header--nav-inline .tr-header__menu-btn {
    display: none !important;
  }
  .clone-src .tr-header__logo {
    text-align: left !important;
    justify-self: start !important;
    font-size: calc(var(--tr-logo-size) * 1.25) !important;
    letter-spacing: .15em !important;
  }
  .clone-src .tr-header--nav-drawer .tr-header__logo {
    justify-self: center !important;
    text-align: center !important;
  }
  .clone-src .tr-header__logo img {
    max-height: calc(var(--tr-logo-size) * 2) !important;
  }
  .clone-src .tr-header--nav-drawer .tr-header__nav-desktop {
    display: none !important;
  }
  .clone-src .tr-header__nav-desktop {
    display: flex !important;
    align-items: center !important;
    justify-self: center !important;
    gap: var(--tr-space-6) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .clone-src .tr-header__nav-link {
    font-size: .75rem !important;
    font-weight: 400 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: rgb(var(--color-foreground)) !important;
    opacity: .85 !important;
    padding-bottom: 2px !important;
    border-bottom: 1px solid transparent !important;
    transition: opacity var(--tr-duration-fast) var(--tr-ease), border-color var(--tr-duration-fast) var(--tr-ease) !important;
    white-space: nowrap !important;
  }
  .clone-src .tr-header__nav-link:hover {
    opacity: 1 !important;
    border-bottom-color: currentColor !important;
  }
  .clone-src .tr-header__actions {
    gap: var(--tr-space-4) !important;
    justify-self: end !important;
  }
}
.clone-src .tr-header--transparent {
  box-shadow: none !important;
}
.clone-src .tr-header--ink-light.tr-header--transparent .tr-header__logo,
.clone-src .tr-header--ink-light.tr-header--transparent .tr-header__action-link,
.clone-src .tr-header--ink-light.tr-header--transparent .tr-header__search-btn,
.clone-src .tr-header--ink-light.tr-header--transparent .tr-header__menu-btn {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .15) !important;
}
.clone-src .tr-header--ink-dark.tr-header--transparent .tr-header__logo,
.clone-src .tr-header--ink-dark.tr-header--transparent .tr-header__action-link,
.clone-src .tr-header--ink-dark.tr-header--transparent .tr-header__search-btn,
.clone-src .tr-header--ink-dark.tr-header--transparent .tr-header__menu-btn {
  color: rgb(var(--color-foreground)) !important;
  text-shadow: none !important;
}
.clone-src .tr-header--transparent .tr-header__cart-count {
  background: #fff !important;
  color: #111 !important;
  text-shadow: none !important;
}
.clone-src .tr-header--transparent .tr-header__nav-link {
  color: #ffffffe6 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .15) !important;
}
.clone-src .tr-header--scrolled .tr-header__logo,
.clone-src .tr-header--scrolled .tr-header__action-link,
.clone-src .tr-header--scrolled .tr-header__search-btn,
.clone-src .tr-header--scrolled .tr-header__menu-btn {
  color: rgb(var(--color-foreground)) !important;
}
.clone-src .tr-header--scrolled .tr-header__cart-count {
  background: #111 !important;
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .clone-src .tr-header--nav-drawer ~ * .tr-drawer,
  .clone-src .tr-drawer {
    --tr-drawer-w:25rem !important;
    box-shadow: 0 0 40px #00000014 !important;
  }
  .clone-src .tr-drawer__images {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--tr-space-2) !important;
    padding: var(--tr-space-4) !important;
    margin-top: auto !important;
  }
}
.clone-src .tr-drawer__images {
  display: none !important;
}
.clone-src .tr-drawer__image {
  display: block !important;
  position: relative !important;
  aspect-ratio: var(--tr-ratio-media) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.clone-src .tr-drawer__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform var(--tr-duration-base) var(--tr-ease) !important;
}
.clone-src .tr-drawer__image:hover img {
  transform: scale(1.03) !important;
}
.clone-src .tr-drawer__image-label {
  position: absolute !important;
  left: var(--tr-space-3) !important;
  bottom: var(--tr-space-3) !important;
  font-size: var(--tr-text-micro) !important;
  font-weight: var(--tr-weight-medium) !important;
  letter-spacing: var(--tr-tracking-caps) !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .4) !important;
}