/*
--------------------------------------
layout
--------------------------------------
*/
.main-header {
	display               : grid;
	grid-template-columns : var(--container-primary-margin) auto 1fr auto var(--container-primary-margin);
	align-items           : center;
	padding-bottom        : 10px;
}

.header-bg {
    grid-column : 1/-1;
    grid-row    : 1;
    align-self  : stretch;
    background  : white;
    z-index     : 4;
}

.main-header > :not(.header-bg) {
	z-index : 5;
}

.main-header .header-nav {
	z-index : 5;
}

.header-burger,
.header-logo,
.header-actions {
	grid-row : 1;
}

.header-search {
	grid-row : 2;
}

.header-burger {
	grid-column : 2;
}

.header-logo {
	grid-column : 3;
}

.header-actions {
	grid-column : 4;
    align-self  : stretch;
}

.header-search {
	grid-column : 2/-2;
}

.header-nav {
	z-index    : 5;
	background : transparent;
}

@media screen and (min-width: 1300px) {
  body[data-is-desktop="true"] .main-header {
    grid-template-columns : var(--container-primary-margin) auto auto 1fr auto auto var(--container-primary-margin);
  }
}

@media (min-width : 1200px) {
	body[data-is-desktop="true"] .main-header > * {
		grid-row : 1;
	}

	body[data-is-desktop="true"] .header-search {
		padding : 15px 0;
	}

	body[data-is-desktop="true"] .header-burger {
		grid-column : 2;
	}

	body[data-is-desktop="true"] .header-logo {
		grid-column : 3;
	}

	body[data-is-desktop="true"] .header-nav {
		grid-column : 4;
	}

	body[data-is-desktop="true"] .header-search {
		grid-column : 5;
	}

	body[data-is-desktop="true"] .header-actions {
		grid-column : 6;
	}

	body[data-is-desktop="true"] .header-burger {
		display : none;
	}

	body[data-is-desktop="true"] .main-header {
		padding-bottom : 0;
		position       : -webkit-sticky;
		position       : sticky;
		top            : 0;
	}

	body[data-is-desktop="true"] .main-header > *:not(.header-nav) {
		padding-top    : 7px;
		padding-bottom : 7px;
    height: 69px;
	}

	body[data-is-desktop="true"] .header-search {
		padding : 7px 25px;
	}

	body[data-is-desktop="true"] .header-nav .bwa-menu__top__wrapper {
		background : transparent;
		border-top : none;
	}
}

/*
--------------------------------------
global
--------------------------------------
*/
.overlay_global {
	left : 0;
}

/*
--------------------------------------
burger
--------------------------------------
*/
.header-burger {
	text-align   : center;
	margin-right : 10px;
}

.header-burger p {
	margin : 0;
}

/*
--------------------------------------
Search
--------------------------------------
*/
.search-widget {
	width : 100%;
}

.search-widget form {
	position    : relative;
	display     : flex;
	align-items : center;
  background: #E8E4DD;
  height: 55px;
  border-radius: 50px;
}

.search-widget input[type=text] {
	border-radius : 30px;
	width         : 100%;
  height: 40px;
	padding-left  : calc(2em + 20px);
	color         : var(--color-primary);
	border        : none;
	transition    : all .3s ease-out;
}

.search-widget form input[type=text]:focus {
	border-color : var(--color-primary);
	outline      : none;
}

.search-widget form button[type=submit] {
	position        : absolute;
	left           : 0;
	height          : 100%;
	display         : flex;
	justify-content : center;
	align-items     : center;
	padding         : 0 15px;
	text-align      : center;
	color           : #fff;
	background      : transparent;
	border          : none;
	border-radius   : 0 30px 30px 0;
}

.search-widget form input[type=text]:focus + button .search {
	color : white;
}

@media (min-width : 1200px) {
	.search-widget form input[type=text] {
		min-height : 52px;
	}
}

@media (min-width: 767px) and (max-width: 1199px) {
  .main-header {
    position: absolute;
    top: 66px;
    width: 100%;
  }

  #header {
    background: unset;
  }

  .header-actions {
    grid-template-columns: repeat(4,1fr);
    transform: translateY(5px);
  }

  .header-search {
    display: none;
  }

  .header-search.header-search--is-show {
    display: flex !important;
  }

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

  .main-header a {
    display: block;
    margin: 0 auto;
  }

  .search-widget input[type=text] {
    background-color: transparent;
  }
}

@media (max-width: 768px) {
  .header-actions {
    grid-template-columns: repeat(2,1fr);
    transform: translateY(5px);
  }

  .main-header {
    position: absolute;
    top: 66px;
    width: 100%;
  }

  .header-search.js-header-search {
    display: none;
  }

  .header-search-trigger {
    display: none;
  }

  #logo svg {
    display: block;
    margin: 0 auto;
  }

  .logo-menu a {
    display: block;
  }

  .search-widget input[type=text] {
    background-color: transparent;
  }
}

@media (min-width: 768px) and (max-width: 1199px ) {
  body#product #wrapper {
    margin-top: 100px;
  }

  .product-cover img {
    display: block;
    margin: 0 auto;
  }

  .slider-imgs-product__wrapper {
    margin: 10px auto 0;
  }
}

@media screen and (min-width : 1200px) and (max-width: 1299px) {
  body[data-is-desktop="true"] .main-header {
    grid-template-columns : 20px auto auto 1fr auto auto 20px;
  }
}