/*
--------------------------------------
Header
--------------------------------------
*/

/*body:not(#index) .main-header-container {*/
/*  position: sticky;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  z-index: 10;*/
/*}*/

.main-header-inner-container {
  transition : all 0.4s ease-in-out;
}

.main-header-inner-container {
  position : fixed;
  top      : 0;
  left     : 0;
  width    : 100%;
  z-index  : 11;
}

#header {
  background    : transparent;
  border-bottom : 1px solid rgba(255, 255, 255, 0.15);
}

.main-header {
  background : rgba(255, 255, 255, 1);
  transition : all 0.4s ease-in-out;
  position   : relative;
}

.main-header--is-scrolled {
  position   : sticky;
  top        : 0;
  left       : 0;
  right      : 0;
  z-index    : 20;
  box-shadow : 0 4px 10px rgba(0, 0, 0, 0.2);
  transition : all 0.4s ease-in-out;
}

#index #header.main-header--is-scrolled {
  border-bottom : 1px solid transparent;
}

#header.main-header--is-scrolled,
#index #header.main-header--is-scrolled {
  background : #fff;
}

/*
--------------------------------------
Header info
--------------------------------------
*/

/*Containers*/

.header-infos {
  font-size  : 14px;
  background : transparent;
  color      : #FFF;
  padding    : 15px 0;
}

.header-infos .header-info__inner {
  display               : grid;
  grid-template-columns : 0.5fr 1fr 0.4fr 0.1fr;
  align-items           : center;
  max-width             : 95%;
  margin                : auto;
}

/*
--------------------------------------
Header contact left
--------------------------------------
*/

.header-info__contact-links {
  display    : flex;
  column-gap : calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.header-info__contact-link {
  font-size     : 14px;
  font-weight   : 400;
  color         : rgba(255, 255, 255, 0.7);
  line-height   : 16px;
  border-bottom : 1px solid transparent;
  transition    : all .35s ease-in-out;
}

.header-info__contact-link:hover,
.header-info__contact-link:focus {
  color         : rgba(255, 255, 255, 1);
  border-bottom : 1px solid #fff;
}

/*
--------------------------------------
Header logo
--------------------------------------
*/

.header-info__logo {
  display         : flex;
  justify-content : center;
}

.header-logo__link {
  color      : #fff;
  transition : all .35s ease-in-out;
}

.header-logo__link:hover,
.header-logo__link:focus {
  color : var(--color-secondary);
}

.header-logo__link svg {
  width : calc(150px + (250 - 150) * ((100vw - 320px) / (1920 - 320)));
}

/*
--------------------------------------
Header actions
--------------------------------------
*/

.header-actions {
  display         : flex;
  justify-content : flex-end;
  align-items     : center;
  column-gap      : calc(12px + (32 - 12) * ((100vw - 320px) / (1920 - 320)));
}

/*Common*/

.header-actions .link-icon a {
  color : #FFF;
}

/*Search*/

.header-info__search .search-widget input[type=text] {
  border-radius   : 27px;
  border          : 1px solid rgba(234, 227, 210, 0.40);
  background      : rgba(242, 239, 231, 0.15);
  backdrop-filter : blur(4px);
}

.header-info__search .search-widget form button[type=submit] {
  right         : unset;
  left          : 20px;
  background    : transparent;
  border        : none;
  border-radius : 27px;
  padding       : 0;
}

.header-info__search .search-widget input[type=text] {
  padding-left : 3em;
}

.header-info__search .search-widget input[type=text]::placeholder {
  color : #fff;
}

.secondary-style-menu .header-info__search .search-widget input[type=text] {
  color : #000;
}

/*Cart*/

.link-icon .cart-products-count {
  top         : -10px;
  right       : -2px;
  font-weight : 700;
  border      : 0;
}

/*
--------------------------------------
Header menu
--------------------------------------
*/

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] {
  display               : grid;
  grid-template-columns : 70% auto;
  padding               : 2em;
}

/*Menu item*/

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item:hover {
  background : transparent;
}

