.preview-bar__container ~ .header .header-floating-menu__wrapper {
  height: calc(100vh - 180px);
}

.header {
  position: relative;

  background-color: var(--color-primary-background);
  z-index: 1000;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header__wrapper {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
/*   max-width: calc(var(--max-width) + var(--horizontal-padding) * 2); */
  max-width:1400px;
  width: 100%;

  margin: 0 auto;
  padding: 12px var(--horizontal-padding);

  background-color: var(--color-primary-background);
}

.header__link {
  text-decoration: none;

  color: var(--color-primary-foreground);
}

.header__text-logo {
  font-size: 24px;
  line-height: 32px;

  font-weight: var(--font-weight-semibold);

  margin: 0;
}

.header__image-logo {
  max-width: 250px;
  max-height: 75px;
}

.header__nav-item {
  font-size: 16px;
  line-height: 24px;
  font-weight:500;
/*   font-weight: var(--font-weight-semibold); */
  color: var(--color-primary-foreground);
  text-decoration: none;
}
.header__nav-item:hover {
  text-decoration-color: var(--color-primary-foreground);
}

.header__nav--desktop {
  padding: 0 20px;
}

.header__nav--desktop .header__nav-item {
  display: grid;
  grid-template-columns: 1fr min-content;

  align-items: center;

  position: relative;
}

.header__nav--desktop .list-menu > .header__nav-item > .header__nav-submenu {
  box-shadow: 0 1px 2px #213b471f, 0 4px 12px #213b471f;
}

.header__nav--desktop .header__nav-submenu {
  visibility: hidden;
  pointer-events: none;

  position: absolute;

  min-width: 250px;

  background-color: var(--color-primary-background);

  border-radius: var(--border-radius-sm);

  top: calc(100% + 5px);
  left: 0;

  opacity: 0;

  padding: 4px 0;

  transform: translateY(20px);

  max-height: calc(100vh - 200px);

  overflow-y: auto;

  z-index: 100;

  transition: visibility 0ms, opacity 200ms, transform 150ms;
}

.header__nav--desktop .header__nav-submenu .header__nav-link {
  font-weight: var(--font-weight-regular);
}

.header__nav--desktop
  .header__nav-submenu
  .header__nav-submenu
  .header__nav-link {
  opacity: 0.6;
}

.header__nav--desktop
  .header__nav-submenu
  .header__nav-submenu
  .header__nav-link:hover {
  opacity: 1;
}

.header__nav--desktop .header__nav-item label {
  cursor: pointer;
}

.header__nav--desktop .header__nav-submenu .header__nav-item label {
  width: 40px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.header__nav--desktop .header__nav-link {
  padding: 12px 16px;

  color: var(--color-primary-foreground);

  text-decoration: none;

  position: relative;
}

.header__nav--desktop .header__nav-item-carer {
  color: var(--color-primary-foreground);
}

.header__nav--desktop .header__nav-link:hover {
  text-decoration: none;
}

.header__nav--desktop .header__nav-link:hover span {
  padding-bottom: 3px;

  border-bottom: 2px solid var(--color-accent-background);;
}

.header__nav--desktop .header__nav-submenu .header__nav-submenu {
  position: relative;
  grid-column: 1 / -1;

  top: 0;

  transform: none;
  max-height: 0;

  border-radius: 0;

  padding: 0;
}

.header__nav--desktop
  .header__nav-submenu
  .header__nav-submenu
  .header__nav-link {
  padding-left: 40px;
}

.header__nav--desktop input[type="checkbox"] {
  display: none;
}

.header__nav--desktop input[type="checkbox"]:checked ~ .header__nav-submenu {
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
}
.header__nav--desktop input[type="checkbox"] ~ label > i {
  transition: transform 100ms;
  pointer-events: none;
}

.header__nav--desktop input[type="checkbox"] ~ label:hover > i {
  transform: translateY(2px);
}

.header__nav--desktop input[type="checkbox"]:checked ~ label > i {
  transform: rotate(180deg);
}

.header__nav--desktop
  .header__nav-submenu
  input[type="checkbox"]:checked
  ~ .header__nav-submenu {
  visibility: visible;
  pointer-events: all;

  max-height: 100%;
}

.header__nav .list-menu--horizontal > .list-menu__item:not(:last-child) {
  margin: 0;
  margin-right: 32px;
}

.header__nav .list-menu--horizontal > .list-menu__item:not(:last-child) {
  margin: 0;
  margin-right: 32px;
}

.header__nav .list-menu--vertical > .list-menu__item {
  border-bottom: 1px solid var(--color-border);
}

.header__nav .list-menu--vertical .header__nav-item {
  display: block;

  padding: 12px var(--horizontal-padding);
}

.header__nav .list-menu__item-caret {
  margin-left: 8px;

  font-size: 14px;

  color: var(--color-primary-foreground);
}

.header__nav .list-submenu .list-menu__item-caret {
  margin-left: auto;
}

.header__nav .list-submenu__container {
  background-color: var(--color-primary-background);
}

.header__nav--mobile .list-menu .list-menu__item-caret {
  margin: 0 26px;
}

.list-submenu__container .header__nav-item {
  display: flex;
  align-items: center;

  padding: 12px var(--horizontal-padding);

  font-weight: var(--font-weight-regular);
}

.header__nav .list-submenu .header__nav-item {
  font-weight: var(--font-weight-regular);
}

.header-search {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-search #floating-search {
  display: none;
}

.header-search__trigger {
  display: none;
  cursor: pointer;
}

.header-search__input-wrapper {
  position: relative;
}

.header-search__input-wrapper .header-search__icon {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 16px;

  transform: translateY(-50%);

  z-index: 1;
}

.header-search__input {
  padding: 8px 12px 8px 44px;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-lg);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-typo);
  background-color:#f1eff9;
  min-width: 260px;
  width: 100%;
}

