@charset "UTF-8";
:root,
html {
  font-size: 12px;
}

/*  ШАПКА*/
.vi-head-container__item--top {
  display: none;
}
.vi-head-container__item--mobile-mesagge {
  background: var(--dark);
  padding: 1rem 0.6666666667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /*gap: 1.3333333333rem;*/
  color: var(--white);

  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3333333333rem;
}
.vi-head-container__item--mobile-mesagge img{
  margin-left:1.3333333333rem;
}

.vi-head-container__item--mobile-mesagge.vi-hide {
  display: none;
}

.vi-header.vi-header_hidden {
  position: static;
}

.vi-header_hidden .vi-main-menu__element--logo {
  transform: translateY(-100%);
}

.vi-top-menu {
  height: 37px;
}
.vi-top-menu__item--left {
  display: none;
}
.vi-top-menu__item--right {
  display: none;
}

.vi-main-menu {
  /*gap: 2rem;*/
  /*background: unset;*/
}
.vi-main-menu__item {
  display: flex;
  flex-direction: column;
}
/*.vi-main-menu__item--top {*/
/*  gap: 1.3333333333rem;*/
/*}*/
.vi-main-menu__item--top__element--search {
  flex: 1;
}
.vi-main-menu__item--bottom {
  display: none;
}
.vi-main-menu__element--logo {
  display: flex;
  flex-direction: column;
  /*gap: 0.9166666667rem;*/
  transform: translateY(0);
  transition: 0.6s;
  padding: 0.9166666667rem 0.6666666667rem 1rem 0.6666666667rem;
  background: var(--white);
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(51, 51, 51, 0.1);
}
.vi-main-menu__element--buttons {
  order: 2;
  display: none;
  padding-top: 0.6666666667rem;
  margin-top: 1.3333333333rem;
}
.vi-main-menu__element--search {
  flex: 1;
  order: 1;
  display: none;
  margin-top: 1.3333333333rem;
}
.vi-main-menu__element--button {
  z-index: 11;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--light);
  box-shadow: 0px -8px 16px 0px rgba(51, 51, 51, 0.1);
}
.vi-main-menu__element--submenu {
  display: none;
}
.vi-main-menu__element--info {
  display: none;
}
.vi-main-menu__container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.vi-mobile-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 0 0.6666666667rem;
}
.vi-mobile-info__item--top {
  display: flex;
  flex-direction: column;
  /*gap: 1.3333333333rem;*/
  flex-grow: 1;

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  color: var(--dark);
}
.vi-mobile-info__item--top a{
  margin-bottom:1.3333333333rem;
}

.vi-mobile-info__item--bootom {
  padding: 2rem 0.6666666667rem;
  margin: 0px -0.6666666667rem;
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  background: var(--dark);
  color: var(--white);

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  gap: 0.6666666667rem;
}

.vi-tel {
  color: var(--orange);

  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.6666666667rem;
}

.vi-adress {
  padding-top: 0.6666666667rem;

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}

.vi-mobile-inform {
  background: var(--white);
}
.vi-mobile-inform .vi-main-menu__element--logo {
  box-shadow: none;
}
.vi-mobile-inform .vi-head-container__item--mobile-mesagge {
  display: none;
}
.vi-mobile-inform .vi-main-menu {
  /*position: fixed;*/
  width: 100%;
  top: 0;
}
.vi-mobile-inform .vi-nav-button {
  display: none;
}
.vi-mobile-inform .vi-main-box {
  display: none;
}
.vi-mobile-inform .vi-footer-container {
  display: none;
}
.vi-mobile-inform .vi-gamburger__static {
  display: none;
}
.vi-mobile-inform .vi-gamburger__active {
  display: block;
}
.vi-mobile-inform .vi-main-menu__element--info {
  display: flex;
  margin-bottom: auto;
}

.vi-logo {
  padding: 0.5rem 0;
}

