.header-23 .btn {
  border-radius: var(--header-23--buttons--border-radius);
}
.header-23 .btn-outline {
  background-color: var(--header-23--account-button--background-color);
  border-color: var(--header-23--account-button--border-color);
  border-bottom-width: var(--header-23--account-button--border-bottom-width);
  border-left-width: var(--header-23--account-button--border-left-width);
  border-right-width: var(--header-23--account-button--border-right-width);
  border-top-width: var(--header-23--account-button--border-top-width);
  color: var(--header-23--account-button--color);
  font-weight: var(--header-23--account-button--font-weight);
  padding: var(--header-23--account-button--padding-y) var(--header-23--account-button--padding-x);
}
.header-23 .btn-outline:hover {
  background-color: var(--header-23--account-button--background-color-hover);
  border-color: var(--header-23--account-button--border-color-hover);
  color: var(--header-23--account-button--color-hover);
}
.header-23 .btn-primary {
  background-color: var(--header-23--cart-button--background-color);
  border-color: var(--header-23--cart-button--border-color);
  border-bottom-width: var(--header-23--cart-button--border-bottom-width);
  border-left-width: var(--header-23--cart-button--border-left-width);
  border-right-width: var(--header-23--cart-button--border-right-width);
  border-top-width: var(--header-23--cart-button--border-top-width);
  color: var(--header-23--cart-button--color);
}
.header-23 .btn-primary:hover {
  background-color: var(--header-23--cart-button--background-color-hover);
  border-color: var(--header-23--cart-button--border-color-hover);
  color: var(--header-23--cart-button--color-hover);
}
.header-23 .btn-badge {
  background-color: var(--header-23--cart-button-badge--background-color);
  border-color: var(--header-23--cart-button-badge--border-color);
  color: var(--header-23--cart-button-badge--color);
}
.header-23 .nav-main {
  background-color: var(--header-23--block--background-color);
}
.header-23 .nav-body {
  border-top-color: var(--header-23--nav-body--border-color);
  border-top-width: var(--header-23--nav-body--border-width);
}
.header-23 .nav-body > .container {
  gap: var(--header-23--nav-body--gap);
}
.header-23 .nav-body .legend-sm {
  border-bottom-color: var(--header-23--nav-items-legend--border-color);
  border-bottom-width: var(--header-23--nav-items-legend--border-width);
  color: var(--header-23--nav-items-legend--color);
  font-weight: var(--header-23--nav-items-legend--font-weight);
  padding-left: var(--header-23--nav-items-legend--padding-x);
  padding-right: var(--header-23--nav-items-legend--padding-x);
}
.header-23 .nav {
  gap: var(--header-23--nav-items--gap);
}
.header-23 .nav-item {
  font-family: var(--header-23--nav-item--font-family);
  font-size: var(--header-23--nav-item--font-size);
  padding-bottom: var(--header-23--nav-item--padding-y);
  padding-left: var(--header-23--nav-item--padding-x);
  padding-right: var(--header-23--nav-item--padding-x);
  padding-top: var(--header-23--nav-item--padding-y);
  white-space: var(--header-23--nav-item--white-space);
}
.header-23 .nav-item-name {
  white-space: var(--header-23--nav-item--white-space);
}
.header-23 .nav-item-link {
  background-color: var(--header-23--nav-item-link--background-color);
  border-radius: var(--header-23--nav-item-link--border-radius);
  border-color: var(--header-23--nav-item-link--border-color);
  border-width: var(--header-23--nav-item-link--border-width);
  color: var(--header-23--nav-item-link--color);
  font-weight: var(--header-23--nav-item-link--font-weight);
  gap: var(--header-23--nav-item-link--gap);
  padding-bottom: var(--header-23--nav-item-link--padding-y);
  padding-left: var(--header-23--nav-item-link--padding-x);
  padding-right: var(--header-23--nav-item-link--padding-x);
  padding-top: var(--header-23--nav-item-link--padding-y);
  text-transform: var(--header-23--nav-item-link--text-transform);
}
.header-23 .nav-item-link:hover {
  background-color: var(--header-23--nav-item-link--background-color-hover);
  color: var(--header-23--nav-item-link--color-hover);
}
.header-23 .nav-item-link.active {
  background-color: var(--header-23--nav-item-link--background-color-active);
  color: var(--header-23--nav-item-link--color-active);
  font-weight: var(--header-23--nav-item-link-active--font-weight);
}
.header-23 .nav-sub-items-handler {
  color: var(--header-23--nav-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-23 .nav-sub-items-handler:hover {
  color: var(--header-23--nav-sub-items-arrow--color-hover);
}
.header-23 .nav-sub-items-wrapper {
  gap: var(--header-23--nav-sub-items--gap);
}
.header-23 .nav-sub-items-wrapper .nav-sub-item-name {
  white-space: var(--header-23--nav-item--white-space);
}
.header-23 .nav-sub-item {
  font-family: var(--header-23--nav-sub-item--font-family);
  font-size: var(--header-23--nav-sub-item--font-size);
  padding-bottom: var(--header-23--nav-sub-item--padding-y);
  padding-left: var(--header-23--nav-sub-item--padding-x);
  padding-right: var(--header-23--nav-sub-item--padding-x);
  padding-top: var(--header-23--nav-sub-item--padding-y);
}
.header-23 .nav-sub-item-link {
  background-color: var(--header-23--nav-sub-item-link--background-color);
  border-radius: var(--header-23--nav-sub-item-link--border-radius);
  border-color: var(--header-23--nav-sub-item-link--border-color);
  border-width: var(--header-23--nav-sub-item-link--border-width);
  color: var(--header-23--nav-sub-item-link--color);
  font-weight: var(--header-23--nav-sub-item-link--font-weight);
  gap: var(--header-23--nav-sub-item-link--gap);
  padding-bottom: var(--header-23--nav-sub-item-link--padding-y);
  padding-left: var(--header-23--nav-sub-item-link--padding-x);
  padding-right: var(--header-23--nav-item-link--padding-x);
  padding-top: var(--header-23--nav-sub-item-link--padding-y);
  text-transform: var(--header-23--nav-sub-item-link--text-transform);
}
.header-23 .nav-sub-item-link:hover {
  background-color: var(--header-23--nav-sub-item-link--background-color-hover);
  color: var(--header-23--nav-sub-item-link--color-hover);
}
.header-23 .nav-sub-item-link.active {
  background-color: var(--header-23--nav-sub-item-link--background-color-active);
  color: var(--header-23--nav-sub-item-link--color-active);
}
.header-23 .nav-sub-sub-items-handler {
  color: var(--header-23--nav-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-23 .nav-sub-sub-items-handler:hover {
  color: var(--header-23--nav-sub-sub-items-arrow--color-hover);
}
.header-23 .nav-sub-sub-items-wrapper {
  gap: var(--header-23--nav-sub-sub-items--gap);
}
.header-23 .nav-sub-sub-item {
  font-family: var(--header-23--nav-sub-sub-item--font-family);
  font-size: var(--header-23--nav-sub-sub-item--font-size);
  padding-bottom: var(--header-23--nav-sub-sub-item--padding-y);
  padding-left: var(--header-23--nav-sub-sub-item--padding-x);
  padding-right: var(--header-23--nav-sub-sub-item--padding-x);
  padding-top: var(--header-23--nav-sub-sub-item--padding-y);
}
.header-23 .nav-sub-sub-item-link {
  background-color: var(--header-23--nav-sub-sub-item-link--background-color);
  border-radius: var(--header-23--nav-sub-sub-item-link--border-radius);
  border-color: var(--header-23--nav-sub-sub-item-link--border-color);
  border-width: var(--header-23--nav-sub-sub-item-link--border-width);
  color: var(--header-23--nav-sub-sub-item-link--color);
  font-weight: var(--header-23--nav-sub-sub-item-link--font-weight);
  gap: var(--header-23--nav-sub-sub-item-link--gap);
  padding-bottom: var(--header-23--nav-sub-sub-item-link--padding-y);
  padding-left: var(--header-23--nav-sub-sub-item-link--padding-x);
  padding-right: var(--header-23--nav-item-link--padding-x);
  padding-top: var(--header-23--nav-sub-sub-item-link--padding-y);
  text-transform: var(--header-23--nav-sub-sub-item-link--text-transform);
}
.header-23 .nav-sub-sub-item-link:hover {
  background-color: var(--header-23--nav-sub-sub-item-link--background-color-hover);
  color: var(--header-23--nav-sub-sub-item-link--color-hover);
}
.header-23 .nav-sub-sub-item-link.active {
  background-color: var(--header-23--nav-sub-sub-item-link--background-color-active);
  color: var(--header-23--nav-sub-sub-item-link--color-active);
}
.header-23 .nav-sub-sub-sub-items-handler {
  color: var(--header-23--nav-sub-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-23 .nav-sub-sub-sub-items-handler:hover {
  color: var(--header-23--nav-sub-sub-sub-items-arrow--color-hover);
}
.header-23 .nav-sub-sub-sub-items-wrapper {
  gap: var(--header-23--nav-sub-sub-sub-items--gap);
}
.header-23 .nav-sub-sub-sub-item {
  font-family: var(--header-23--nav-sub-sub-sub-item--font-family);
  font-size: var(--header-23--nav-sub-sub-sub-item--font-size);
  padding-bottom: var(--header-23--nav-sub-sub-sub-item--padding-y);
  padding-left: var(--header-23--nav-sub-sub-sub-item--padding-x);
  padding-right: var(--header-23--nav-sub-sub-sub-item--padding-x);
  padding-top: var(--header-23--nav-sub-sub-sub-item--padding-y);
}
.header-23 .nav-sub-sub-sub-item-link {
  background-color: var(--header-23--nav-sub-sub-sub-item-link--background-color);
  border-radius: var(--header-23--nav-sub-sub-sub-item-link--border-radius);
  border-color: var(--header-23--nav-sub-sub-sub-item-link--border-color);
  border-width: var(--header-23--nav-sub-sub-sub-item-link--border-width);
  color: var(--header-23--nav-sub-sub-sub-item-link--color);
  font-weight: var(--header-23--nav-sub-sub-sub-item-link--font-weight);
  gap: var(--header-23--nav-sub-sub-sub-item-link--gap);
  padding-bottom: var(--header-23--nav-sub-sub-sub-item-link--padding-y);
  padding-left: var(--header-23--nav-sub-sub-sub-item-link--padding-x);
  padding-right: var(--header-23--nav-item-link--padding-x);
  padding-top: var(--header-23--nav-sub-sub-sub-item-link--padding-y);
  text-transform: var(--header-23--nav-sub-sub-sub-item-link--text-transform);
}
.header-23 .nav-sub-sub-sub-item-link:hover {
  background-color: var(--header-23--nav-sub-sub-sub-item-link--background-color-hover);
  color: var(--header-23--nav-sub-sub-sub-item-link--color-hover);
}
.header-23 .nav-sub-sub-sub-item-link.active {
  background-color: var(--header-23--nav-sub-sub-sub-item-link--background-color-active);
  color: var(--header-23--nav-sub-sub-sub-item-link--color-active);
}
.header-23 {
  background-color: var(--header-23--block--background-color);
  border-bottom-color: var(--header-23--block--border-bottom-color);
  border-bottom-width: var(--header-23--block--border-bottom-width);
  border-top-color: var(--header-23--block--border-top-color);
  border-top-width: var(--header-23--block--border-top-width);
  box-shadow: var(--header-23--block--box-shadow);
  padding-bottom: var(--header-23--block--padding-y);
  padding-top: var(--header-23--block--padding-y);
  position: var(--header-23--block--position);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
}
.header-23.scrolled {
  transform: translateY(-105%);
}
.header-23.scrolled-anim-back {
  transform: translateY(0%);
}
.header-23.nav-main-open {
  transform: none;
  transition-duration: 0s;
}
.header-23 .logo img {
  height: var(--header-23--logo--height);
  max-width: var(--header-23--logo--max-width);
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-23 .tippy-box {
  background-color: transparent;
}
@media (max-width: 1023px) {
  .header-23 .nav-handler {
    padding-bottom: var(--header-23--block--padding-y);
    padding-top: var(--header-23--block--padding-y);
  }
  .header-23 .nav-handler-open,
  .header-23 .nav-handler-close {
    background-color: var(--header-23--nav-mobile-icon--background-color);
    border-color: var(--header-23--nav-mobile-icon--border-color);
    border-radius: var(--header-23--nav-mobile-icon--border-radius);
    border-width: var(--header-23--nav-mobile-icon--border-width);
    color: var(--header-23--nav-mobile-icon--color);
  }
  .header-23.nav-main-open .nav-opened-hide {
    opacity: 0;
  }
}
@media (min-width: 1024px) {
  .header-23 .nav-main {
    padding-bottom: var(--header-23--block--padding-y);
    padding-top: var(--header-23--block--padding-y);
  }
  .header-23 .nav-body {
    border-top-color: transparent;
    border-top-width: 0;
  }
  .header-23 .nav-sub-items-wrapper {
    background-color: var(--header-23--nav-sub-items--background-color);
    border-color: var(--header-23--nav-sub-items--border-color);
    border-width: var(--header-23--nav-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--header-23--nav-sub-items--box-shadow);
    left: calc(0rem - var(--header-23--nav-sub-items--offset));
    padding-bottom: var(--header-23--nav-sub-items--padding-y);
    padding-top: var(--header-23--nav-sub-items--padding-y);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-23--nav-item--padding-y) + 2 * var(--header-23--nav-item-link--padding-y));
    white-space: var(--header-23--nav-sub-items--white-space);
  }
  .header-23 .nav-item.big-nav .nav-sub-items-wrapper {
    left: calc(0rem - var(--header-23--nav-items--gap));
    right: calc(0rem - var(--header-23--nav-items--gap));
  }
  .header-23 .nav-right .nav-item .nav-sub-items-wrapper {
    right: calc(0rem - var(--header-23--nav-sub-items--offset));
  }
  .header-23 .nav-stacked .nav-sub-items-wrapper {
    border-top-left-radius: var(--theme--borders--element--border-radius);
    border-top-right-radius: var(--theme--borders--element--border-radius);
  }
  .header-23 .nav-wide .nav-sub-items-wrapper {
    border-top-left-radius: var(--theme--borders--element--border-radius);
    border-top-right-radius: var(--theme--borders--element--border-radius);
    left: 0;
    right: 0;
    min-width: 50vw;
  }
  .header-23 .nav-wide .nav-sub-items {
    gap: var(--header-23--nav-sub-items--grid-gap);
    grid-template-columns: repeat(var(--header-23--nav-sub-items--grid-columns), minmax(0, 1fr));
  }
  .header-23 .nav-columns .nav-sub-sub-items-wrapper,
  .header-23 .nav-columns .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-23--nav-sub-items--background-color);
    border-color: var(--header-23--nav-sub-items--border-color);
    border-width: var(--header-23--nav-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--header-23--nav-sub-items--box-shadow);
  }
  .header-23 .nav-categories.big-nav .nav-sub-item, .header-23 .nav-categories.nav-wide .nav-sub-item,
  .header-23 .nav-item.big-nav .nav-sub-item,
  .header-23 .nav-item.nav-wide .nav-sub-item {
    font-family: var(--header-23--nav-big-sub-item--font-family);
    font-size: var(--header-23--nav-big-sub-item--font-size);
  }
  .header-23 .nav-categories.big-nav .nav-sub-item-link, .header-23 .nav-categories.nav-wide .nav-sub-item-link,
  .header-23 .nav-item.big-nav .nav-sub-item-link,
  .header-23 .nav-item.nav-wide .nav-sub-item-link {
    background-color: var(--header-23--nav-big-sub-item-link--background-color);
    border-radius: var(--header-23--nav-big-sub-item-link--border-radius);
    border-color: var(--header-23--nav-big-sub-item-link--border-color);
    border-width: var(--header-23--nav-big-sub-item-link--border-width);
    color: var(--header-23--nav-big-sub-item-link--color);
    font-weight: var(--header-23--nav-big-sub-item-link--font-weight);
    padding-bottom: var(--header-23--nav-big-sub-item-link--padding-y);
    padding-left: var(--header-23--nav-big-sub-item-link--padding-x);
    padding-right: var(--header-23--nav-big-sub-item-link--padding-x);
    padding-top: var(--header-23--nav-big-sub-item-link--padding-y);
    -webkit-text-decoration: var(--header-23--nav-big-sub-item-link--text-decoration);
            text-decoration: var(--header-23--nav-big-sub-item-link--text-decoration);
    text-transform: var(--header-23--nav-big-sub-item-link--text-transform);
  }
  .header-23 .nav-categories.big-nav .nav-sub-item-link:hover, .header-23 .nav-categories.nav-wide .nav-sub-item-link:hover,
  .header-23 .nav-item.big-nav .nav-sub-item-link:hover,
  .header-23 .nav-item.nav-wide .nav-sub-item-link:hover {
    background-color: var(--header-23--nav-big-sub-item-link--background-color-hover);
    color: var(--header-23--nav-big-sub-item-link--color-hover);
  }
  .header-23 .nav-categories.big-nav .nav-sub-item-link.active, .header-23 .nav-categories.nav-wide .nav-sub-item-link.active,
  .header-23 .nav-item.big-nav .nav-sub-item-link.active,
  .header-23 .nav-item.nav-wide .nav-sub-item-link.active {
    background-color: var(--header-23--nav-big-sub-item-link--background-color-active);
    color: var(--header-23--nav-big-sub-item-link--color-active);
  }
  .header-23 .nav-sub-item-link {
    padding-right: var(--header-23--nav-sub-item-link--padding-x);
  }
  .header-23 .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-23--nav-sub-sub-sub-items--background-color);
    border-color: var(--header-23--nav-sub-sub-sub-items--border-color);
    border-width: var(--header-23--nav-sub-sub-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    box-shadow: var(--header-23--nav-sub-sub-sub-items--box-shadow);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-23--nav-item--padding-y) + 2 * var(--header-23--nav-item-link--padding-y));
  }
  .header-23 .nav-main {
    background-color: transparent;
  }
  .header-23 .nav-sub-items-handler {
    display: block;
    height: auto;
    width: auto;
  }
  .header-23 .nav-sub-items-handler.open > svg {
    --tw-rotate: 0deg;
  }
  .header-23 .nav-sub-items-wrapper {
    overflow: visible;
    border: none;
    box-shadow: none;
    padding-bottom: var(--header-23--nav-sub-items-wrapper--padding-bottom);
    padding-top: var(--header-23--nav-sub-items-wrapper--padding-top);
  }
  .header-23 .nav-sub-items-wrapper:before {
    background-color: var(--header-23--nav-sub-items-wrapper--background-color);
    content: "";
    position: absolute;
    bottom: 0;
    top: var(--header-23--nav-sub-items-wrapper--margin-top);
    left: -100vw;
    right: -100vw;
    z-index: -1;
  }
}