.header-27 {
  background-color: var(--header-27--block--background-color);
  border-bottom-color: var(--header-27--block--border-bottom-color);
  border-bottom-width: var(--header-27--block--border-bottom-width);
  border-bottom-style: solid;
  box-shadow: var(--header-27--block--box-shadow);
  position: var(--header-27--block--position);
  top: 0;
  z-index: 100;
}
.header-27 .header-27-logo img {
  height: var(--header-27--logo--height);
  max-width: var(--header-27--logo--max-width);
}
.header-27 .btn {
  border-radius: var(--header-27--buttons--border-radius);
}
.header-27 .btn-outline {
  background-color: var(--header-27--account-button--background-color);
  border-color: var(--header-27--account-button--border-color);
  border-bottom-width: var(--header-27--account-button--border-bottom-width);
  border-left-width: var(--header-27--account-button--border-left-width);
  border-right-width: var(--header-27--account-button--border-right-width);
  border-top-width: var(--header-27--account-button--border-top-width);
  color: var(--header-27--account-button--color);
  font-weight: var(--header-27--account-button--font-weight);
  padding: var(--header-27--account-button--padding-y) var(--header-27--account-button--padding-x);
}
.header-27 .btn-outline:hover {
  background-color: var(--header-27--account-button--background-color-hover);
  border-color: var(--header-27--account-button--border-color-hover);
  color: var(--header-27--account-button--color-hover);
}
.header-27 .btn-primary {
  background-color: var(--header-27--cart-button--background-color);
  border-color: var(--header-27--cart-button--border-color);
  border-bottom-width: var(--header-27--cart-button--border-bottom-width);
  border-left-width: var(--header-27--cart-button--border-left-width);
  border-right-width: var(--header-27--cart-button--border-right-width);
  border-top-width: var(--header-27--cart-button--border-top-width);
  color: var(--header-27--cart-button--color);
}
.header-27 .btn-primary:hover {
  background-color: var(--header-27--cart-button--background-color-hover);
  border-color: var(--header-27--cart-button--border-color-hover);
  color: var(--header-27--cart-button--color-hover);
}
.header-27 .btn-badge {
  background-color: var(--header-27--cart-button-badge--background-color);
  border-color: var(--header-27--cart-button-badge--border-color);
  color: var(--header-27--cart-button-badge--color);
}
.header-27 .nav-main {
  background-color: var(--header-27--block--background-color);
}
.header-27 .nav-body {
  border-top-color: var(--header-27--nav-body--border-color);
  border-top-width: var(--header-27--nav-body--border-width);
}
.header-27 .nav-body > .container {
  gap: var(--header-27--nav-body--gap);
}
.header-27 .nav-body .legend-sm {
  border-bottom-color: var(--header-27--nav-items-legend--border-color);
  border-bottom-width: var(--header-27--nav-items-legend--border-width);
  color: var(--header-27--nav-items-legend--color);
  font-weight: var(--header-27--nav-items-legend--font-weight);
  padding-left: var(--header-27--nav-items-legend--padding-x);
  padding-right: var(--header-27--nav-items-legend--padding-x);
}
.header-27 .nav {
  gap: var(--header-27--nav-items--gap);
}
.header-27 .nav-item {
  font-family: var(--header-27--nav-item--font-family);
  font-size: var(--header-27--nav-item--font-size);
  padding-bottom: var(--header-27--nav-item--padding-y);
  padding-left: var(--header-27--nav-item--padding-x);
  padding-right: var(--header-27--nav-item--padding-x);
  padding-top: var(--header-27--nav-item--padding-y);
  white-space: var(--header-27--nav-item--white-space);
}
.header-27 .nav-item-name {
  white-space: var(--header-27--nav-item--white-space);
}
.header-27 .nav-item-link {
  background-color: var(--header-27--nav-item-link--background-color);
  border-radius: var(--header-27--nav-item-link--border-radius);
  border-color: var(--header-27--nav-item-link--border-color);
  border-width: var(--header-27--nav-item-link--border-width);
  color: var(--header-27--nav-item-link--color);
  font-weight: var(--header-27--nav-item-link--font-weight);
  gap: var(--header-27--nav-item-link--gap);
  padding-bottom: var(--header-27--nav-item-link--padding-y);
  padding-left: var(--header-27--nav-item-link--padding-x);
  padding-right: var(--header-27--nav-item-link--padding-x);
  padding-top: var(--header-27--nav-item-link--padding-y);
  text-transform: var(--header-27--nav-item-link--text-transform);
}
.header-27 .nav-item-link:hover {
  background-color: var(--header-27--nav-item-link--background-color-hover);
  color: var(--header-27--nav-item-link--color-hover);
}
.header-27 .nav-item-link.active {
  background-color: var(--header-27--nav-item-link--background-color-active);
  color: var(--header-27--nav-item-link--color-active);
  font-weight: var(--header-27--nav-item-link-active--font-weight);
}
.header-27 .nav-sub-items-handler {
  color: var(--header-27--nav-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-27 .nav-sub-items-handler:hover {
  color: var(--header-27--nav-sub-items-arrow--color-hover);
}
.header-27 .nav-sub-items-wrapper {
  gap: var(--header-27--nav-sub-items--gap);
}
.header-27 .nav-sub-items-wrapper .nav-sub-item-name {
  white-space: var(--header-27--nav-item--white-space);
}
.header-27 .nav-sub-item {
  font-family: var(--header-27--nav-sub-item--font-family);
  font-size: var(--header-27--nav-sub-item--font-size);
  padding-bottom: var(--header-27--nav-sub-item--padding-y);
  padding-left: var(--header-27--nav-sub-item--padding-x);
  padding-right: var(--header-27--nav-sub-item--padding-x);
  padding-top: var(--header-27--nav-sub-item--padding-y);
}
.header-27 .nav-sub-item-link {
  background-color: var(--header-27--nav-sub-item-link--background-color);
  border-radius: var(--header-27--nav-sub-item-link--border-radius);
  border-color: var(--header-27--nav-sub-item-link--border-color);
  border-width: var(--header-27--nav-sub-item-link--border-width);
  color: var(--header-27--nav-sub-item-link--color);
  font-weight: var(--header-27--nav-sub-item-link--font-weight);
  gap: var(--header-27--nav-sub-item-link--gap);
  padding-bottom: var(--header-27--nav-sub-item-link--padding-y);
  padding-left: var(--header-27--nav-sub-item-link--padding-x);
  padding-right: var(--header-27--nav-item-link--padding-x);
  padding-top: var(--header-27--nav-sub-item-link--padding-y);
  text-transform: var(--header-27--nav-sub-item-link--text-transform);
}
.header-27 .nav-sub-item-link:hover {
  background-color: var(--header-27--nav-sub-item-link--background-color-hover);
  color: var(--header-27--nav-sub-item-link--color-hover);
}
.header-27 .nav-sub-item-link.active {
  background-color: var(--header-27--nav-sub-item-link--background-color-active);
  color: var(--header-27--nav-sub-item-link--color-active);
}
.header-27 .nav-sub-sub-items-handler {
  color: var(--header-27--nav-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-27 .nav-sub-sub-items-handler:hover {
  color: var(--header-27--nav-sub-sub-items-arrow--color-hover);
}
.header-27 .nav-sub-sub-items-wrapper {
  gap: var(--header-27--nav-sub-sub-items--gap);
}
.header-27 .nav-sub-sub-item {
  font-family: var(--header-27--nav-sub-sub-item--font-family);
  font-size: var(--header-27--nav-sub-sub-item--font-size);
  padding-bottom: var(--header-27--nav-sub-sub-item--padding-y);
  padding-left: var(--header-27--nav-sub-sub-item--padding-x);
  padding-right: var(--header-27--nav-sub-sub-item--padding-x);
  padding-top: var(--header-27--nav-sub-sub-item--padding-y);
}
.header-27 .nav-sub-sub-item-link {
  background-color: var(--header-27--nav-sub-sub-item-link--background-color);
  border-radius: var(--header-27--nav-sub-sub-item-link--border-radius);
  border-color: var(--header-27--nav-sub-sub-item-link--border-color);
  border-width: var(--header-27--nav-sub-sub-item-link--border-width);
  color: var(--header-27--nav-sub-sub-item-link--color);
  font-weight: var(--header-27--nav-sub-sub-item-link--font-weight);
  gap: var(--header-27--nav-sub-sub-item-link--gap);
  padding-bottom: var(--header-27--nav-sub-sub-item-link--padding-y);
  padding-left: var(--header-27--nav-sub-sub-item-link--padding-x);
  padding-right: var(--header-27--nav-item-link--padding-x);
  padding-top: var(--header-27--nav-sub-sub-item-link--padding-y);
  text-transform: var(--header-27--nav-sub-sub-item-link--text-transform);
}
.header-27 .nav-sub-sub-item-link:hover {
  background-color: var(--header-27--nav-sub-sub-item-link--background-color-hover);
  color: var(--header-27--nav-sub-sub-item-link--color-hover);
}
.header-27 .nav-sub-sub-item-link.active {
  background-color: var(--header-27--nav-sub-sub-item-link--background-color-active);
  color: var(--header-27--nav-sub-sub-item-link--color-active);
}
.header-27 .nav-sub-sub-sub-items-handler {
  color: var(--header-27--nav-sub-sub-sub-items-arrow--color);
  height: var(--elements--body-text--body--line-height);
  width: var(--elements--body-text--body--line-height);
}
.header-27 .nav-sub-sub-sub-items-handler:hover {
  color: var(--header-27--nav-sub-sub-sub-items-arrow--color-hover);
}
.header-27 .nav-sub-sub-sub-items-wrapper {
  gap: var(--header-27--nav-sub-sub-sub-items--gap);
}
.header-27 .nav-sub-sub-sub-item {
  font-family: var(--header-27--nav-sub-sub-sub-item--font-family);
  font-size: var(--header-27--nav-sub-sub-sub-item--font-size);
  padding-bottom: var(--header-27--nav-sub-sub-sub-item--padding-y);
  padding-left: var(--header-27--nav-sub-sub-sub-item--padding-x);
  padding-right: var(--header-27--nav-sub-sub-sub-item--padding-x);
  padding-top: var(--header-27--nav-sub-sub-sub-item--padding-y);
}
.header-27 .nav-sub-sub-sub-item-link {
  background-color: var(--header-27--nav-sub-sub-sub-item-link--background-color);
  border-radius: var(--header-27--nav-sub-sub-sub-item-link--border-radius);
  border-color: var(--header-27--nav-sub-sub-sub-item-link--border-color);
  border-width: var(--header-27--nav-sub-sub-sub-item-link--border-width);
  color: var(--header-27--nav-sub-sub-sub-item-link--color);
  font-weight: var(--header-27--nav-sub-sub-sub-item-link--font-weight);
  gap: var(--header-27--nav-sub-sub-sub-item-link--gap);
  padding-bottom: var(--header-27--nav-sub-sub-sub-item-link--padding-y);
  padding-left: var(--header-27--nav-sub-sub-sub-item-link--padding-x);
  padding-right: var(--header-27--nav-item-link--padding-x);
  padding-top: var(--header-27--nav-sub-sub-sub-item-link--padding-y);
  text-transform: var(--header-27--nav-sub-sub-sub-item-link--text-transform);
}
.header-27 .nav-sub-sub-sub-item-link:hover {
  background-color: var(--header-27--nav-sub-sub-sub-item-link--background-color-hover);
  color: var(--header-27--nav-sub-sub-sub-item-link--color-hover);
}
.header-27 .nav-sub-sub-sub-item-link.active {
  background-color: var(--header-27--nav-sub-sub-sub-item-link--background-color-active);
  color: var(--header-27--nav-sub-sub-sub-item-link--color-active);
}
.header-27 .nav-handler {
  padding-bottom: var(--header-27--block--padding-y);
  padding-top: var(--header-27--block--padding-y);
}
.header-27 .nav-handler-open,
.header-27 .nav-handler-close {
  background-color: var(--header-27--nav-mobile-icon--background-color);
  border-color: var(--header-27--nav-mobile-icon--border-color);
  border-radius: var(--header-27--nav-mobile-icon--border-radius);
  border-width: var(--header-27--nav-mobile-icon--border-width);
  color: var(--header-27--nav-mobile-icon--color);
}

.header-27.header-27-nav-overlay {
  position: static;
  z-index: auto;
  background-color: transparent;
  border-bottom-width: 0;
  border-bottom-style: none;
  box-shadow: none;
  top: auto;
}
.header-27.header-27-nav-overlay .nav-main {
  background-color: var(--header-27--nav-main--background-color);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-out, visibility 0s 0.2s;
  pointer-events: none;
}
.header-27.header-27-nav-overlay.nav-main-open .nav-main {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-out, visibility 0s 0s;
  pointer-events: auto;
}

.header-27-nav-header-inner {
  width: 100%;
  padding-left: var(--header-27--nav-header--padding-x);
  padding-right: var(--header-27--nav-header--padding-x);
  padding-top: var(--header-27--nav-header--padding-y);
  padding-bottom: var(--header-27--nav-header--padding-y);
}

.header-27-nav-close {
  cursor: pointer;
  gap: var(--header-27--nav-close--gap);
  color: var(--header-27--nav-close--color);
}
.header-27-nav-close .header-27-icon {
  width: var(--header-27--nav-close-icon--width);
}

.header-27-nav-close-label {
  font-family: var(--header-27--nav-close-label--font-family);
  font-size: var(--header-27--nav-close-label--font-size);
  font-weight: var(--header-27--nav-close-label--font-weight);
}

.header-27-nav-logo img {
  height: var(--header-27--logo--height);
  max-width: var(--header-27--logo--max-width);
}

.header-27-main {
  padding-bottom: var(--header-27--block--padding-y);
  padding-top: var(--header-27--block--padding-y);
}

.header-27-icon {
  cursor: pointer;
  width: var(--header-27--icon--width);
  color: var(--header-27--icon--color);
}
.header-27-icon img,
.header-27-icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.header-27-hamburger .header-27-icon,
.header-27-search-trigger .header-27-icon,
.header-27-account .header-27-icon,
.header-27-cart .header-27-icon {
  opacity: var(--header-27--icon--opacity);
}
.header-27-hamburger:hover .header-27-icon,
.header-27-search-trigger:hover .header-27-icon,
.header-27-account:hover .header-27-icon,
.header-27-cart:hover .header-27-icon {
  opacity: var(--header-27--icon-hover--opacity);
}

.header-27-cart a {
  display: flex;
  align-items: center;
  gap: var(--header-27--cart-badge--gap, 0.375rem);
  text-decoration: none;
  color: inherit;
}
.header-27-cart .btn-badge {
  position: static;
}

.header-27-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background-color: var(--header-27--search-overlay--background-color);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.header-27-search-overlay .search-input-group.input-group .search-input.form-control {
  background-color: var(--header-27--search--background-color);
  border-color: var(--header-27--search--border-color);
  border-bottom-width: var(--header-27--search--border-bottom-width);
  border-left-width: var(--header-27--search--border-left-width);
  border-right-width: var(--header-27--search--border-right-width);
  border-top-width: var(--header-27--search--border-top-width);
  border-radius: var(--header-27--search--border-radius);
  box-shadow: var(--header-27--search--box-shadow);
  color: var(--header-27--search--color);
  height: var(--header-27--search--height);
  padding-left: var(--header-27--search--icon-width);
  padding-right: var(--header-27--search--icon-width);
}
.header-27-search-overlay .search-input-group.input-group .search-input.form-control:focus {
  background-color: var(--header-27--search--background-color-focus);
  border-color: var(--header-27--search--border-color-focus);
}
.header-27-search-overlay .search-input-group.input-group .input-group-prepend,
.header-27-search-overlay .search-input-group.input-group .input-group-append {
  height: var(--header-27--search--height);
  width: var(--header-27--search--icon-width);
}
.header-27-search-overlay .search-backdrop {
  display: none !important;
}
.header-27-search-overlay .input-group-append {
  display: none !important;
}
.header-27-search-overlay .search-input-group {
  display: flex !important;
  align-items: stretch !important;
}
.header-27-search-overlay .input-group-prepend {
  position: static !important;
  order: 2;
  margin-left: auto;
  display: none !important;
  align-items: center;
  cursor: pointer;
  padding-left: 0.5rem;
}
.header-27-search-overlay .input-group-prepend .input-group-prepend-search-icon {
  display: none !important;
}
.header-27-search-overlay .input-group-prepend .input-group-prepend-cross-icon {
  display: block !important;
  width: var(--header-27--search-overlay-clear--width);
  height: var(--header-27--search-overlay-clear--width);
  color: var(--header-27--search-overlay-clear--color);
}
.header-27-search-overlay .input-group-prepend.loading .input-group-prepend-cross-icon {
  display: none !important;
}
.header-27-search-overlay .input-group-prepend.loading::after {
  content: "";
  display: block;
  width: var(--header-27--search-overlay-loader--width);
  height: var(--header-27--search-overlay-loader--width);
  border-width: 2px;
  border-style: solid;
  border-color: var(--header-27--search-overlay-loader--color);
  border-top-color: transparent;
  border-radius: 50%;
  animation: header-27-spin 0.6s linear infinite;
}
.header-27-search-overlay .search-input {
  order: 1;
  flex: 1;
}
.header-27-search-overlay .search-input-group:has(.search-input:not(:-moz-placeholder)) .input-group-prepend {
  display: flex !important;
}
.header-27-search-overlay .search-input-group:has(.search-input:not(:placeholder-shown)) .input-group-prepend {
  display: flex !important;
}
.header-27-search-overlay .is-focussed .input-group-prepend.loading {
  display: flex !important;
}
.header-27-search-overlay .search-input {
  font-family: var(--header-27--search-overlay-input--font-family);
  font-size: var(--header-27--search-overlay-input--font-size);
  padding-top: var(--header-27--search-overlay-input--padding-y);
  padding-bottom: var(--header-27--search-overlay-input--padding-y);
  padding-left: 0;
  padding-right: 0;
  border-style: solid;
  outline: none !important;
  box-shadow: none !important;
}
.header-27-search-overlay .search-input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.header-27-search-overlay .search-input::-moz-placeholder {
  color: var(--header-27--search-overlay-placeholder--color);
}
.header-27-search-overlay .search-input::placeholder {
  color: var(--header-27--search-overlay-placeholder--color);
}
.header-27-search-overlay .search-result {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  z-index: auto !important;
  overflow: visible !important;
}
.header-27-search-overlay .search-result > .container {
  padding-left: 0;
  padding-right: 0;
}
.header-27-search-overlay .search-items-heading {
  display: none !important;
}
.header-27-search-overlay #search-result-empty {
  display: none !important;
}
.header-27-search-overlay .search-items {
  display: grid !important;
  grid-template-columns: var(--header-27--search-results--grid-template-columns) !important;
  gap: var(--header-27--search-results--gap) !important;
  border-bottom: none !important;
}
.header-27-search-overlay .search-item {
  flex-direction: column !important;
  align-items: stretch !important;
  padding-top: 0 !important;
  padding-bottom: var(--header-27--search-item--padding-bottom) !important;
  padding-left: var(--header-27--search-item--padding-x) !important;
  padding-right: var(--header-27--search-item--padding-x) !important;
  background-color: var(--header-27--search-item--background-color) !important;
  border: none !important;
  border-radius: var(--header-27--search-item--border-radius);
  text-decoration: none !important;
  overflow: hidden;
}
.header-27-search-overlay .search-item:not(:first-child) {
  border-top: none !important;
}
.header-27-search-overlay .search-item:hover {
  background-color: var(--header-27--search-item--background-color) !important;
  text-decoration: none !important;
}
.header-27-search-overlay .search-item-image {
  position: relative;
  width: calc(100% + 2 * var(--header-27--search-item--padding-x)) !important;
  margin-left: calc(-1 * var(--header-27--search-item--padding-x));
  height: auto !important;
  aspect-ratio: var(--header-27--search-results-image--aspect-ratio);
  margin-right: 0 !important;
  margin-bottom: var(--header-27--search-results-image--margin-bottom);
  overflow: hidden;
}
.header-27-search-overlay .search-item-image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.header-27-search-overlay .search-item-name-wrapper {
  margin-bottom: var(--header-27--search-results-name--margin-bottom);
}
.header-27-search-overlay .search-item-name {
  font-family: var(--header-27--search-results-name--font-family);
  font-size: var(--header-27--search-results-name--font-size);
  font-weight: var(--header-27--search-results-name--font-weight);
  color: var(--header-27--search-results-name--color);
  line-height: var(--header-27--search-results-name--line-height);
}
.header-27-search-overlay .search-item-name-alt {
  font-family: var(--header-27--search-results-article--font-family);
  font-size: var(--header-27--search-results-article--font-size);
  color: var(--header-27--search-results-article--color);
}
.header-27-search-overlay .search-item-price {
  font-family: var(--header-27--search-results-price--font-family);
  font-size: var(--header-27--search-results-price--font-size);
  color: var(--header-27--search-results-price--color);
  font-weight: var(--header-27--search-results-price--font-weight);
  margin-left: 0 !important;
  text-align: left !important;
}

.header-27-search-overlay-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--header-27--search-overlay--background-color);
  flex-shrink: 0;
  padding-top: var(--header-27--search-overlay-header--padding-y);
  padding-bottom: var(--header-27--search-overlay-header--padding-y);
  border-bottom-width: var(--header-27--search-overlay-header--border-bottom-width);
  border-bottom-color: var(--header-27--search-overlay-header--border-bottom-color);
  border-bottom-style: solid;
}

.header-27-search-overlay-header-inner {
  padding-left: var(--header-27--search-overlay-header--padding-x);
  padding-right: var(--header-27--search-overlay-header--padding-x);
}

.header-27-search-overlay-title {
  font-family: var(--header-27--search-overlay-title--font-family);
  font-size: var(--header-27--search-overlay-title--font-size);
  font-weight: var(--header-27--search-overlay-title--font-weight);
}

.header-27-search-overlay-close {
  cursor: pointer;
  gap: var(--header-27--search-overlay-close--gap);
}
.header-27-search-overlay-close .header-27-icon {
  width: var(--header-27--search-overlay-close--width);
}

.header-27-search-overlay-close-label {
  font-family: var(--header-27--search-overlay-close-label--font-family);
  font-size: var(--header-27--search-overlay-close-label--font-size);
  font-weight: var(--header-27--search-overlay-close-label--font-weight);
}

.header-27-search-overlay-content {
  flex: 1;
  padding-top: var(--header-27--search-overlay-content--padding-top);
  padding-bottom: var(--header-27--search-overlay-content--padding-bottom);
}

.header-27-search-no-results {
  padding-top: var(--header-27--search-results--padding-top);
  color: var(--header-27--search-no-results--color);
  font-family: var(--header-27--search-no-results--font-family);
  font-size: var(--header-27--search-no-results--font-size);
}

.header-27 .nav-main .nav-body {
  display: flex !important;
  flex-direction: row !important;
  overflow: hidden;
  flex: 1;
  min-height: 0;
}

.header-27-nav-left {
  display: flex;
  flex-direction: column;
  min-width: var(--header-27--nav-left--min-width);
  flex-shrink: 0;
  overflow-y: auto;
  padding-left: var(--header-27--nav-left--padding-left);
  padding-right: var(--header-27--nav-left--padding-right);
  padding-top: var(--header-27--nav-left--padding-top);
  height: 100%;
}

.header-27-nav-left-menu {
  padding-left: var(--header-27--nav-menu--padding-left);
}

.header-27-nav-right {
  flex: none;
  min-width: var(--header-27--nav-right--min-width);
  overflow-y: auto;
  border-left-width: var(--header-27--nav-right--border-left-width);
  border-left-color: var(--header-27--nav-right--border-left-color);
  border-left-style: solid;
  padding-left: var(--header-27--nav-right--padding-left);
  padding-right: var(--header-27--nav-right--padding-right);
  padding-top: var(--header-27--nav-right--padding-top);
}

.header-27-nav-right .nav-categories > .nav-wrapper > .nav > .nav-item > .nav-item-link,
.header-27-nav-right .nav-categories > .nav-wrapper > .nav > .nav-item > .nav-sub-items-handler {
  display: none !important;
}

.header-27-nav-right .nav-categories .nav-sub-sub-sub-items-handler {
  display: none !important;
}

.header-27-nav-right .nav-categories .nav-scroll-top-handler,
.header-27-nav-right .nav-categories .nav-scroll-bottom-handler {
  display: none !important;
}

.header-27-nav-right .nav-categories .nav-sub-items-wrapper {
  display: flex !important;
  flex-direction: column;
  position: static !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: auto !important;
  max-height: none !important;
}

@media (max-width: 1023px) {
  .header-27-nav-right .nav-categories .nav-sub-sub-items-wrapper {
    position: static !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto !important;
    max-height: none !important;
  }
}
.header-27-categories-trigger {
  cursor: pointer;
}

.header-27 .nav-main .nav-body .nav-item-link {
  position: relative;
}
.header-27 .nav-main .nav-body .nav-item-link::before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  left: calc(-1 * var(--header-27--nav-menu--padding-left));
  top: 50%;
  margin-top: calc(-1 * var(--header-27--nav-indicator--border-width) / 2);
  border-top: var(--header-27--nav-indicator--border-width) solid var(--header-27--nav-indicator--color);
  transition: width var(--header-27--nav-indicator--transition-duration);
}