/*.vi-buttons {*/
/*  gap: 1.5833333333rem;*/
/*}*/
.vi-buttons__item {
  padding: 1.0833333333rem 2.9166666667rem;

  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1666666667rem;
}
.vi-buttons__item:last-child{
  margin-left: 1.5833333333rem;
}


.vi-search {
  height: 48px;
  padding: 1rem 0.6666666667rem;
}
.vi-search form {
  width: 100%;
}
.vi-search input:not([type=button]) {

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}
.vi-search input:not([type=button])::placeholder {

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

.vi-nav-button {
  gap: 3.0833333333rem;
  padding: 0.6666666667rem 0.9166666667rem 1.6666666667rem 0.9166666667rem;
  align-items: center;
  /*.Добавлено для теста на MAC OS*/
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-template-rows: 1fr;
  /*.Добавлено для теста на MAC OS*/
}
.vi-nav-button__item {

  font-size: 0.8333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.8333333333rem;
  letter-spacing: -0.0833333333rem;
}
.vi-nav-button__item--wishes {
  order: 4;
}
.vi-nav-button__item--wishes .icon.active::after {
  left: 1.8333333333rem;
  top: -2.0833333333rem;
  padding: 0.1666666667rem 0.3333333333rem;
}
.vi-nav-button__item--wishes svg {
  width: 27px;
  height: 23.143px;
  margin: 0.25rem 0.3725rem 0.5rem 0.3333333333rem;
}
.vi-nav-button__item--cart {
  order: 5;
}
.vi-nav-button__item--cart .icon2.active::after {
  left: 1.5833333333rem;
  top: -2.0833333333rem;
  padding: 0.1666666667rem 0.3333333333rem;
}
.vi-nav-button__item--cart svg {
  width: 27px;
  height: 30.094px;
  margin: 0.0833333333rem 0.1666666667rem 0.0758333333rem 0.25rem;
}
.vi-nav-button__item--person {
  order: 2;
}
.vi-nav-button__item--person svg {
  width: 32px;
  height: 32px;
  margin-right: 4px;
}
.vi-nav-button__item--gamburger {
  display: flex;
  order: 1;
}
.vi-nav-button__item--gamburger svg {
  width: 32px;
  height: 32px;
}
.vi-nav-button__item--katalog {
  display: flex;
  order: 3;
}
.vi-nav-button__item--katalog svg {
  width: 32px;
  height: 32px;
}

.vi-menu {
  /*gap: 0.6666666667rem;*/
  width: 100%;
  /*padding-bottom: toRem(20); */
  flex-direction: column;
  height: 100%;
}
.vi-menu__item {

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom:0.6666666667rem ;
  min-height: 32px;
}
.vi-menu__item:nth-last-child(1) {
  padding-bottom: 0rem;
  margin-bottom: 1.6666666667rem;
}
.vi-menu__item span {
  padding: 0.0833333333rem 0;
}
.vi-menu__item.active {
  border: unset;
  border-radius: unset;
}
.vi-menu__item img {
  display: block;
  padding-bottom: 0.5rem;
}

.vi-submenu {
  padding: 0 0.6666666667rem;
  gap: 0.6666666667rem;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  border: unset;
  height: 100%;
}
.vi-submenu__item--banner {
  display: none;
}

.vi-banner-img{
  display: none !important;
}
.vi-submenu.active {
  animation: slideOutLeft 0.5s ease forwards;
}
.vi-submenu.non-active {
  right: -100%;
  animation: slideOutRight 0.5s ease forwards;
}
.vi-submenu__item {
  gap: 0.6666666667rem;
  width: 100%;
  padding-top: 0px;
}
.vi-submenu__item-title{
  position: relative;
  top:0px;
  height: 2.778rem;
}
.vi-submenu__item-title, .vi-submenu__item-title *{
  font-size: 1.2rem;

}
.vi-submenu__item a {
  display: flex;
  justify-content: space-between;
}
.vi-submenu__item a span {
  padding: 0.0833333333rem 0;
}
.vi-submenu__item a img {
  padding-bottom: 0.5rem;
}

@keyframes slideOutLeft {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}
@keyframes slideOutRight {
  from {
    right: 0;
  }
  to {
    right: -200%;
  }
}
.vi-offers {
  gap: 1.6666666667rem;

  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3333333333rem;
  width: fit-content;
  margin: 0px auto;
}

.vi-mobile-open {
  background: var(--white);
}
.vi-mobile-open .vi-main-menu__element--logo {
  box-shadow: none;
  transition: 0s;
}
.vi-mobile-open .vi-main-menu__element--button {
  display: none;
}
.vi-mobile-open .vi-head-container__item--mobile-mesagge {
  display: none;
}
.vi-mobile-open .vi-footer-container {
  display: none;
}
.vi-mobile-open .vi-main-box {
  display: none;
}
.vi-mobile-open .vi-gamburger__static {
  display: none;
}
.vi-mobile-open .vi-gamburger__active {
  display: block;
}
.vi-mobile-open .vi-title-submenu {
  display: flex;

  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--dark);
  margin-top:0.9166666667rem;
}
.vi-mobile-open .vi-title-submenu img {
  display: none;
}
.vi-mobile-open .vi-main-menu__item--bottom {
  padding: 0 0.6666666667rem;
  display: block;
  height: auto;
  flex: 1 1 auto;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--orange) var(--white);
  margin-top: 2rem;
}
.vi-mobile-open .vi-main-menu__item--bottom::-webkit-scrollbar {
  width: 2px;
}
.vi-mobile-open .vi-main-menu__item--bottom::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  border-radius: 2px;
}
.vi-mobile-open .vi-main-menu__item--bottom::-webkit-scrollbar-track {
  background-color: var(--white);
}
.vi-mobile-open__element--button {
  display: none;
}
.vi-mobile-open__element--buttons {
  display: block;
}
.vi-mobile-open__element--search {
  display: block;
}

