.header-02 {
  background-color: var(--header-02--block--background-color);
  border-bottom-color: var(--header-02--block--border-bottom-color);
  border-bottom-width: var(--header-02--block--border-bottom-width);
  border-top-color: var(--header-02--block--border-top-color);
  border-top-width: var(--header-02--block--border-top-width);
  box-shadow: var(--header-02--block--box-shadow);
  padding-bottom: var(--header-02--block--padding-y);
  padding-top: var(--header-02--block--padding-y);
  position: var(--header-02--block--position);
}
.header-02 .logo img {
  height: var(--header-02--logo--height);
  max-width: var(--header-02--logo--max-width);
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-02 .btn {
  border-radius: var(--header-02--buttons--border-radius);
}
.header-02 .btn-outline {
  background-color: var(--header-02--account-button--background-color);
  border-color: var(--header-02--account-button--border-color);
  border-bottom-width: var(--header-02--account-button--border-bottom-width);
  border-left-width: var(--header-02--account-button--border-left-width);
  border-right-width: var(--header-02--account-button--border-right-width);
  border-top-width: var(--header-02--account-button--border-top-width);
  color: var(--header-02--account-button--color);
  font-weight: var(--header-02--account-button--font-weight);
  padding: var(--header-02--account-button--padding-y) var(--header-02--account-button--padding-x);
}
.header-02 .btn-outline:hover {
  background-color: var(--header-02--account-button--background-color-hover);
  border-color: var(--header-02--account-button--border-color-hover);
  color: var(--header-02--account-button--color-hover);
}
.header-02 .btn-primary {
  background-color: var(--header-02--cart-button--background-color);
  border-color: var(--header-02--cart-button--border-color);
  border-bottom-width: var(--header-02--cart-button--border-bottom-width);
  border-left-width: var(--header-02--cart-button--border-left-width);
  border-right-width: var(--header-02--cart-button--border-right-width);
  border-top-width: var(--header-02--cart-button--border-top-width);
  color: var(--header-02--cart-button--color);
}
.header-02 .btn-primary:hover {
  background-color: var(--header-02--cart-button--background-color-hover);
  border-color: var(--header-02--cart-button--border-color-hover);
  color: var(--header-02--cart-button--color-hover);
}
.header-02 .btn-badge {
  background-color: var(--header-02--cart-button-badge--background-color);
  border-color: var(--header-02--cart-button-badge--border-color);
  color: var(--header-02--cart-button-badge--color);
}
.header-02 .search-input-group.input-group .search-input.form-control {
  background-color: var(--header-02--search--background-color);
  border-color: var(--header-02--search--border-color);
  border-bottom-width: var(--header-02--search--border-bottom-width);
  border-left-width: var(--header-02--search--border-left-width);
  border-right-width: var(--header-02--search--border-right-width);
  border-top-width: var(--header-02--search--border-top-width);
  border-radius: var(--header-02--search--border-radius);
  box-shadow: var(--header-02--search--box-shadow);
  color: var(--header-02--search--color);
  height: var(--header-02--search--height);
  padding-left: var(--header-02--search--icon-width);
  padding-right: var(--header-02--search--icon-width);
}
.header-02 .search-input-group.input-group .search-input.form-control:focus {
  background-color: var(--header-02--search--background-color-focus);
  border-color: var(--header-02--search--border-color-focus);
}
.header-02 .search-input-group.input-group .input-group-prepend,
.header-02 .search-input-group.input-group .input-group-append {
  height: var(--header-02--search--height);
  width: var(--header-02--search--icon-width);
}

@media (max-width: 1023px) {
  .header-02 .nav-handler {
    padding-bottom: var(--header-02--block--padding-y);
    padding-top: var(--header-02--block--padding-y);
  }
  .header-02 .nav-handler-open,
  .header-02 .nav-handler-close {
    background-color: var(--header-02--nav-mobile-icon--background-color);
    border-color: var(--header-02--nav-mobile-icon--border-color);
    border-radius: var(--header-02--nav-mobile-icon--border-radius);
    border-width: var(--header-02--nav-mobile-icon--border-width);
    color: var(--header-02--nav-mobile-icon--color);
  }
}