.main-header {
  position : relative;
  z-index  : 5;
  color    : var(--color-white-default);
}

.main-header a, .form__login.js-open-login-form .link-icon__text, .main-header .form__login {
  text-decoration : none;
  color           : var(--color-secondary);
  transition      : all 0.3s ease-out;
}

.main-header a:hover, .form__login.js-open-login-form:hover .link-icon__text, .main-header .form__login:hover {
  color : var(--color-tertiary);
}

.form__login.js-open-login-form {
  cursor : pointer;
}

.header-logo h1 {
  margin : 0;
}

.header-nav {
  background      : var(--color-white-default);
  display         : flex;
  justify-content : space-between;
}

/*
--------------------------------------
Style général overlay
--------------------------------------
*/
.overlay-global-except-header {
  position         : fixed;
  top              : 0;
  z-index          : 2;
  width            : 100%;
  height           : 100vh;
  background       : rgba(0, 0, 0, 0);
  pointer-events   : none;
  transition       : all 0.3s ease-out 0.2s;
  transform        : scaleY(0);
  transform-origin : top;
}

.overlay-global-except-header--is-show {
  transition     : all 0.3s ease-out;
  pointer-events : all;
  transform      : scaleY(1);
  background     : rgba(0, 0, 0, .4);
}

/*
--------------------------------------
Header template
--------------------------------------
*/
.header-infos {
  background : white;
  padding    : 8px 0;
}

.header-message {
  padding        : 8px 0;
  background     : var(--color-primary);
  color          : white;
  text-align     : center;
  text-transform : uppercase;
}

.infos-links {
  display         : flex;
  justify-content : flex-end;
}

.header-burger {
  cursor : pointer;
}

.link-icon.search-info {
  display : none;
}

.header-actions {
  display     : flex;
  align-items : center;
}

.header-actions > * + * {
  margin-left : calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.header-actions .link-icon a {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  text-align     : center;
}

.header-actions .link-icon__text {
  display     : none;
  font-size   : 15px;
  font-weight : 600;
}

.link-icon {
  position : relative;
}

.link-icon .cart-products-count,
.header-actions-footer__cart .cart-products-count {
  background    : var(--color-tertiary);
  border-radius : 100%;
  width         : 20px;
  line-height   : 20px;
  color         : white;
  text-align    : center;
  font-size     : 12px;
}

.link-icon .cart-products-count {
  position  : absolute;
  top       : -10px;
  right     : 10px;
  transform : translate3d(50%, 0, 0);
}


.cart-products-count {
  display : inline-block;
}

/*********************
* Header login form
**********************/
.form__login {
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
}

.login-form__open {
  position         : fixed;
  top              : 0;
  bottom           : 0;
  background-color : rgba(0, 0, 0, 0.75);
  box-shadow       : 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  width            : 100%;
  height           : 100%;
  z-index          : 999999;
  display          : none;
}

.login-form__open.active {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.login-form__container {
  display               : grid;
  grid-template-columns : 1fr;
  width                 : 100%;
  height                : 100%;
}

.login-form__container > * {
  grid-area : 1/1;
}

.login-form__content[data-tab="2"] {
  transform : translate3d(100%, 0, 0);
}

.login-form__content[data-tab="1"] {
  transform : translate3d(-100%, 0, 0);
}

.login-form__content {
  transition      : 0.3s ease;
  opacity         : 0;
  pointer-events  : none;
  visibility      : hidden;
  z-index         : 1;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : center;
  height          : 100%;
  margin          : auto;
  position        : absolute;
  width           : 100%;
  overflow        : auto;
}

.login-form__content.active {
  transform      : translate3d(0, 0, 0) !important;
  opacity        : 1;
  visibility     : visible;
  pointer-events : all;
  z-index        : 2;
}

.login-form__content__container {
  max-height : calc(100% - 100px);
}

.login-form__content__margin-bottom {
  height : 50px;
}

.login-form__content__inner {
  padding          : 40px 30px 30px;
  background-color : var(--color-white-default);
  border-radius    : 10px;
  width            : 600px;
}

.login-form__content__inner .title__content {
  text-align  : center;
  font-size   : calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));;
  line-height : 38px;
}