.vi-offers {
  display: none;
}

.vi-mobile-open .vi-submenu.active {
  padding-bottom: 1.6666666667rem;
  height: 100%;
  scrollbar-width: thin;
  scrollbar-color: var(--orange) var(--white);
}
.vi-mobile-open .vi-submenu.active:hover {
  scrollbar-color: var(--orange) var(--white);
}
.vi-mobile-open .vi-submenu.active::-webkit-scrollbar {
  width: 2px;
}
.vi-mobile-open .vi-submenu.active::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  border-radius: 6px;
}
.vi-mobile-open .vi-submenu.active::-webkit-scrollbar-track {
  background-color: var(--white);
}
.vi-mobile-open .vi-main-menu {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
}
.vi-mobile-open.active .vi-main-menu__item--bottom {
  overflow: hidden;
}
.vi-mobile-open.active .vi-title-submenu {
  display: flex;
  align-items: center;
  /*gap: 1.3333333333rem;*/
}
.vi-mobile-open.active .vi-title-submenu img {
  display: block;
  margin-right:1.3333333333rem ;
}
.vi-mobile-open.active .vi-main-menu__element--search {
  display: none;
}
.vi-mobile-open.active .vi-main-menu__element--buttons {
  display: none;
}

.vi-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vi-gamburger {
  padding: 0.6666666667rem;
  background: var(--light);
}
.vi-gamburger__static {
  display: block;
}
.vi-gamburger__active {
  display: none;
}

.vi-title-submenu {
  display: none;
}

.vi-close-message {
  cursor: pointer;
}

.vi-arrow {
  cursor: pointer;
}

.vi-title-submenu {
  cursor: pointer;
}