.header-27 .nav-main .nav-body .nav-item:hover > .nav-item-link::before,
.header-27-categories-trigger.header-27-categories-active > .nav-item-link::before {
  width: var(--header-27--nav-indicator--width);
}

.header-27 .nav-main .nav-account {
  padding-top: var(--header-27--nav-account--padding-top);
  padding-left: var(--header-27--nav-account--padding-left);
  border-top-width: var(--header-27--nav-account--border-top-width);
  border-top-color: var(--header-27--nav-account--border-top-color);
  border-top-style: solid;
}
.header-27 .nav-main .nav-account .nav {
  gap: 0;
}

.header-27 .nav-main .nav-account .nav-item-link {
  font-family: var(--header-27--nav-account-item--font-family) !important;
  font-size: var(--header-27--nav-account-item--font-size) !important;
  padding-top: var(--header-27--nav-account-item--padding-y) !important;
  padding-bottom: var(--header-27--nav-account-item--padding-y) !important;
  font-weight: var(--header-27--nav-account-item--font-weight) !important;
  line-height: var(--header-27--nav-account-item--line-height) !important;
}

.header-27 .nav-main .nav-account .nav-item-name {
  font-family: var(--header-27--nav-account-item--font-family) !important;
  font-size: var(--header-27--nav-account-item--font-size) !important;
  font-weight: var(--header-27--nav-account-item--font-weight) !important;
  line-height: var(--header-27--nav-account-item--line-height) !important;
}