.header-search__input:focus {
  outline: none;

  border-color: var(--color-accent-background);
}

.header-search__input::placeholder {
  color: var(--color-typo);

  opacity: 0.6;
}

.header-search__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: var(--color-primary-foreground);
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg)
    no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

.header-search__input:focus::-webkit-search-cancel-button {
  opacity: 0.3;
  pointer-events: all;
}

.header-search__input:-webkit-autofill,
.header-search__input:autofill {
  background-color: var(--color-white);
}

.header-search__icon {
  font-size: 16px;

  width: 16px;
  height: 16px;

  color: var(--color-typo);
}

.header-search__wrapper .header-search__icon.close {
  margin-left: 8px;
}

.header-search__icon.open,
.header-search__icon.close {
  font-size: 24px;

  width: 24px;
  height: 24px;
}

.header-cart {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bq-cart-button__line-count {
  color: var(--color-accent-foreground) !important;
}

.header-cart bq-mini-cart[initialized="true"] + i {
  display: none;
}

.header-cart .fa-spinner-third {
  color: var(--color-primary-foreground);
}

.header-cart .bq-icon-cart::before {
  color: var(--color-primary-foreground);

  font-weight: 300;
}

.header-floating-menu {
  display: none;
}

.header-floating-menu #floating-menu-trigger {
  display: none;
}

.header-floating-menu__icon {
  color: var(--color-primary-foreground);

  font-size: 24px;
}

.header-floating-menu__wrapper {
  visibility: hidden;
  pointer-events: none;

  position: absolute;
  top: 100%;
  left: 0;
  right: 0;

  opacity: 0;
  transform: translateY(30px);

  transition: visibility 0s linear 300ms, opacity 300ms, transform 250ms;

  height: calc(100vh - 60px);

  background-color: var(--color-primary-background);

  overflow-y: auto;
}

.bq-cart {
  display: flex;
  justify-content: center;
  align-items: center;
}

#floating-menu-trigger:not(:checked)
  + .header-floating-menu__trigger
  .header-floating-menu__icon.close {
  display: none;
}

#floating-menu-trigger:checked
  + .header-floating-menu__trigger
  .header-floating-menu__icon.open {
  display: none;
}

.header__nav--desktop .header-app {
  margin-left: auto;
}

.header__nav--mobile .header-app {
  display: flex;
  margin: 16px;
}

