.header-24 .btn {
  border-radius: var(--header-24--buttons--border-radius);
}
.header-24 .btn-outline {
  background-color: var(--header-24--account-button--background-color);
  border-color: var(--header-24--account-button--border-color);
  border-bottom-width: var(--header-24--account-button--border-bottom-width);
  border-left-width: var(--header-24--account-button--border-left-width);
  border-right-width: var(--header-24--account-button--border-right-width);
  border-top-width: var(--header-24--account-button--border-top-width);
  color: var(--header-24--account-button--color);
  font-weight: var(--header-24--account-button--font-weight);
  padding: var(--header-24--account-button--padding-y) var(--header-24--account-button--padding-x);
}
.header-24 .btn-outline:hover {
  background-color: var(--header-24--account-button--background-color-hover);
  border-color: var(--header-24--account-button--border-color-hover);
  color: var(--header-24--account-button--color-hover);
}
.header-24 .btn-primary {
  background-color: var(--header-24--cart-button--background-color);
  border-color: var(--header-24--cart-button--border-color);
  border-bottom-width: var(--header-24--cart-button--border-bottom-width);
  border-left-width: var(--header-24--cart-button--border-left-width);
  border-right-width: var(--header-24--cart-button--border-right-width);
  border-top-width: var(--header-24--cart-button--border-top-width);
  color: var(--header-24--cart-button--color);
}
.header-24 .btn-primary:hover {
  background-color: var(--header-24--cart-button--background-color-hover);
  border-color: var(--header-24--cart-button--border-color-hover);
  color: var(--header-24--cart-button--color-hover);
}
.header-24 .btn-badge {
  background-color: var(--header-24--cart-button-badge--background-color);
  border-color: var(--header-24--cart-button-badge--border-color);
  color: var(--header-24--cart-button-badge--color);
}
.header-24 .nav-main {
  background-color: var(--header-24--block--background-color);
}
.header-24 .nav-body {
  border-top-color: var(--header-24--nav-body--border-color);
  border-top-width: var(--header-24--nav-body--border-width);
}
.header-24 .nav-body > .container {
  gap: var(--header-24--nav-body--gap);
}
.header-24 .nav-body .legend-sm {
  border-bottom-color: var(--header-24--nav-items-legend--border-color);
  border-bottom-width: var(--header-24--nav-items-legend--border-width);
  color: var(--header-24--nav-items-legend--color);
  font-weight: var(--header-24--nav-items-legend--font-weight);
  padding-left: var(--header-24--nav-items-legend--padding-x);
  padding-right: var(--header-24--nav-items-legend--padding-x);
}
.header-24 .nav {
  gap: var(--header-24--nav-items--gap);
}
.header-24 .nav-item {
  font-family: var(--header-24--nav-item--font-family);
  font-size: var(--header-24--nav-item--font-size);
  padding-bottom: var(--header-24--nav-item--padding-y);
  padding-left: var(--header-24--nav-item--padding-x);
  padding-right: var(--header-24--nav-item--padding-x);
  padding-top: var(--header-24--nav-item--padding-y);
  white-space: var(--header-24--nav-item--white-space);
}
.header-24 .nav-item-name {
  white-space: var(--header-24--nav-item--white-space);
}
.header-24 .nav-item-link {
  background-color: var(--header-24--nav-item-link--background-color);
  border-radius: var(--header-24--nav-item-link--border-radius);
  border-color: var(--header-24--nav-item-link--border-color);
  border-width: var(--header-24--nav-item-link--border-width);
  color: var(--header-24--nav-item-link--color);
  font-weight: var(--header-24--nav-item-link--font-weight);
  gap: var(--header-24--nav-item-link--gap);
  padding-bottom: var(--header-24--nav-item-link--padding-y);
  padding-left: var(--header-24--nav-item-link--padding-x);
  padding-right: var(--header-24--nav-item-link--padding-x);
  padding-top: var(--header-24--nav-item-link--padding-y);
  text-transform: var(--header-24--nav-item-link--text-transform);
}
.header-24 .nav-item-link:hover {
  background-color: var(--header-24--nav-item-link--background-color-hover);
  color: var(--header-24--nav-item-link--color-hover);
}
.header-24 .nav-item-link.active {
  background-color: var(--header-24--nav-item-link--background-color-active);
  color: var(--header-24--nav-item-link--color-active);
  font-weight: var(--header-24--nav-item-link-active--font-weight);
}
.header-24 .nav-sub-items-handler {
  color: var(--header-24--nav-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-24 .nav-sub-items-handler:hover {
  color: var(--header-24--nav-sub-items-arrow--color-hover);
}
.header-24 .nav-sub-items-wrapper {
  gap: var(--header-24--nav-sub-items--gap);
}
.header-24 .nav-sub-items-wrapper .nav-sub-item-name {
  white-space: var(--header-24--nav-item--white-space);
}
.header-24 .nav-sub-item {
  font-family: var(--header-24--nav-sub-item--font-family);
  font-size: var(--header-24--nav-sub-item--font-size);
  padding-bottom: var(--header-24--nav-sub-item--padding-y);
  padding-left: var(--header-24--nav-sub-item--padding-x);
  padding-right: var(--header-24--nav-sub-item--padding-x);
  padding-top: var(--header-24--nav-sub-item--padding-y);
}
.header-24 .nav-sub-item-link {
  background-color: var(--header-24--nav-sub-item-link--background-color);
  border-radius: var(--header-24--nav-sub-item-link--border-radius);
  border-color: var(--header-24--nav-sub-item-link--border-color);
  border-width: var(--header-24--nav-sub-item-link--border-width);
  color: var(--header-24--nav-sub-item-link--color);
  font-weight: var(--header-24--nav-sub-item-link--font-weight);
  gap: var(--header-24--nav-sub-item-link--gap);
  padding-bottom: var(--header-24--nav-sub-item-link--padding-y);
  padding-left: var(--header-24--nav-sub-item-link--padding-x);
  padding-right: var(--header-24--nav-item-link--padding-x);
  padding-top: var(--header-24--nav-sub-item-link--padding-y);
  text-transform: var(--header-24--nav-sub-item-link--text-transform);
}
.header-24 .nav-sub-item-link:hover {
  background-color: var(--header-24--nav-sub-item-link--background-color-hover);
  color: var(--header-24--nav-sub-item-link--color-hover);
}
.header-24 .nav-sub-item-link.active {
  background-color: var(--header-24--nav-sub-item-link--background-color-active);
  color: var(--header-24--nav-sub-item-link--color-active);
}
.header-24 .nav-sub-sub-items-handler {
  color: var(--header-24--nav-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-24 .nav-sub-sub-items-handler:hover {
  color: var(--header-24--nav-sub-sub-items-arrow--color-hover);
}
.header-24 .nav-sub-sub-items-wrapper {
  gap: var(--header-24--nav-sub-sub-items--gap);
}
.header-24 .nav-sub-sub-item {
  font-family: var(--header-24--nav-sub-sub-item--font-family);
  font-size: var(--header-24--nav-sub-sub-item--font-size);
  padding-bottom: var(--header-24--nav-sub-sub-item--padding-y);
  padding-left: var(--header-24--nav-sub-sub-item--padding-x);
  padding-right: var(--header-24--nav-sub-sub-item--padding-x);
  padding-top: var(--header-24--nav-sub-sub-item--padding-y);
}
.header-24 .nav-sub-sub-item-link {
  background-color: var(--header-24--nav-sub-sub-item-link--background-color);
  border-radius: var(--header-24--nav-sub-sub-item-link--border-radius);
  border-color: var(--header-24--nav-sub-sub-item-link--border-color);
  border-width: var(--header-24--nav-sub-sub-item-link--border-width);
  color: var(--header-24--nav-sub-sub-item-link--color);
  font-weight: var(--header-24--nav-sub-sub-item-link--font-weight);
  gap: var(--header-24--nav-sub-sub-item-link--gap);
  padding-bottom: var(--header-24--nav-sub-sub-item-link--padding-y);
  padding-left: var(--header-24--nav-sub-sub-item-link--padding-x);
  padding-right: var(--header-24--nav-item-link--padding-x);
  padding-top: var(--header-24--nav-sub-sub-item-link--padding-y);
  text-transform: var(--header-24--nav-sub-sub-item-link--text-transform);
}
.header-24 .nav-sub-sub-item-link:hover {
  background-color: var(--header-24--nav-sub-sub-item-link--background-color-hover);
  color: var(--header-24--nav-sub-sub-item-link--color-hover);
}
.header-24 .nav-sub-sub-item-link.active {
  background-color: var(--header-24--nav-sub-sub-item-link--background-color-active);
  color: var(--header-24--nav-sub-sub-item-link--color-active);
}
.header-24 .nav-sub-sub-sub-items-handler {
  color: var(--header-24--nav-sub-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-24 .nav-sub-sub-sub-items-handler:hover {
  color: var(--header-24--nav-sub-sub-sub-items-arrow--color-hover);
}
.header-24 .nav-sub-sub-sub-items-wrapper {
  gap: var(--header-24--nav-sub-sub-sub-items--gap);
}
.header-24 .nav-sub-sub-sub-item {
  font-family: var(--header-24--nav-sub-sub-sub-item--font-family);
  font-size: var(--header-24--nav-sub-sub-sub-item--font-size);
  padding-bottom: var(--header-24--nav-sub-sub-sub-item--padding-y);
  padding-left: var(--header-24--nav-sub-sub-sub-item--padding-x);
  padding-right: var(--header-24--nav-sub-sub-sub-item--padding-x);
  padding-top: var(--header-24--nav-sub-sub-sub-item--padding-y);
}
.header-24 .nav-sub-sub-sub-item-link {
  background-color: var(--header-24--nav-sub-sub-sub-item-link--background-color);
  border-radius: var(--header-24--nav-sub-sub-sub-item-link--border-radius);
  border-color: var(--header-24--nav-sub-sub-sub-item-link--border-color);
  border-width: var(--header-24--nav-sub-sub-sub-item-link--border-width);
  color: var(--header-24--nav-sub-sub-sub-item-link--color);
  font-weight: var(--header-24--nav-sub-sub-sub-item-link--font-weight);
  gap: var(--header-24--nav-sub-sub-sub-item-link--gap);
  padding-bottom: var(--header-24--nav-sub-sub-sub-item-link--padding-y);
  padding-left: var(--header-24--nav-sub-sub-sub-item-link--padding-x);
  padding-right: var(--header-24--nav-item-link--padding-x);
  padding-top: var(--header-24--nav-sub-sub-sub-item-link--padding-y);
  text-transform: var(--header-24--nav-sub-sub-sub-item-link--text-transform);
}
.header-24 .nav-sub-sub-sub-item-link:hover {
  background-color: var(--header-24--nav-sub-sub-sub-item-link--background-color-hover);
  color: var(--header-24--nav-sub-sub-sub-item-link--color-hover);
}
.header-24 .nav-sub-sub-sub-item-link.active {
  background-color: var(--header-24--nav-sub-sub-sub-item-link--background-color-active);
  color: var(--header-24--nav-sub-sub-sub-item-link--color-active);
}
.header-24 {
  background-color: var(--header-24--block--background-color);
  border-bottom-color: var(--header-24--block--border-bottom-color);
  border-bottom-width: var(--header-24--block--border-bottom-width);
  border-bottom-style: solid;
  padding-bottom: var(--header-24--block--padding-y);
  padding-top: var(--header-24--block--padding-y);
}
.header-24 .logo img {
  height: var(--header-24--logo--height);
  max-width: var(--header-24--logo--max-width);
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-24 .header-24-search {
  width: var(--header-24--search--width);
}
.header-24 .search-input-group {
  background-color: var(--header-24--search--background-color);
  border-color: var(--header-24--search--border-color);
  border-style: solid;
  border-bottom-width: var(--header-24--search--border-bottom-width);
  border-left-width: var(--header-24--search--border-left-width);
  border-right-width: var(--header-24--search--border-right-width);
  border-top-width: var(--header-24--search--border-top-width);
  border-radius: var(--header-24--search--border-radius);
  box-shadow: var(--header-24--search--box-shadow);
  padding: 0;
}
.header-24 .search-input-group .search-input.form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: var(--header-24--search--height);
  line-height: normal;
  color: var(--header-24--search--color);
  padding-top: var(--header-24--search--padding-top);
  padding-bottom: var(--header-24--search--padding-bottom);
  padding-left: var(--header-24--search--padding-left);
  padding-right: calc(var(--header-24--search-button--size) + var(--header-24--search--padding-right) + var(--header-24--search--padding-right));
}
.header-24 .search-input-group .search-input.form-control:focus {
  background-color: transparent;
  border: none;
}
.header-24 .search-form .search-input-group .input-group-append {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  right: var(--header-24--search--padding-right);
  background-color: var(--header-24--search-button--background-color);
  color: var(--header-24--search-button--color);
  border-radius: var(--header-24--search-button--border-radius);
  width: var(--header-24--search-button--size);
  height: var(--header-24--search-button--size);
  cursor: pointer;
}
.header-24 .search-form .search-input-group .input-group-append:hover {
  background-color: var(--header-24--search-button-hover--background-color);
  color: var(--header-24--search-button-hover--color);
}
.header-24 .search-input-group .input-group-prepend {
  height: var(--header-24--search--height);
  width: 0;
  padding: 0;
  overflow: hidden;
}
.header-24 .tippy-box {
  background-color: transparent;
}
.header-24 .tippy-content {
  padding: 0;
}

@media (max-width: 1023px) {
  .header-24 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-24 > .container {
    padding-top: var(--header-24--block--padding-y);
    padding-bottom: var(--header-24--block--padding-y);
  }
  .header-24 .nav-handler {
    padding-bottom: var(--header-24--block--padding-y);
    padding-top: var(--header-24--block--padding-y);
  }
  .header-24 .nav-handler-open,
  .header-24 .nav-handler-close {
    background-color: var(--header-24--nav-mobile-icon--background-color);
    border-color: var(--header-24--nav-mobile-icon--border-color);
    border-radius: var(--header-24--nav-mobile-icon--border-radius);
    border-width: var(--header-24--nav-mobile-icon--border-width);
    color: var(--header-24--nav-mobile-icon--color);
  }
  .header-24.nav-main-open .nav-opened-hide {
    opacity: 0;
  }
  .header-24 .nav-header .logo {
    min-width: 0;
    overflow: hidden;
  }
  .header-24 .nav-main .nav-handler-close {
    display: flex;
    flex-shrink: 0;
  }
  .header-24 .nav-main .nav-body > .container {
    gap: var(--header-24--nav-body--gap);
  }
  .header-24 .header-24-search-mobile {
    padding-top: var(--header-24--search-mobile--padding-y);
    padding-bottom: var(--header-24--search-mobile--padding-y);
    padding-left: var(--theme--spacing--grid--margin);
    padding-right: var(--theme--spacing--grid--margin);
    border-bottom: var(--header-24--block--border-bottom-width) solid var(--header-24--block--border-bottom-color);
  }
  .header-24 .nav-body .legend-sm {
    padding-left: var(--header-24--nav-item-link--padding-x);
    padding-right: var(--header-24--nav-item-link--padding-x);
  }
  .header-24 .nav-language {
    padding: 0 var(--header-24--nav-item-link--padding-x);
  }
  .header-24 .nav-categories {
    padding-top: var(--header-24--nav-categories--padding-top);
  }
  .header-24 .nav-categories .nav-sub-item-link {
    padding-left: var(--header-24--nav-categories-sub-item--padding-left);
  }
  .header-24 .nav-categories .nav-sub-sub-item-link {
    padding-left: var(--header-24--nav-categories-sub-sub-item--padding-left);
  }
}
@media (min-width: 1024px) {
  .header-24 .nav-main {
    padding-bottom: var(--header-24--block--padding-y);
    padding-top: var(--header-24--block--padding-y);
  }
  .header-24 .nav-body {
    border-top-color: transparent;
    border-top-width: 0;
  }
  .header-24 .nav-sub-items-wrapper {
    background-color: var(--header-24--nav-sub-items--background-color);
    border-color: var(--header-24--nav-sub-items--border-color);
    border-width: var(--header-24--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-24--nav-sub-items--box-shadow);
    left: calc(0rem - var(--header-24--nav-sub-items--offset));
    padding-bottom: var(--header-24--nav-sub-items--padding-y);
    padding-top: var(--header-24--nav-sub-items--padding-y);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-24--nav-item--padding-y) + 2 * var(--header-24--nav-item-link--padding-y));
    white-space: var(--header-24--nav-sub-items--white-space);
  }
  .header-24 .nav-item.big-nav .nav-sub-items-wrapper {
    left: calc(0rem - var(--header-24--nav-items--gap));
    right: calc(0rem - var(--header-24--nav-items--gap));
  }
  .header-24 .nav-right .nav-item .nav-sub-items-wrapper {
    right: calc(0rem - var(--header-24--nav-sub-items--offset));
  }
  .header-24 .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-24 .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-24 .nav-wide .nav-sub-items {
    gap: var(--header-24--nav-sub-items--gap);
    grid-template-columns: var(--header-24--nav-sub-items--grid-template-columns);
  }
  .header-24 .nav-columns .nav-sub-sub-items-wrapper,
  .header-24 .nav-columns .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-24--nav-sub-items--background-color);
    border-color: var(--header-24--nav-sub-items--border-color);
    border-width: var(--header-24--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-24--nav-sub-items--box-shadow);
  }
  .header-24 .nav-categories.big-nav .nav-sub-item, .header-24 .nav-categories.nav-wide .nav-sub-item,
  .header-24 .nav-item.big-nav .nav-sub-item,
  .header-24 .nav-item.nav-wide .nav-sub-item {
    font-family: var(--header-24--nav-big-sub-item--font-family);
    font-size: var(--header-24--nav-big-sub-item--font-size);
  }
  .header-24 .nav-categories.big-nav .nav-sub-item-link, .header-24 .nav-categories.nav-wide .nav-sub-item-link,
  .header-24 .nav-item.big-nav .nav-sub-item-link,
  .header-24 .nav-item.nav-wide .nav-sub-item-link {
    background-color: var(--header-24--nav-big-sub-item-link--background-color);
    border-radius: var(--header-24--nav-big-sub-item-link--border-radius);
    border-color: var(--header-24--nav-big-sub-item-link--border-color);
    border-width: var(--header-24--nav-big-sub-item-link--border-width);
    color: var(--header-24--nav-big-sub-item-link--color);
    font-weight: var(--header-24--nav-big-sub-item-link--font-weight);
    padding-bottom: var(--header-24--nav-big-sub-item-link--padding-y);
    padding-left: var(--header-24--nav-big-sub-item-link--padding-x);
    padding-right: var(--header-24--nav-big-sub-item-link--padding-x);
    padding-top: var(--header-24--nav-big-sub-item-link--padding-y);
    -webkit-text-decoration: var(--header-24--nav-big-sub-item-link--text-decoration);
            text-decoration: var(--header-24--nav-big-sub-item-link--text-decoration);
    text-transform: var(--header-24--nav-big-sub-item-link--text-transform);
  }
  .header-24 .nav-categories.big-nav .nav-sub-item-link:hover, .header-24 .nav-categories.nav-wide .nav-sub-item-link:hover,
  .header-24 .nav-item.big-nav .nav-sub-item-link:hover,
  .header-24 .nav-item.nav-wide .nav-sub-item-link:hover {
    background-color: var(--header-24--nav-big-sub-item-link--background-color-hover);
    color: var(--header-24--nav-big-sub-item-link--color-hover);
  }
  .header-24 .nav-categories.big-nav .nav-sub-item-link.active, .header-24 .nav-categories.nav-wide .nav-sub-item-link.active,
  .header-24 .nav-item.big-nav .nav-sub-item-link.active,
  .header-24 .nav-item.nav-wide .nav-sub-item-link.active {
    background-color: var(--header-24--nav-big-sub-item-link--background-color-active);
    color: var(--header-24--nav-big-sub-item-link--color-active);
  }
  .header-24 .nav-sub-item-link {
    padding-right: var(--header-24--nav-sub-item-link--padding-x);
  }
  .header-24 .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-24--nav-sub-sub-sub-items--background-color);
    border-color: var(--header-24--nav-sub-sub-sub-items--border-color);
    border-width: var(--header-24--nav-sub-sub-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    box-shadow: var(--header-24--nav-sub-sub-sub-items--box-shadow);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-24--nav-item--padding-y) + 2 * var(--header-24--nav-item-link--padding-y));
  }
  .header-24 .nav-main {
    background-color: transparent;
  }
  .header-24 .search-form .search-input-group .input-group-append {
    height: var(--header-24--search-button--size);
    width: var(--header-24--search-button--size);
  }
}