.header-27-nav-social {
  position: fixed;
  left: var(--header-27--nav-social--left);
  bottom: var(--header-27--nav-social--bottom);
  gap: var(--header-27--nav-social--gap);
}
.header-27-nav-social .divider-y {
  display: none !important;
}
.header-27-nav-social svg.icon {
  display: block;
  height: var(--header-27--nav-social-icon--height);
  width: var(--header-27--nav-social-icon--height);
  color: var(--header-27--nav-social-icon--color);
  fill: currentColor;
  flex-shrink: 0;
}
.header-27-nav-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  text-decoration-line: none !important;
  width: var(--header-27--nav-social-button--size);
  height: var(--header-27--nav-social-button--size);
  border-radius: 50%;
  border: var(--header-27--nav-social-button--border-width) solid var(--header-27--nav-social-icon--color);
}

.header-27-search-results-section {
  padding-top: var(--header-27--search-results--padding-top);
  margin-top: var(--header-27--search-results-section--margin-top);
}

.header-27-search-results-title {
  font-family: var(--header-27--search-results-title--font-family);
  font-size: var(--header-27--search-results-title--font-size);
  font-weight: var(--header-27--search-results-title--font-weight);
  color: var(--header-27--search-results-title--color);
  padding-bottom: var(--header-27--search-results-title--padding-bottom);
}