#login-form .form-control, #customer-form .form-control {
  border : none;
}

#customer-form .form-control {
  border-radius : 5px;
  border        : 1px solid #D1D1D1;
  overflow      : hidden;
}

#login-form .form-group-type {
  border-radius : 5px;
  border        : 1px solid #D1D1D1;
  overflow      : hidden;
}

.register-form__container {
  /*overflow: auto;*/
  /*max-height: calc(100% - 150px);*/
  padding-bottom : 15px;
}

.input-group .input-group-btn > .btn {
  background-color : transparent;
}

.forgot-password a {
  float           : right;
  color           : #566A77;
  font-size       : 13px;
  line-height     : 22px;
  text-decoration : underline;
}

.forgot-password a:hover {
  text-shadow : 0 0 .65px #555, 0 0 .65px #555;
}

#submit-login, button[data-link-action='save-customer'] {
  margin         : 10px 0;
  width          : 100%;
  height         : 50px;
  border-radius  : 50px;
  text-align     : center;
  font-size      : 18px;
  font-style     : normal;
  font-weight    : 600;
  line-height    : normal;
  letter-spacing : 0.36px;
}

#submit-login:hover, button[data-link-action='save-customer']:hover {
  background-color : var(--color-white-default);
  color            : var(--color-primary);
}

.no-account, .have-account {
  display          : flex;
  align-items      : center;
  justify-content  : center;
  background-color : white;
  height           : 50px;
  border           : 1px solid var(--color-primary);
  cursor           : pointer;
  color            : var(--color-primary);
  text-align       : center;
  font-size        : 18px;
  font-style       : normal;
  font-weight      : 600;
  line-height      : normal;
  letter-spacing   : 0.36px;
  border-radius    : 50px;
}

#customer-form div .form-group:first-child .form-control-label {
  visibility : hidden;
  opacity    : 0;
}

#customer-form .custom-radio {
  margin-right : 5px;
}

#customer-form .form-group {
  margin : 0 0.5em;
}

#customer-form div .form-group:first-child .form-group-type .radio-inline:first-child {
  margin-right : 3em;
}

.login-form__header {
  display         : flex;
  justify-content : space-between;
}

.help-block .slick-slider .slick-list .slick-track .slick-slide {
  max-width : 500px;
}

.login-form__close.js-login-form-close {
  cursor : pointer;
}

.header-nav__right {
  display       : flex;
  align-items   : center;
  padding-right : var(--container-primary-margin);
}

.header-nav__left {
  padding-left : var(--container-primary-margin);
}

.header-nav-avis__container {
  display         : flex;
  align-items     : center;
  flex-direction  : column;
  justify-content : center;
  padding         : 5px 25px;
  height          : 100%;
  border-left     : 1px solid #E8E8E8;
}

.header-nav-avis__content {
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : center;
}

.avis__stars {
  display               : grid;
  grid-template-columns : 1fr;
  margin-bottom         : 5px;
}

.avis__note {
  font-size   : 12px;
  color       : #6a6a6a;
  font-weight : 400;
}

.avis__stars > * {
  grid-area : 1/1;
  display   : flex;
  overflow  : hidden;
}

.avis__stars > * > svg {
  width        : 14px;
  height       : 14px;
  flex-shrink  : 0;
  margin-right : 1px;
}

.avis__stars > * > svg:last-child {
  margin-right : 2px;
}

.avis__stars-gold {
  z-index : 2;
}

.header-nav__list-links {
  padding-right : 25px;
  border-right  : 1px solid #E8E8E8;
  height        : 100%;
  display       : flex;
  align-items   : center;
}

.header-nav__link {
  color       : var(--color-black-default);
  font-size   : 14px;
  font-weight : 400;
  transition  : all 0.3s ease;
}