/*Menu link*/

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__title__wrapper {
  border-left : none;
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"] {
  font-size      : 14px;
  font-weight    : 500;
  color          : var(--color-primary);
  letter-spacing : 0.14px;
  text-transform : uppercase;
  transition     : all .35s ease-in-out;
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"] {
  color : #FFF;
}

#header.main-header--is-scrolled .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"] {
  color : #000;
}

#header.main-header--is-scrolled .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"]:hover,
#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"]:hover {
  color : var(--color-secondary);
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__top > li:hover .bwa-menu__title__wrapper {
  border-left : none;
}

.secondary-style-menu #header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item.hasSub .bwa-menu__title:after {
  border-bottom : 2px solid #000;
  border-right  : 2px solid #000;
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item.hasSub .bwa-menu__title:after {
  border-bottom : 2px solid #fff;
  border-right  : 2px solid #fff;
}

#header.main-header--is-scrolled .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item.hasSub .bwa-menu__title:after {
  border-bottom : 2px solid #000;
  border-right  : 2px solid #000;
}

#header.main-header--is-scrolled .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item.hasSub:hover .bwa-menu__title:after {
  border-bottom : 2px solid var(--color-secondary);
  border-right  : 2px solid var(--color-secondary);
}

/*submenu*/

#header .bwa-menu__sub-menu__main-list__item {
  background : transparent;
}

#header a.bwa-menu__sub-menu__link-title.js-sub-menu__trigger {
  font-size      : 17px;
  padding-bottom : 10px;
}

#header .bwa-menu__sub-menu__subcategories {
  display        : flex;
  flex-direction : column;
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-3"] .bwa-menu__sub-menu__main-list__item .bwa-menu__sub-menu__title__wrapper[data-depth="1"] .bwa-menu__sub-menu__title[data-depth="1"] {
  font-size      : 17px;
  font-weight    : 600;
  color          : #2C2722;
  line-height    : 36px;
  letter-spacing : -0.34px;
}

#header .bwa-menu__sub-menu__item .bwa-menu__sub-menu__link-title {
  color          : #2C2722;
  font-size      : 15px;
  font-weight    : 400;
  letter-spacing : -0.3px;
  transition     : all .35s ease-in-out;
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-1"] .bwa-menu__sub-menu__title[data-depth="1"] {
  font-size     : 1rem;
  border-bottom : none;
}

#header .bwa-menu__sub-menu__item .bwa-menu__sub-menu__link-title:hover {
  color : var(--color-secondary);
}

#header .bwa-menu__cover__wrapper img {
  object-fit    : cover;
  border-radius : 7px;
  height        : 100%;
}

#header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__sub-menu[data-template="template-1"] .bwa-menu__sub-menu__title[data-depth="1"]:after {
  content : "";
}

/*
--------------------------------------
Secondary style menu
--------------------------------------
*/

/*containers*/

.secondary-style-menu .main-header-container {
  position : sticky;
  top      : 0;
  left     : 0;
  width    : 100%;
  z-index  : 10;
}

#product.secondary-style-menu .main-header-container {
  z-index : 16;
}

.secondary-style-menu .main-header-inner-container {
  position : relative;
}

/*header logo*/

.secondary-style-menu .header-logo__link {
  color : #000;
}

/*links*/

.secondary-style-menu .header-info__contact-link,
.secondary-style-menu .header-actions .link-icon a {
  color : #000;
}

/*search*/

.secondary-style-menu .header-info__actions .search-widget input[type=text] {
  border     : 1px solid var(--color-quaternary);
  background : rgba(234, 227, 210, 0.25);
  color      : #000;
}

.secondary-style-menu .header-info__search .search-widget input[type=text]::placeholder,
.secondary-style-menu .search-widget form button[type=submit] {
  color : var(--color-quinary);
}

.secondary-style-menu .link-icon .cart-products-count {
  background : var(--color-quinary);
  color      : #fff;
}

.secondary-style-menu #header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"] {
  color : var(--color-quinary);
}

.secondary-style-menu #header .bwa-menu__top__wrapper[data-is-desktop="true"] .bwa-menu__main-item .bwa-menu__link-title[data-depth="0"]:hover {
  color : var(--color-secondary);
}