@media (max-width: 1023px) {
  .header-27 .header-27-account {
    display: none;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-items-handler {
    display: flex !important;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-items-wrapper {
    display: none !important;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-items-wrapper.open {
    display: flex !important;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .header-27-nav-right {
    border-left-width: 0;
    min-width: auto;
    overflow-y: visible;
    padding-left: var(--header-27--nav-menu--padding-left);
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .header-27 .nav-main {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-out, visibility 0s 0.2s;
    pointer-events: none;
  }
  .header-27.nav-main-open .nav-main {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.2s ease-out, visibility 0s 0s;
    pointer-events: auto;
  }
  .header-27 .nav-main .nav-header {
    display: flex;
    flex-shrink: 0;
  }
  .header-27 .nav-main .nav-body .nav {
    flex-direction: column;
  }
  .header-27 .nav-main .nav-sub-items-handler,
  .header-27 .nav-main .nav-sub-sub-items-handler,
  .header-27 .nav-main .nav-sub-sub-sub-items-handler {
    display: flex;
  }
  .header-27 .nav-main .nav-item {
    position: static;
    white-space: normal;
  }
  .header-27 .nav-main .nav-item .nav-sub-items-wrapper {
    position: relative;
    min-width: auto;
    max-height: none;
    display: none;
  }
  .header-27 .nav-main .nav-item .nav-sub-items-wrapper.open {
    display: flex;
    flex-direction: column;
  }
  .header-27 .nav-main .nav-wide .nav-sub-sub-items-wrapper,
  .header-27 .nav-main .nav-wide .nav-sub-sub-sub-items-wrapper {
    display: none;
  }
  .header-27 .nav-main .nav-wide .nav-sub-sub-items-wrapper.open,
  .header-27 .nav-main .nav-wide .nav-sub-sub-sub-items-wrapper.open {
    display: flex;
    flex-direction: column;
  }
  .header-27 .nav-main .nav-body {
    overflow: visible;
  }
  .header-27-nav-right {
    position: relative;
    overflow: visible;
  }
  .header-27-nav-right .nav-categories .nav-sub-item {
    position: static;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-items-handler {
    display: none !important;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-items-wrapper {
    display: none !important;
    position: absolute !important;
    top: var(--header-27--nav-right--padding-top) !important;
    bottom: 0 !important;
    left: 100% !important;
    overflow-y: auto;
    padding-left: var(--header-27--nav-right--padding-left);
    padding-right: var(--header-27--nav-right--padding-right);
    border-left-width: var(--header-27--nav-right--border-left-width) !important;
    border-left-color: var(--header-27--nav-right--border-left-color) !important;
    border-left-style: solid !important;
    background-color: var(--header-27--nav-main--background-color) !important;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-items-wrapper.open {
    display: flex !important;
    flex-direction: column;
  }
  .header-27-nav-right .nav-categories .nav-sub-sub-item-name {
    white-space: nowrap;
  }
  .header-27-nav-right .nav-categories .nav-sub-item.header-27-sub-active > .nav-sub-item-link {
    background-color: var(--header-27--nav-sub-item-link--background-color-active);
    color: var(--header-27--nav-sub-item-link--color-active);
  }
}
@keyframes header-27-spin {
  to {
    transform: rotate(360deg);
  }
}