.header-nav__link:hover {
  opacity : 0.7
}

.header-nav__link:not(:last-child) {
  margin-right : 25px;
}

.header-nav-dimo__toggle {
  display : none;
}

.header-nav__advisor {
  max-width    : 290px;
  position     : relative;
  color        : var(--color-secondary);
  border-left  : 1px solid #E8E8E8;
  border-right : 1px solid #E8E8E8;
}

.advisor__head {
  display       : flex;
  align-items   : center;
  max-width     : 290px;
  padding       : 5px 10px 5px 10px;
  margin        : 5px 5px 5px 15px;
  border-radius : 5px;
  transition    : 0.3s ease;
  gap           : 5px;
}

.advisor__head:hover {
  cursor     : pointer;
  background : #f6f6f6;
}

.advisor__head img {
  width          : 40px;
  mix-blend-mode : darken;
}

.advisor__infos {
  display     : flex;
  font-size   : 14px;
  line-height : 1.3;
  font-weight : 400;
  align-items : center;
  gap         : 12px;
}

.advisor__content-link img {
  mix-blend-mode : darken;
}

.advisor__infos .advisor__tel {
  font-weight : 600;
}

.advisor__btn {
  border-radius   : 100%;
  display         : flex;
  justify-content : center;
  align-items     : center;
  width           : 22px;
  height          : 22px;
  transition      : 0.3s ease;
  background      : #ECEFF2;
}

.advisor__btn:hover {
  background : #ececec;
}

.advisor__btn svg {
  transform  : rotate(90deg);
  margin-top : 1px;
}

/*******************************
* Advisor Block
********************************/

.advisor__content {
  height         : 0;
  overflow       : hidden;
  pointer-events : none;
  display        : inherit;
  position       : absolute;
  right          : 1px;
  box-shadow     : rgba(0, 0, 0, 0.1) 0px 3px 6px;
  transition     : 0.3s ease;
  transform      : translateY(-5px);
  background     : var(--color-white-default);
  min-width      : 250px;
  max-width      : 290px;
  width          : 100%;
  border-left    : 1px solid #E8E8E8;
  border-bottom  : 1px solid #E8E8E8;
  opacity        : 0;
}

.advisor__content.active {
  border-bottom-left-radius  : 10px;
  border-bottom-right-radius : 10px;
  text-align                 : center;
  transform                  : translateY(0);
  height                     : auto;
  pointer-events             : all;
  display                    : flex;
  flex-direction             : column;
  opacity                    : 1;
}

.advisor__content-header {
  display        : flex;
  flex-direction : column;
  align-items    : flex-start;
  padding        : 5px 35px;
}

.advisor__content-header__title {
  font-size      : 20px;
  font-style     : normal;
  font-weight    : 700;
  line-height    : normal;
  letter-spacing : 0.4px;
  text-align     : left;
}

.advisor__content-header__content {
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : normal;
  letter-spacing : 0.32px;
  text-align     : left;
}

.advisor__content-inner {
  display        : flex;
  gap            : 10px;
  margin         : 15px 0 0;
  background     : #F5F5F5;
  border-radius  : 10px;
  padding        : 25px 35px;
  flex-direction : column;
}

.advisor__content-title {
  font-size      : 17px;
  font-weight    : 600;
  line-height    : 22px;
  color          : var(--color-secondary);
  text-transform : uppercase;
  margin-bottom  : 10px;
}

.advisor__content-content {
  font-size      : 14px;
  font-weight    : 400;
  line-height    : 20px;
  letter-spacing : .25px;
  color          : var(--color-secondary);
  margin         : 1em 0;
}

.advisor__btn svg.dropdown {
  transform : rotate(-90deg);
}

.advisor__title .hide-minimize {
  font-size   : 16px;
  font-weight : 700;
}

.bwa-menu__title_image {
  width         : 45px;
  height        : 45px;
  border-radius : 100%;
  transition    : 0.3s ease;
  background    : #E7E7E7;
}


