.header-12 {
  background-color: var(--header-12--block--background-color);
  border-bottom-color: var(--header-12--block--border-bottom-color);
  border-bottom-width: var(--header-12--block--border-bottom-width);
  border-top-color: var(--header-12--block--border-top-color);
  border-top-width: var(--header-12--block--border-top-width);
  box-shadow: var(--header-12--block--box-shadow);
  padding-bottom: var(--header-12--block--padding-y);
  padding-top: var(--header-12--block--padding-y);
  position: var(--header-12--block--position);
}
.header-12 .logo img {
  height: var(--header-12--logo--height);
  max-width: var(--header-12--logo--max-width);
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-12 .btn {
  border-radius: var(--header-12--buttons--border-radius);
}
.header-12 .btn-outline {
  background-color: var(--header-12--account-button--background-color);
  border-color: var(--header-12--account-button--border-color);
  border-bottom-width: var(--header-12--account-button--border-bottom-width);
  border-left-width: var(--header-12--account-button--border-left-width);
  border-right-width: var(--header-12--account-button--border-right-width);
  border-top-width: var(--header-12--account-button--border-top-width);
  color: var(--header-12--account-button--color);
  font-weight: var(--header-12--account-button--font-weight);
  padding: var(--header-12--account-button--padding-y) var(--header-12--account-button--padding-x);
}
.header-12 .btn-outline:hover {
  background-color: var(--header-12--account-button--background-color-hover);
  border-color: var(--header-12--account-button--border-color-hover);
  color: var(--header-12--account-button--color-hover);
}
.header-12 .btn-primary {
  background-color: var(--header-12--cart-button--background-color);
  border-color: var(--header-12--cart-button--border-color);
  border-bottom-width: var(--header-12--cart-button--border-bottom-width);
  border-left-width: var(--header-12--cart-button--border-left-width);
  border-right-width: var(--header-12--cart-button--border-right-width);
  border-top-width: var(--header-12--cart-button--border-top-width);
  color: var(--header-12--cart-button--color);
}
.header-12 .btn-primary:hover {
  background-color: var(--header-12--cart-button--background-color-hover);
  border-color: var(--header-12--cart-button--border-color-hover);
  color: var(--header-12--cart-button--color-hover);
}
.header-12 .btn-badge {
  background-color: var(--header-12--cart-button-badge--background-color);
  border-color: var(--header-12--cart-button-badge--border-color);
  color: var(--header-12--cart-button-badge--color);
}
.header-12 .nav-main {
  background-color: var(--header-12--block--background-color);
}
.header-12 .nav-body {
  border-top-color: var(--header-12--nav-body--border-color);
  border-top-width: var(--header-12--nav-body--border-width);
}
.header-12 .nav-body > .container {
  gap: var(--header-12--nav-body--gap);
}
.header-12 .nav-body .legend-sm {
  border-bottom-color: var(--header-12--nav-items-legend--border-color);
  border-bottom-width: var(--header-12--nav-items-legend--border-width);
  color: var(--header-12--nav-items-legend--color);
  font-weight: var(--header-12--nav-items-legend--font-weight);
  padding-left: var(--header-12--nav-items-legend--padding-x);
  padding-right: var(--header-12--nav-items-legend--padding-x);
}
.header-12 .nav {
  gap: var(--header-12--nav-items--gap);
}
.header-12 .nav-item {
  font-family: var(--header-12--nav-item--font-family);
  font-size: var(--header-12--nav-item--font-size);
  padding-bottom: var(--header-12--nav-item--padding-y);
  padding-left: var(--header-12--nav-item--padding-x);
  padding-right: var(--header-12--nav-item--padding-x);
  padding-top: var(--header-12--nav-item--padding-y);
  white-space: var(--header-12--nav-item--white-space);
}
.header-12 .nav-item-name {
  white-space: var(--header-12--nav-item--white-space);
}
.header-12 .nav-item-link {
  background-color: var(--header-12--nav-item-link--background-color);
  border-radius: var(--header-12--nav-item-link--border-radius);
  border-color: var(--header-12--nav-item-link--border-color);
  border-width: var(--header-12--nav-item-link--border-width);
  color: var(--header-12--nav-item-link--color);
  font-weight: var(--header-12--nav-item-link--font-weight);
  gap: var(--header-12--nav-item-link--gap);
  padding-bottom: var(--header-12--nav-item-link--padding-y);
  padding-left: var(--header-12--nav-item-link--padding-x);
  padding-right: var(--header-12--nav-item-link--padding-x);
  padding-top: var(--header-12--nav-item-link--padding-y);
  text-transform: var(--header-12--nav-item-link--text-transform);
}
.header-12 .nav-item-link:hover {
  background-color: var(--header-12--nav-item-link--background-color-hover);
  color: var(--header-12--nav-item-link--color-hover);
}
.header-12 .nav-item-link.active {
  background-color: var(--header-12--nav-item-link--background-color-active);
  color: var(--header-12--nav-item-link--color-active);
  font-weight: var(--header-12--nav-item-link-active--font-weight);
}
.header-12 .nav-sub-items-handler {
  color: var(--header-12--nav-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-12 .nav-sub-items-handler:hover {
  color: var(--header-12--nav-sub-items-arrow--color-hover);
}
.header-12 .nav-sub-items-wrapper {
  gap: var(--header-12--nav-sub-items--gap);
}
.header-12 .nav-sub-items-wrapper .nav-sub-item-name {
  white-space: var(--header-12--nav-item--white-space);
}
.header-12 .nav-sub-item {
  font-family: var(--header-12--nav-sub-item--font-family);
  font-size: var(--header-12--nav-sub-item--font-size);
  padding-bottom: var(--header-12--nav-sub-item--padding-y);
  padding-left: var(--header-12--nav-sub-item--padding-x);
  padding-right: var(--header-12--nav-sub-item--padding-x);
  padding-top: var(--header-12--nav-sub-item--padding-y);
}
.header-12 .nav-sub-item-link {
  background-color: var(--header-12--nav-sub-item-link--background-color);
  border-radius: var(--header-12--nav-sub-item-link--border-radius);
  border-color: var(--header-12--nav-sub-item-link--border-color);
  border-width: var(--header-12--nav-sub-item-link--border-width);
  color: var(--header-12--nav-sub-item-link--color);
  font-weight: var(--header-12--nav-sub-item-link--font-weight);
  gap: var(--header-12--nav-sub-item-link--gap);
  padding-bottom: var(--header-12--nav-sub-item-link--padding-y);
  padding-left: var(--header-12--nav-sub-item-link--padding-x);
  padding-right: var(--header-12--nav-item-link--padding-x);
  padding-top: var(--header-12--nav-sub-item-link--padding-y);
  text-transform: var(--header-12--nav-sub-item-link--text-transform);
}
.header-12 .nav-sub-item-link:hover {
  background-color: var(--header-12--nav-sub-item-link--background-color-hover);
  color: var(--header-12--nav-sub-item-link--color-hover);
}
.header-12 .nav-sub-item-link.active {
  background-color: var(--header-12--nav-sub-item-link--background-color-active);
  color: var(--header-12--nav-sub-item-link--color-active);
}
.header-12 .nav-sub-sub-items-handler {
  color: var(--header-12--nav-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-12 .nav-sub-sub-items-handler:hover {
  color: var(--header-12--nav-sub-sub-items-arrow--color-hover);
}
.header-12 .nav-sub-sub-items-wrapper {
  gap: var(--header-12--nav-sub-sub-items--gap);
}
.header-12 .nav-sub-sub-item {
  font-family: var(--header-12--nav-sub-sub-item--font-family);
  font-size: var(--header-12--nav-sub-sub-item--font-size);
  padding-bottom: var(--header-12--nav-sub-sub-item--padding-y);
  padding-left: var(--header-12--nav-sub-sub-item--padding-x);
  padding-right: var(--header-12--nav-sub-sub-item--padding-x);
  padding-top: var(--header-12--nav-sub-sub-item--padding-y);
}
.header-12 .nav-sub-sub-item-link {
  background-color: var(--header-12--nav-sub-sub-item-link--background-color);
  border-radius: var(--header-12--nav-sub-sub-item-link--border-radius);
  border-color: var(--header-12--nav-sub-sub-item-link--border-color);
  border-width: var(--header-12--nav-sub-sub-item-link--border-width);
  color: var(--header-12--nav-sub-sub-item-link--color);
  font-weight: var(--header-12--nav-sub-sub-item-link--font-weight);
  gap: var(--header-12--nav-sub-sub-item-link--gap);
  padding-bottom: var(--header-12--nav-sub-sub-item-link--padding-y);
  padding-left: var(--header-12--nav-sub-sub-item-link--padding-x);
  padding-right: var(--header-12--nav-item-link--padding-x);
  padding-top: var(--header-12--nav-sub-sub-item-link--padding-y);
  text-transform: var(--header-12--nav-sub-sub-item-link--text-transform);
}
.header-12 .nav-sub-sub-item-link:hover {
  background-color: var(--header-12--nav-sub-sub-item-link--background-color-hover);
  color: var(--header-12--nav-sub-sub-item-link--color-hover);
}
.header-12 .nav-sub-sub-item-link.active {
  background-color: var(--header-12--nav-sub-sub-item-link--background-color-active);
  color: var(--header-12--nav-sub-sub-item-link--color-active);
}
.header-12 .nav-sub-sub-sub-items-handler {
  color: var(--header-12--nav-sub-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-12 .nav-sub-sub-sub-items-handler:hover {
  color: var(--header-12--nav-sub-sub-sub-items-arrow--color-hover);
}
.header-12 .nav-sub-sub-sub-items-wrapper {
  gap: var(--header-12--nav-sub-sub-sub-items--gap);
}
.header-12 .nav-sub-sub-sub-item {
  font-family: var(--header-12--nav-sub-sub-sub-item--font-family);
  font-size: var(--header-12--nav-sub-sub-sub-item--font-size);
  padding-bottom: var(--header-12--nav-sub-sub-sub-item--padding-y);
  padding-left: var(--header-12--nav-sub-sub-sub-item--padding-x);
  padding-right: var(--header-12--nav-sub-sub-sub-item--padding-x);
  padding-top: var(--header-12--nav-sub-sub-sub-item--padding-y);
}
.header-12 .nav-sub-sub-sub-item-link {
  background-color: var(--header-12--nav-sub-sub-sub-item-link--background-color);
  border-radius: var(--header-12--nav-sub-sub-sub-item-link--border-radius);
  border-color: var(--header-12--nav-sub-sub-sub-item-link--border-color);
  border-width: var(--header-12--nav-sub-sub-sub-item-link--border-width);
  color: var(--header-12--nav-sub-sub-sub-item-link--color);
  font-weight: var(--header-12--nav-sub-sub-sub-item-link--font-weight);
  gap: var(--header-12--nav-sub-sub-sub-item-link--gap);
  padding-bottom: var(--header-12--nav-sub-sub-sub-item-link--padding-y);
  padding-left: var(--header-12--nav-sub-sub-sub-item-link--padding-x);
  padding-right: var(--header-12--nav-item-link--padding-x);
  padding-top: var(--header-12--nav-sub-sub-sub-item-link--padding-y);
  text-transform: var(--header-12--nav-sub-sub-sub-item-link--text-transform);
}
.header-12 .nav-sub-sub-sub-item-link:hover {
  background-color: var(--header-12--nav-sub-sub-sub-item-link--background-color-hover);
  color: var(--header-12--nav-sub-sub-sub-item-link--color-hover);
}
.header-12 .nav-sub-sub-sub-item-link.active {
  background-color: var(--header-12--nav-sub-sub-sub-item-link--background-color-active);
  color: var(--header-12--nav-sub-sub-sub-item-link--color-active);
}
.header-12 .search-input-group.input-group .search-input.form-control {
  background-color: var(--header-12--search--background-color);
  border-color: var(--header-12--search--border-color);
  border-bottom-width: var(--header-12--search--border-bottom-width);
  border-left-width: var(--header-12--search--border-left-width);
  border-right-width: var(--header-12--search--border-right-width);
  border-top-width: var(--header-12--search--border-top-width);
  border-radius: var(--header-12--search--border-radius);
  box-shadow: var(--header-12--search--box-shadow);
  color: var(--header-12--search--color);
  height: var(--header-12--search--height);
  padding-left: var(--header-12--search--icon-width);
  padding-right: var(--header-12--search--icon-width);
}
.header-12 .search-input-group.input-group .search-input.form-control:focus {
  background-color: var(--header-12--search--background-color-focus);
  border-color: var(--header-12--search--border-color-focus);
}
.header-12 .search-input-group.input-group .input-group-prepend,
.header-12 .search-input-group.input-group .input-group-append {
  height: var(--header-12--search--height);
  width: var(--header-12--search--icon-width);
}

@media (max-width: 1023px) {
  .header-12 .account-button {
    position: absolute;
    top: -3.2rem;
    right: 3rem;
  }
  .header-12 .shopping-cart-trigger {
    position: absolute;
    top: -3.2rem;
    right: 0rem;
  }
  .header-12 .nav-handler {
    padding-bottom: var(--header-12--block--padding-y);
    padding-top: var(--header-12--block--padding-y);
  }
  .header-12 .nav-handler-open,
  .header-12 .nav-handler-close {
    background-color: var(--header-12--nav-mobile-icon--background-color);
    border-color: var(--header-12--nav-mobile-icon--border-color);
    border-radius: var(--header-12--nav-mobile-icon--border-radius);
    border-width: var(--header-12--nav-mobile-icon--border-width);
    color: var(--header-12--nav-mobile-icon--color);
  }
  .header-12 .nav-main {
    background-color: var(--header-12--nav-main--background-color);
  }
  .header-12.nav-main-open .nav-main {
    background-color: var(--header-12--nav-main-open--background-color);
  }
  .header-12.nav-main-open .nav-pages .nav-sub-item-link {
    padding: var(--header-12--nav-sub-sub-item-link--padding-y) var(--header-12--nav-item-link--padding-x) var(--header-12--nav-sub-sub-item-link--padding-y) var(--header-12--nav-sub-sub-item-link--padding-x);
  }
  .header-12 .nav-pages .nav-sub-sub-items-handler,
  .header-12 .nav-pages .nav-sub-sub-items-wrapper.open {
    display: var(--header-12--nav-sub-sub-pages--display);
  }
}
@media (min-width: 1024px) {
  .header-12 .nav-main {
    padding-bottom: var(--header-12--block--padding-y);
    padding-top: var(--header-12--block--padding-y);
  }
  .header-12 .nav-body {
    border-top-color: transparent;
    border-top-width: 0;
  }
  .header-12 .nav-sub-items-wrapper {
    background-color: var(--header-12--nav-sub-items--background-color);
    border-color: var(--header-12--nav-sub-items--border-color);
    border-width: var(--header-12--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-12--nav-sub-items--box-shadow);
    left: calc(0rem - var(--header-12--nav-sub-items--offset));
    padding-bottom: var(--header-12--nav-sub-items--padding-y);
    padding-top: var(--header-12--nav-sub-items--padding-y);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-12--nav-item--padding-y) + 2 * var(--header-12--nav-item-link--padding-y));
    white-space: var(--header-12--nav-sub-items--white-space);
  }
  .header-12 .nav-item.big-nav .nav-sub-items-wrapper {
    left: calc(0rem - var(--header-12--nav-items--gap));
    right: calc(0rem - var(--header-12--nav-items--gap));
  }
  .header-12 .nav-right .nav-item .nav-sub-items-wrapper {
    right: calc(0rem - var(--header-12--nav-sub-items--offset));
  }
  .header-12 .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-12 .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-12 .nav-wide .nav-sub-items {
    gap: var(--header-12--nav-sub-items--gap);
    grid-template-columns: var(--header-12--nav-sub-items--grid-template-columns);
  }
  .header-12 .nav-columns .nav-sub-sub-items-wrapper,
  .header-12 .nav-columns .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-12--nav-sub-items--background-color);
    border-color: var(--header-12--nav-sub-items--border-color);
    border-width: var(--header-12--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-12--nav-sub-items--box-shadow);
  }
  .header-12 .nav-categories.big-nav .nav-sub-item, .header-12 .nav-categories.nav-wide .nav-sub-item,
  .header-12 .nav-item.big-nav .nav-sub-item,
  .header-12 .nav-item.nav-wide .nav-sub-item {
    font-family: var(--header-12--nav-big-sub-item--font-family);
    font-size: var(--header-12--nav-big-sub-item--font-size);
  }
  .header-12 .nav-categories.big-nav .nav-sub-item-link, .header-12 .nav-categories.nav-wide .nav-sub-item-link,
  .header-12 .nav-item.big-nav .nav-sub-item-link,
  .header-12 .nav-item.nav-wide .nav-sub-item-link {
    background-color: var(--header-12--nav-big-sub-item-link--background-color);
    border-radius: var(--header-12--nav-big-sub-item-link--border-radius);
    border-color: var(--header-12--nav-big-sub-item-link--border-color);
    border-width: var(--header-12--nav-big-sub-item-link--border-width);
    color: var(--header-12--nav-big-sub-item-link--color);
    font-weight: var(--header-12--nav-big-sub-item-link--font-weight);
    padding-bottom: var(--header-12--nav-big-sub-item-link--padding-y);
    padding-left: var(--header-12--nav-big-sub-item-link--padding-x);
    padding-right: var(--header-12--nav-big-sub-item-link--padding-x);
    padding-top: var(--header-12--nav-big-sub-item-link--padding-y);
    -webkit-text-decoration: var(--header-12--nav-big-sub-item-link--text-decoration);
            text-decoration: var(--header-12--nav-big-sub-item-link--text-decoration);
    text-transform: var(--header-12--nav-big-sub-item-link--text-transform);
  }
  .header-12 .nav-categories.big-nav .nav-sub-item-link:hover, .header-12 .nav-categories.nav-wide .nav-sub-item-link:hover,
  .header-12 .nav-item.big-nav .nav-sub-item-link:hover,
  .header-12 .nav-item.nav-wide .nav-sub-item-link:hover {
    background-color: var(--header-12--nav-big-sub-item-link--background-color-hover);
    color: var(--header-12--nav-big-sub-item-link--color-hover);
  }
  .header-12 .nav-categories.big-nav .nav-sub-item-link.active, .header-12 .nav-categories.nav-wide .nav-sub-item-link.active,
  .header-12 .nav-item.big-nav .nav-sub-item-link.active,
  .header-12 .nav-item.nav-wide .nav-sub-item-link.active {
    background-color: var(--header-12--nav-big-sub-item-link--background-color-active);
    color: var(--header-12--nav-big-sub-item-link--color-active);
  }
  .header-12 .nav-sub-item-link {
    padding-right: var(--header-12--nav-sub-item-link--padding-x);
  }
  .header-12 .nav-sub-sub-sub-items-wrapper {
    background-color: var(--header-12--nav-sub-sub-sub-items--background-color);
    border-color: var(--header-12--nav-sub-sub-sub-items--border-color);
    border-width: var(--header-12--nav-sub-sub-sub-items--border-width);
    border-radius: var(--theme--borders--element--border-radius);
    box-shadow: var(--header-12--nav-sub-sub-sub-items--box-shadow);
    top: calc(var(--elements--body-text--body--line-height) + 2 * var(--header-12--nav-item--padding-y) + 2 * var(--header-12--nav-item-link--padding-y));
  }
  .header-12 .nav-wide .nav-sub-items {
    grid-template-columns: var(--header-12--nav-big-menu--grid-template-columns);
  }
  .header-12 .nav-body > .container {
    gap: var(--header-12--nav-items--gap);
  }
  .header-12 .nav-pages .nav-item .nav-sub-items-wrapper {
    overflow: visible;
  }
  .header-12 .nav-pages .nav-sub-item.has-sub-sub-items {
    position: relative;
  }
  .header-12 .nav-pages .nav-sub-item:hover .nav-sub-sub-items-wrapper {
    display: var(--header-12--nav-sub-sub-pages--display);
  }
  .header-12 .nav-pages .nav-sub-sub-items-wrapper {
    position: absolute;
    left: 100%;
    top: 0px;
    background-color: var(--header-12--nav-sub-sub-items--background-color);
    border-color: var(--header-12--nav-sub-sub-items--border-color);
    border-width: var(--header-12--nav-sub-sub-items--border-width);
    border-radius: var(--header-12--nav-sub-sub-items--border-radius);
    box-shadow: var(--header-12--nav-sub-sub-items--box-shadow);
    padding-bottom: var(--header-12--nav-sub-sub-items--padding-y);
    padding-top: var(--header-12--nav-sub-sub-items--padding-y);
  }
  .header-12 .nav-pages .nav-sub-sub-item {
    padding-left: var(--header-12--nav-sub-item--padding-x);
    padding-right: var(--header-12--nav-sub-item--padding-x);
  }
}