@media (max-width: 1100px) {
  .header__nav .list-menu--horizontal > .list-menu__item:not(:last-child) {
    margin-right: 16px;
  }

  .header-cart .bq-icon-cart::before {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .header .header__wrapper--with-menu, .header .header__wrapper--with-mini-cart {
    grid-template-columns: 1fr repeat(2, 50px);
  }

  .header .header__wrapper--with-menu.header__wrapper--with-mini-cart {
    grid-template-columns: 1fr repeat(3, 50px);
  }

  .header__nav--desktop {
    display: none;
  }

  .header-search__trigger {
    display: block;
  }

  .header-search__icon {
    color: var(--color-primary-foreground);
  }

  .header-search__wrapper {
    display: flex;
    align-items: center;

    padding: 8px 16px;

    height: 100%;

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    background-color: var(--color-primary-background);

    opacity: 0;
    transform: scale(0.92);
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s linear 300ms, opacity 300ms linear 50ms,
      transform 250ms;

    z-index: 2;
  }

  .header-search__wrapper form {
    width: 100%;

    display: flex;
    align-items: center;
  }

  .header-search__wrapper .header-search__input-wrapper {
    width: 100%;
  }

  .header-search #floating-search:checked ~ .header-search__wrapper {
    visibility: visible;
    pointer-events: all;

    opacity: 1;
    transform: scale(1);

    transition: visibility 0s linear 0s, opacity 300ms, transform 250ms;
  }

  .header-floating-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header-floating-menu__trigger {
    cursor: pointer;
  }

  .header-floating-menu
    #floating-menu-trigger:checked
    ~ .header-floating-menu__wrapper {
    visibility: visible;
    pointer-events: all;

    opacity: 1;
    transform: translateY(0);

    transition: visibility 0s linear 0s, opacity 300ms, transform 250ms;
  }

  .header__image-logo {
    max-width: 100%;
    padding-right: 16px;
  }
}

.header, .header__wrapper, .header__nav .list-submenu, .header__nav-submenu, .header-search__input, .header-floating-menu__wrapper, .header-search__wrapper { background-color: #FFFFFF !important; }
.header-search__input:autofill, .header-search__input:-webkit-autofill { background-color: #FFFFFF !important; }
.header__text-logo,
.header__nav-item,
.header__nav--desktop .header__nav-link,
.header-search__input,
.header-search__icon,
.header-floating-menu__icon,
.header__nav .list-menu__item .list-menu__item-caret,
.header-cart .fa-spinner-third,
.header__link img { color: #000000; }

.header__nav--desktop .header__nav-link:hover span {
	border-color: #000000;
}

.header-search__input {
	border-color: #000000 !important;border:0;
background-color:#f1eff9 !important;
}

.header-search__input::placeholder {
	color: #000000B3 !important;
}

.header-search__input:focus {
	border-color: #000000 !important;
}

.list-menu--vertical > .list-menu__item {
	border-color: #00000066 !important;
}

.header-cart bq-minicart-button {
	--minicart-button-color: #000000;
	--minicart-button-hover-color: #000000;
}



.header__wrapper--with-menu {
grid-template-columns: max-content 1fr max-content;
}

.header__wrapper--with-mini-cart {
grid-template-columns: 1fr max-content 50px;
}

.header__wrapper--with-menu.header__wrapper--with-mini-cart {
grid-template-columns: max-content 1fr max-content 50px;padding-top:20px;
}

.image-banner-image-banner.image-banner__wrapper { background-color: #111111; }
.image-banner-image-banner .image-banner__inner { background-color: #111111; }
.image-banner-image-banner .image-banner__overlay { background-color: #000000; }
.image-banner-image-banner .image-banner__overlay { opacity: 0.4; }
.image-banner-image-banner #heading{ color: var(--color-primary-foreground); color: #FFFFFF; }
.image-banner-image-banner #text {
	color:white; /* var(--color-primary-foreground); */
/* 		color: #FF7717; */
}
.spacer-spacer hr { color: var(--color-border); }
.box-shadow{
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px;height:10px;
}



.header__nav--desktop input[type="checkbox"]:checked ~ .header__nav-submenu {overflow:visible}
.header__nav--desktop .header__nav-submenu .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 400px;
  display: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  z-index: 1000;padding:10px 20px;
}
.menu-item:hover > .submenu {
  display: block;
}

.submenu .submenu {
  top: 0;
  left: 100%;
}

.header__nav--desktop .header__nav-submenu .header__nav-item .submenu.open-sub {
  display:block;
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
}