.sub-menu__footer__item {
  display        : flex;
  flex-direction : column;
}

.sub-menu__footer__item {
  display               : grid;
  grid-template-columns : 1fr;
  width                 : 100%;
  height                : 195px;
  position              : relative;
  overflow              : hidden;
  border-radius         : 5px;
  margin-bottom         : 20px;
}

.sub-menu__footer__item > * {
  grid-area : 1/1;
}

.sub-menu__footer__item .sub-menu__footer__item__background {
  height   : 195px;
  width    : 100%;
  overflow : hidden;
}

.sub-menu__footer__item .sub-menu__footer__item__background img {
  width      : 100%;
  height     : 100%;
  object-fit : cover;
  transition : all 0.3s ease;
}

.sub-menu__footer__item:hover .sub-menu__footer__item__background img {
  transform : scale(1.1);
}

.sub-menu__footer__item .sub-menu__footer__item__content {
  background      : rgba(0, 0, 0, 0.2);
  padding         : 15px;
  display         : flex;
  justify-content : flex-end;
  flex-direction  : column;
  z-index         : 1;
}

.sub-menu__footer__item__title {
  color        : white;
  font-size    : 18px;
  margin-right : 40px;
}

.sub-menu__footer__item__trigger .sub-menu__trigger {
  position : absolute;
  bottom   : 15px;
  right    : 15px;
}

.bwa-menu__sub-menu__content, .bwa-menu__sub-menu__footer {
  padding : 40px 40px 10px;
}

.bwa-menu__sub-menu__content {
  margin-bottom : 20px;
}


.see-all-products-cat {
  margin-bottom : 30px;
  display       : block;
}

.icon_for_menu {
  margin-right : 20px;
}

/*************************
  Pop up login
*************************/

.form__login {
  cursor : pointer;
}

.popup-login__container.active {
  width    : 460px;
  height   : 600px;
  position : fixed;
  right    : 10%;
  color    : var(--color-secondary);
  top      : 0;
  z-index  : 99;
}


.popup-login__container .login-form__open.active {
  position : absolute;
  display  : flex;
}

.popup-login__container .login-form__open {
  box-shadow : none;
  background : none;
  width      : 100%;
  height     : 100%;
  z-index    : 999999;
  display    : none;
}

.popup-login__container .login-form__content__container {
  border-radius : 10px;
}

.popup-login__container .login-form__content__inner {
  width         : 400px;
  box-shadow    : 0 0 30px 0 rgba(0, 0, 0, 0.25);
  border-radius : 10px;
  margin        : 30px;
  padding       : 20px 30px 30px;
}

.popup-login__container .login-form__content {
  display : block;
}

.popup-login__container .login-form__content[data-tab="1"] {
  transform : translate3d(0, -100%, 0);
}

.popup-login__container .login-form__content[data-tab="2"] {
  transform : translate3d(0, -100%, 0);
}

#white_rounded_shape {
  display         : flex;
  justify-content : center;
  padding-top     : 10px;
}

#mo_social_icons {
  padding-top : 15px;
}

.mo_custom_login_icon_preview.mo_btn_no_i {
  display         : flex;
  justify-content : center;
  align-items     : center;
  padding         : 0 !important;
}

.popup-login__container .login-form__content {
  overflow-y    : auto;
  overflow-x    : hidden;
  border-radius : 10px;
}

.popup-login__container .login-form__content {
  scrollbar-width : none;
}

.popup-overlay {
  display : none;
}

.popup-overlay.active {
  width      : 100vw;
  height     : 100vh;
  position   : fixed;
  background : none;
  top        : 0;
  right      : 0;
  z-index    : 90;
  display    : block;
}

.popup-login__container .no-account {
  color      : var(--color-primary);
  transition : all 0.35s ease-in-out;
}

.popup-login__container .no-account:hover {
  color      : var(--color-white-default);
  background : linear-gradient(269deg, #E56A54 -3.27%, #CC5A46 95.63%);
}