@media (min-width: 376px) and (max-width: 769px) {
  .vi-mobile-open .vi-main-menu__element--buttons {
    display: flex;
    justify-content: center;
  }
  .vi-mobile-open .vi-main-menu__element--search {
    display: flex;
    padding: 0.6666666667rem;
  }
  .vi-nav-button {
    justify-content: center;
  }
  .vi-buttons {
    justify-content: center;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .vi-main-menu__element--button {
    justify-content: center;
  }
  .vi-nav-button {
    gap: 1.25rem;
    justify-content: center;
  }
  .vi-buttons__item {
    padding: 1.0833333333rem 1.6666666667rem;
  }
  .vi-nav-button__item{
    font-size: 1rem;
  }
  .vi-mobile-open .vi-main-menu__element--buttons {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .vi-mobile-open .vi-main-menu__element--buttons {
    display: flex;
    justify-content: center;
  }
  .vi-mobile-open .vi-main-menu__element--search {
    display: block;
    padding: 0 0.6666666667rem;
    /*margin-top: -1rem;*/
  }
}
/*.vi-banner {*/
/*  gap: 0.3333333333rem;*/
/*}*/
.vi-banner__item--gender {

  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.04rem;
}
.vi-banner__item--title {

  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6666666667rem;
  letter-spacing: 0.08rem;
  padding-top: 0.3333333333rem;
  margin-top: 0.3333333333rem;
}
.vi-banner__item--discount {

  font-size: 2.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: 4rem;
  letter-spacing: 0.1066666667rem;
}
.vi-banner__item--show-more {
  margin-top: 0.6666666667rem;
  padding: 1rem 1.3333333333rem;

  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1666666667rem;
  letter-spacing: 0.0466666667rem;
  display: none;
}

.vi-main-box h1, .vi-main-box h2, .vi-main-box h3, .vi-main-box h4, .vi-main-box h5,
.vi-main-box .h1, .vi-main-box .h2, .vi-main-box .h3, .vi-main-box .h4, .vi-main-box .h5{
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 2rem;
}
.vi-main-box p {

  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8333333333rem;
  margin-top: 1.3333333333rem;
}

.vi-input-form {
  padding: 0.8333333333rem 0.6666666667rem;
}
.vi-input-form input,.vi-input-form textarea {
  padding: 0px !important;
  font-size: 1.1666666667rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  border: none !important;
  line-height: normal !important;
}


/*  СЛАЙДЕР*/
.vi-main-slider {
  padding: 4rem 0.6666666667rem 0 0.6666666667rem;
  /*gap: 3.805rem;*/
  flex-direction: column;
  align-items: unset;
  justify-content: unset;
}
.vi-main-slider__item--graphics {
  display: flex;
  justify-content: center;
  margin-top: 3.805rem;
}
.vi-main-slider__background {
  width: 252px;
  height: 239.707px;
}
.vi-main-slider__dashed-big {
  left: 9.1666666667rem;
  top: 1.8883333333rem;
  width: 201px;
  height: 191.195px;
}
.vi-main-slider__dashed-small {
  width: 137px;
  height: 130.317px;
  right: 2.3333333333rem;
  top: 6.5791666667rem;
  left: -4.75rem;
}
.vi-main-slider__image {
  top: 7.25rem;
  left: 0.5833333333rem;
  display: none;
}
.vi-main-slider__image-mobile {
  position: absolute;
  top: -1.5708333333rem;
  left: -3.5rem;
}

.vi-slider-box .slick-arrow {
  margin: 0 1.4166666667rem 0 1.4166666667rem;
  z-index: 10;
}

.vi-slider-box .slick-dots {
  top: 1.3333333333rem;
  /*gap: 1.1666666667rem;*/
}

.vi-slider-box .slick-arrow.slick-prev {
  opacity: 0;
}

.vi-slider-box .slick-arrow.slick-next {
  opacity: 0;
}

@media (min-width: 376px) and (max-width: 769px) {
  .vi-main-slider {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .vi-main-slider {
    overflow: hidden;
  }
  .vi-main-slider__image-mobile {
    left: -2.6666666667rem;
  }
  .vi-main-slider__image-mobile img {
    width: 304px;
  }
  .vi-banner__item--discount {
    font-family: Montserrat;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: 0.1066666667rem;
  }
}
.vi-slider-box {
  overflow: visible;
}

.vi-slider-box .slick-dots button {
  background-color: var(--dark);
  margin-right: 1.1666666667rem;
}

/*  BAG OFFER*/
.vi-bags {
  gap: 1.6666666667rem;
  /*flex-direction: column;*/
  padding: 4rem 0.6666666667rem 2rem 0.6666666667rem;
  display: grid;
}
.vi-bags__item--small {
  gap: 1.6666666667rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
}
.vi-bags__item--small a{
  width: 100%;
}
.vi-bags__item--big {
  width: 100%;
}
.vi-bags__element {
  width: calc(50% - 10px);
  flex-direction: column-reverse;
  padding-bottom: 2rem;
}
.vi-bags__element--margin {
  margin-top: unset;
}
.vi-bags__component {
  padding-top: 2.6666666667rem;
}
.vi-bags__title {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8333333333rem;
  letter-spacing: 0.0466666667rem;
}
.vi-bags__image--saqoyage {
  padding: 1.8333333333rem 0 2.1666666667rem 0;
}
.vi-bags__image--saqoyage img {
  width: 74px;
  height: 73px;
}
.vi-bags__image--portfel {
  padding: 1.3333333333rem 0 0.6666666667rem 0;
}
.vi-bags__image--portfel img {
  width: 74px;
  height: 86px;
}
.vi-bags__image--kosmetichki {
  padding: 2.75rem 0 2.9166666667rem 0;
}
.vi-bags__image--kosmetichki img {
  width: 74px;
  height: 53px;
}
.vi-bags__image--kluchnici {
  padding: 3.1666666667rem 0 3.3333333333rem 0;
}
.vi-bags__image--kluchnici img {
  width: 74px;
  height: 43px;
}
.vi-bags__image--chemodany {
  height: 178px;
  overflow: hidden;
  padding: 1.3333333333rem 0 0.6666666667rem 0;
}
.vi-bags__image--chemodany img {
  width: 146px;
  height: 100%;
}

@media (min-width: 390px) and (max-width: 769px) {
  .vi-bags__image--portfel {
    padding: 1.3333333333rem 0 1.5833333333rem 0;
  }
}
/* Original brands*/
.vi-brand {
  padding: 2rem 0.6666666667rem 2rem 0.6666666667rem;
  /*gap: 2.6666666667rem;!!!!!!!*/
}
.vi-tags .vi-brand {
  gap: 2.6666666667rem;
}
.vi-brand__item {
  display: flex;
}
.vi-brand__item--top {
  flex-direction: column;
  /*gap: 2rem;*/
}
.vi-brand__item--bottom {
  /*column-gap: 2%;*/
  justify-content: center;
  margin-top: 2.6666666667rem;
  /*padding-left:10px ;*/
  display: grid;
  width: 100%;
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  column-gap: 20px;
}
.vi-brand__heading {
  width: 170px;
  font-family: Montserrat;
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.vi-brand__link {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8333333333rem;
}
.vi-brand__list {
  margin-top: 2rem;
  /*gap: 2rem;*/
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.vi-brand__list::-webkit-scrollbar {
  display: none;
}
.vi-brand__name {
  margin-right:2rem;
  padding: 0.6666666667rem;
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1666666667rem;
  letter-spacing: 0.0466666667rem;
  flex: 0 0 auto;
}


.vi-goods-card {
  /*width: calc(50% - 20px);
  margin-right: 20px;*/
  /*width: 49%;*/
  /*width: calc(50% - 20px);
  margin-right: 20px;*/
  /*padding-left: 10px;*/
}


.vi-goods-card__description {
  justify-content: center;
  align-items: center;
  height: 214px;
}
.vi-goods-card__description--first-pic-size picture img {
  width: 150px;
  height: 148px;
}
.vi-goods-card__description--second-pic-size picture img {
  width: 140px;
  height: 162px;
}
.vi-goods-card__title {
  padding: 0.6666666667rem 0 2rem 0;
  /*gap: 0.5rem;*/
}
.vi-goods-card__name {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8333333333rem;
}
.vi-goods-card__costs {
  /*gap: 1.5rem;*/
  align-items: center;
  margin-top: 0.5rem;
}
.vi-goods-card__price-before {
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3333333333rem;
  letter-spacing: 0.04rem;
}


.vi-goods-card__price-now {
  font-family: Montserrat;
  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.0533333333rem;
  margin-left: 1.5rem;
}
@media (min-width: 320px) and (max-width: 330px){
  .vi-goods-card__price-now{
    margin-left: 0;
    margin-right: 0.25rem;
  }
  .vi-goods-card__costs {
    justify-content: space-between;
  }

}
.vi-goods-card__gift-choose {
  font-family: Montserrat;
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 1.0833333333rem 0;
}
.vi-goods-card__gift-choosen > :not(:first-child) {
  margin-left: 0.8333333333rem;
}

.vi-label {
  bottom: 0.75rem;
  left: 0.75rem;
  /*gap: 0.1666666667rem;*/
}
.vi-label img {
  display: none;
}
.vi-label__item {
  padding-bottom: 0.0833333333rem;
  gap: 0.3333333333rem;
  text-align: center;
  font-family: Montserrat;
  font-size: 1.0rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.0rem;
  letter-spacing: 0.0333333333rem;
  color: var(--white);
  text-align: left;
  margin-bottom: 0.1666666667rem;
}
.vi-label__item--discount {
  background: var(--danger-tranporant);
}
.vi-label__item--bestseller {
  background: var(--orange-tranporant);
}
.vi-label__item--delivery {
  background: var(--orange-light-tranporant);
  width: 125px;
}
.vi-label__item--available {
  background: var(--greenish-blue-tranporant);
}

.vi-wish {
  top: 1.3333333333rem;
  right: 0.6666666667rem;
}
.vi-wish svg {
  width: 24px;
  height: 24px;
}

.vi-cart {
  top: 1.3333333333rem;
  right: 3.667rem;
}
  .vi-cart svg{
    width: 22px;
    height: 22px;
  }


.vi-show-more {
  bottom: 0;
  right: 0;
  gap: 0.3333333333rem;
  padding: 1.6666666667rem;
  font-family: Montserrat;
  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3333333333rem;
  visibility: hidden;
}

/* Goods_slider*/
.vi-goods {
  padding: 2rem 0.6666666667rem 2rem 0.6666666667rem;
}
.vi-goods--modificator-apload .vi-goods-slider {
  gap: 1.6666666667rem;
}
.vi-goods__title {
  padding-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vi-goods__heading {
  font-family: Montserrat;
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 170px;
}
.vi-goods__heading-gift {
  /*column-gap: 1.3333333333rem;*/
  font-family: Montserrat;
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  align-items: center;
  width: fit-content;
  margin: 0px auto;
}
.vi-goods__heading-gift > :not(:first-child){
  margin-left:1.3333333333rem ;
}

.vi-goods__link {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8333333333rem;
  color: var(--orange);
}
.vi-goods__slider-button {
  display: none;
}

.vi-goods-slider .slick-slide {
  width: calc(50vw - 20px);
  margin-right: 20px;
  /*padding-left: 10px;*/
}
/*.vi-goods-slider .slick-slide>:not(:first-child){*/
/*  margin-left: 20px;*/
/*}*/



/*.vi-goods-slider .slick-dots {*/
/*  gap: 1.1666666667rem;*/
/*}*/
.vi-goods-slider .slick-dots{
  height: 40px;
}
.vi-goods-slider .slick-dots button{
  margin-right:1.1666666667rem ;
}

/*.vi-goods-slider .slick-track {*/
/*  gap: 1.6666666667rem;*/
/*}*/
.vi-goods-slider .slick-slide .vi-goods-card{
  margin: 0;
  padding: 0;
}

@media (min-width: 320px) and (max-width: 374px) {
  .vi-goods--modificator-apload .vi-goods__item--slider {
    width: calc(100vw - 28px);
  }
  .vi-goods-slider .slick-slide {
    width: calc(50vw - 20px);
    margin-right: 20px;
  }
  /*.vi-goods-slider .slick-track {*/
  /*  gap: 0.8333333333rem;*/
  /*}*/
}
/* Discount-info*/
.vi-discount-info {
  padding: 2rem 0;
}
.vi-discount-info .vi-banner__item--show-more {
  display: block;
  margin: 0 auto;
}

.vi-banner__item--main-title {
  align-items: center;
}
.vi-banner__item--for-users {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8333333333rem;
  letter-spacing: 0.0466666667rem;
  text-align: center;
}
.vi-banner__subtitle {
  font-family: Montserrat;
  font-size: 1.3333333333rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0533333333rem;
}
.vi-banner__title {
  font-family: Montserrat;
  font-size: 2.6666666667rem;
  font-style: normal;
  font-weight: 900;
  line-height: 4rem;
  letter-spacing: 0.1066666667rem;
}
.vi-banner-img img {
  width: 295px;
  height: 194px;
}

.vi-banner-container {
  flex-direction: column;
  /*gap: 1.3333333333rem;*/
  padding-top: 2rem;
}
.vi-banner-container .vi-banner {
 margin-bottom: 1.3333333333rem;
}
/*vi-banner-container.vi-banner-img{*/
/*  margin-top: 1.3333333333rem;*/
/*}*/
.vi-banner-container .vi-banner__item{
  margin-bottom: 1.3333333333rem;
}



/* About-us*/
.vi-about {
  padding: 2rem 0.6666666667rem;
}
.vi-about__item {
  width: 100%;
}
.vi-about__item--text {
  padding: 1.3333333333rem 0;
}
.vi-about__item--imgages {
  display: none;
}
.vi-about__title {
  font-family: Montserrat;
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0666666667rem;
}
.vi-about__description {
  gap: 2.6666666667rem;
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6666666667rem;
}

/* Our-benefits*/
.vi-benefits {
  padding: 2rem 0.6666666667rem 2rem 0.6666666667rem;
}
.vi-benefits__title {
  font-family: Montserrat;
  font-size: 1.6666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.0666666667rem;
}
.vi-benefits__container {
  padding: 2rem 0;
  flex-direction: column;
  /*gap: 1.6666666667rem;*/
}
.vi-benefits__item {
  width: 100%;
  padding: 2rem 0 2.3333333333rem 0;
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8333333333rem;
  letter-spacing: 0.0466666667rem;
  margin-bottom: 1.6666666667rem;
}
.vi-benefits__item:last-child{
  margin-bottom: 0;
}

.vi-benefits__link img {
 margin-bottom: 1.3333333333rem;
}

/* Alvorada*/
.vi-alvorada .vi-banner-container {
  gap: 1.4166666667rem;
  justify-content: space-between;
  height: 500px;
  position: relative;
}
.vi-alvorada .vi-banner__title {
  font-family: Montserrat;
  font-size: 2rem;
  font-style: normal;
  font-weight: 900;
  line-height: 2.6666666667rem;
  letter-spacing: 0.08rem;
  text-align: center;
}
.vi-alvorada .vi-banner__img {
  display: none;
}
.vi-alvorada .vi-banner__item--show-more {
  display: block;
  margin: 0px auto;
}
.vi-alvorada .vi-banner-img {
  display: none;
}
.vi-alvorada .vi-banner-img-mob {
  width: 807px;
  height: 100%;
  background: no-repeat;
  background-size: cover;
  position: absolute;
  top: 10.5833333333rem;
  right: -28.4166666667rem;
}

/*  НОГИ*/
.vi-footer-container {
  padding-bottom: 5.845rem;
}

.vi-footer__item--menu {
  padding: 4rem 0.6666666667rem 4rem 0.6666666667rem;
}

.vi-footer-menu {
  flex-direction: column;
}
.vi-footer-menu__item {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8333333333rem;
  /*gap: 0.6666666667rem;*/
}
.vi-footer-menu__item--shop > :not(:last-child),
.vi-footer-menu__item--man > :not(:last-child),
.vi-footer-menu__item--client >:not(:last-child),
.vi-footer-menu__item--wooman >:not(:last-child){
  margin-bottom: 0.6666666667rem;
}

.vi-footer-menu__item--wooman {
  padding-top: 2.6666666667rem;
}
.vi-footer-menu__item--man {
  padding-top: 2.6666666667rem;
}
.vi-footer-menu__item--client {
  padding-top: 2.6666666667rem;
}
.vi-footer-menu__title {
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8333333333rem;
}
.vi-footer-menu__title--contact {
  padding-top: 1.3333333333rem;
}
.vi-footer-menu__title--work-time {
  display: flex;
  flex-direction: column;
}
.vi-footer-menu__title--payment {
  padding-top: 1.3333333333rem;
}
.vi-footer-menu__payment {
  gap: 1.3333333333rem;
}
.vi-footer-menu__payment a{
  margin-right: 1.3333333333rem;
}
.vi-footer-menu__payment a:last-child{
  margin-right: 0rem;
}


.vi-footer-menu-link {
  display: flex;
  /*gap: 9.5rem;*/
  justify-content: space-between;
}
.vi-footer-menu-link__item {
  display: flex;
  flex-direction: column;
  /*gap: 0.6666666667rem;*/
  width: 40%;
}
.vi-footer-menu-link__item > :not(:last-child) {
  margin-bottom: 0.6666666667rem;
}


.vi-footer-copyright {
  padding: 0.3333333333rem 4.1666666667rem;
  flex-direction: column;
  justify-content: center;
  gap: 0.6666666667rem;
}
.vi-footer-copyright__item--label {
  text-align: center;
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8333333333rem;
}
.vi-footer-copyright__item--rules {
  text-align: center;
  font-family: Montserrat;
  font-size: 1.1666666667rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8333333333rem;
}

.vi-for-svg {
  padding: 0.3333333333rem 1rem 0.25rem 1rem;
}

@media (min-width: 399px) and (max-width: 769px) {
  .vi-footer-menu {
    width: fit-content;
    margin: 0px auto;
  }
}

/* jivo fix */
.__jivoMobileButton{
  bottom: 100px !important;
}

._orientationRight__y2vjz > jdiv {
  margin-right: 0px !important;
  width: 45px;
  height: 45px;
}
._orientationRight__y2vjz > jdiv > jdiv > jdiv{
  height: 17px !important;
  width: 100% !important;
  background-size: contain !important;
  background-position: center center !important;
}
.vi-mobile-open .__jivoMobileButton,.vi-mobile-inform .__jivoMobileButton,.--body-filter-open .__jivoMobileButton{
  display: none !important;
}


@media  (max-height:600px) {
  .vi-header-sticky{
    position: relative !important;
  }
  .vi-product-title__item--buttons-buy,.vi-product-title__item--price{
    position: relative !important;
    bottom: 0px !important;
  }
  .vi-head-container__item--mobile-mesagge{
    bottom: 70px !important;
  }
  .vi-product__item--left{
    order: 1;
  }
  .vi-product__item--right{
    order: 0;
    margin-bottom: 2rem;
  }
  .vi-product-title__full-name{
    display: flex !important;
    margin-bottom: 1rem;
  }
  .vi-product-title__article,vi-product-title__article{
    display: block !important;
  }
  .vi-product__item--left .vi-product-title__full-name{
    display: none !important;
  }
  .vi-product-details__box a img{
    max-height: 100% !important;
  }
  footer .vi-footer-container{
    padding-bottom: 70px !important;
  }
  .vi-product__item--right .vi-product-title,.vi-product__item--right .vi-product-title__item{
    row-gap: 0px !important;
  }
  .vi-product__item--right .vi-product-title__item{
    margin-bottom:0.8rem !important;
  }
  .vi-mobile-open .vi-main-menu,.vi-mobile-inform .vi-main-menu,.vi-mobile-inform .vi-mobile-info__item--bootom{
    position: relative !important;
  }

}