/*BANDEAU TOP*/

.header-banner {
  z-index     : 6;
  overflow    : hidden;
  display     : flex;
  align-items : center;
}

.container-header-banner_next, .container-header-banner_previous {
  color : var(--color-white-default);
}

.warning__wrapper {
  position        : relative;
  z-index         : 5;
  background      : var(--color-primary);
  padding         : 12px 0;
  display         : flex;
  justify-content : center;
}

.warning__wrapper.swiper {
  cursor  : pointer;
  display : flex;
}

.no-scroll .warning__wrapper {
  display : none;
}

.warning__wrapper p,
.warning__wrapper a,
.warning__wrapper span {
  color : var(--color-white-default);
}

.warning__title {
  cursor          : pointer;
  text-align      : center;
  display         : flex;
  justify-content : center;
}

.warning__title a {
  text-decoration : underline;
  transition      : all 0.5s ease-in-out;
}

.warning__title a:hover {
  text-decoration : underline;
}

.warning__title span:first-child {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.warning__content {
  display : none;
}

.warning__wrapper span {
  font-weight   : 400;
  border-bottom : 1px solid transparent;
  margin-left   : 0.5em;
}

.warning__content__container {
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
  text-align      : center;
}

.container-header-banner {
  margin          : 0 33px;
  display         : flex;
  justify-content : center;
  flex-direction  : column;
  gap             : 20px;
}

.warning__wrapper span {
  font-weight   : 400;
  border-bottom : 1px solid transparent;
  margin-left   : 0.5em;
}

@media (max-width : 400px) {
  .warning__wrapper span {
    font-size : 11px;
  }
}

.warning__wrapper .bottom-arrow {
  width        : 20px;
  margin-left  : 10px;
  margin-right : 5px;
  fill         : transparent;
  stroke       : #fff;
  stroke-width : 5px;
}

.headbanner-details-container {
  background : #0006;
  position   : absolute;
  box-sizing : border-box;
  width      : 100%;
  height     : 100vh;
  overflow   : hidden;
  transition : background-color .3s ease-in-out;
  display    : none;
  cursor     : pointer;
  top        : 0;
}

.headbanner-details-close {
  padding-right : 10px;
  padding-top   : 20px;
  display       : flex;
  align-items   : flex-end;
}

.headbanner-details-close svg {
  cursor : pointer;
}

.headbanner-details-list {
  background : var(--color-white-default);
  cursor     : initial;
}

.headbanner-details {
  display               : grid;
  grid-template-columns : 1fr;
  grid-gap              : 20px;
  padding               : 50px 0 100px;
}

.headbanner-details__item__title {
  font-size      : 20px;
  font-weight    : 600;
  text-transform : uppercase;
  margin-bottom  : 15px;
}

.headbanner-details__item__content {
  margin-bottom : 10px;
}

.headbanner-details__item__link {
  text-decoration : underline;
  font-weight     : 600;
}

.headbanner-details__item__link:hover {
  text-decoration : underline;
}

.no-scroll {
  overflow : hidden;
  height   : 100%;
}

@media (min-width : 768px) {
  .headbanner-details {
    grid-template-columns : repeat(2, 1fr);
  }
}

@media (min-width : 1200px) {
  .headbanner-details {
    grid-template-columns : repeat(3, 1fr);
  }
}

.header-banner_container {
  background : var(--color-primary);
  z-index    : 4;
}

.header-banner_container.header_banner--active {
  z-index : initial;
}

.header-banner_container-primary {
  display         : flex;
  z-index         : 6;
  justify-content : space-between;
  gap             : 80px;
  align-items     : center;
  padding-left    : 25px
}

.header_banner--active .header-banner_container-primary {
  padding : 0;
}

.header-banner_shop-info a {
  color       : var(--color-grey-default);
  font-size   : 15px;
  font-style  : normal;
  font-weight : 600;
  line-height : normal;
  display     : flex;
  align-items : center;
  gap         : 7px;
  white-space : nowrap;
}

span.header-banner_shop-info_txt {
  color          : var(--color-grey-default);
  font-size      : 13px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 25px;
  letter-spacing : 0.39px;
  opacity        : 0.7;
  white-space    : nowrap;
}

.header-banner_shop-info {
  display : flex;
  gap     : 7px;
}

.header-banner_shop-account {
  display     : flex;
  height      : 100%;
  min-height  : 50px;
  align-items : center;
}

a.account-pro {
  padding     : 16px 25px;
  color       : var(--color-white-default);
  text-align  : center;
  font-size   : 14px;
  font-style  : normal;
  font-weight : 500;
  line-height : normal;
}

a.account-part {
  padding     : 16px 25px 16px 30px;
  color       : var(--color-white-default);
  text-align  : center;
  font-size   : 14px;
  font-style  : normal;
  font-weight : 500;
  line-height : normal;
}

a.account-pro.--active {
  background : var(--color-secondary);
}

a.account-pro.--active:hover {
  background          : var(--gradient-pro);
  background-size     : 200% 200%;
  background-position : right center;
}

a.account-part.--active {
  background : var(--color-secondary);
}

a.account-part.--active:hover {
  background          : var(--gradient-user-context);
  background-size     : 200% 200%;
  background-position : right center;
}

.banner_shop-info, .header-banner_container.header_banner--active .header-banner_shop-info, .header-banner_container.header_banner--active .container-header-banner_next, .header-banner_container.header_banner--active .container-header-banner_previous {
  display : none;
}

.header-banner .swiper-slide {
  max-height      : 25px;
  display         : flex;
  align-items     : center;
  justify-content : center;
}

/*.header-banner .grc-site-rating {*/
/*  background    : var(--color-white-default);*/
/*  border-radius : 5px;*/
/*  padding       : 0 5px;*/
/*}*/