@media screen and (max-width: 767px) {
  .container {
    width: 88.88vw;
    margin: 0 auto;
  }

  /*HEADER */

  .header {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding-top: 0;
  }

  .header-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
  }

  .header .container {
    display: flex;
    flex-direction: column;
  }

  .header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2.77vw;
    background-color: #fff;
  }

  .burger {
        position: relative;
        cursor: pointer;
        z-index: 10;
        width: 4.44vw;
        height: 4.84vw;
    }

    .burger span {
        position: absolute;
        background-image: url(../../img/burger.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 6.66vw 6.66vw;
        right: 0px;
        width: 6.66vw;
        height: 6.66vw;
        top: -1vw;
    }

    .burger_active span {
      background-image: url(../../img/burger-close.svg);
    }

  .header__logo {
    width: 42.77vw;
    height: 8.33vw;
  }

  .desc {
    margin: 0;
    color: #333333;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .header__search {
    padding: 2.22vw 0px;
    background-color: #fff;
  }

  .search-line {
    width: 100%;
    height: 8.88vw;
    display: flex;
    position: relative;
    gap: 1.38vw;
    box-sizing: border-box;
    padding: 2.22vw 3.33vw;
    border: 1px solid #E2E2E2;
    align-items: center;
    border-radius: 0.27vw;
  }

  .search-line svg {
    width: 4.44vw;
    height: 4.44vw;
  }

  .search-line__input {
    width: 90%;
    height: 100%;
    border: none;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333;
    outline: none;
  }

  .search-line__input::placeholder {
    opacity: 0.5;
  }

  .header__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2.22vw;
    margin-top: 24.41vw;
  }

  .header__links {
    display: flex;
    gap: 1.38vw;
    align-items: center;
  }

  .header__link {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 0.27vw;
    cursor: pointer;
  }

  .header__link:hover .header__link-desc {
    color: #BC1622;
  }

  .header__link:hover svg path {
    stroke: #BC1622;
  }

  .header__link svg {
    width: 1.66vw;
    height: 1.66vw;
    margin: auto;
  }

  .header__link-desc {
    margin: 0;
    font-weight: 400;
    font-size: 0.76vw;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #333333;
  }

  .header__nav {
    position: fixed;
    left: 200vw;
    top: 11.7vw;
    bottom: 0;
    width: 100vw;
    max-height: none;
    height: auto;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    z-index: 999;
    border-top: 0.27vw solid #0000001A;
    align-items: flex-start;
    padding: 5.55vw;
    padding-bottom: 22.22vw;
    transition: all 0.3s ease;
  }

  .header__nav_opened {
    left: 0;
    transition: all 0.3s ease;
  }

  /* Accordion submenus — override style.css display:none !important */
  .header__nav .header__nav-fold {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 0 0 4.44vw !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    display: none !important;
    flex-direction: column !important;
    gap: 2.22vw !important;
    z-index: auto !important;
  }

  .header__nav .header__nav-fold_active {
    display: flex !important;
  }

  .header__nav .header__nav-fold .header__nav-link {
    font-weight: 400 !important;
    font-size: 3.61vw !important;
    color: #333333 !important;
    padding: 0 !important;
    border: none !important;
    justify-content: flex-start !important;
  }

  .header__nav-link:has(+ .header__nav-fold_active) {
    color: #BC1622 !important;
  }

  .header__nav-link:has(+ .header__nav-fold_active) svg path {
    stroke: #BC1622 !important;
  }

  .header__nav-link:has(+ .header__nav-fold_active) span svg {
    transform: rotate(180deg);
  }

  .header__nav-link {
    margin: 0;
    text-decoration: none;
    color: #0E0E0E;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 130%;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    gap: 1.11vw;
    cursor: pointer;
  }

  .header__nav-link svg {
    width: 2.5vw;
    height: 2.5vw;
  }

  .header__phone {
    font-weight: 700;
    font-size: 4.44vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .header__nav-link:hover {
    color: #BC1622;
  }

  .header__nav-link:hover svg path {
    stroke: #BC1622;
  }

  .header__discount {
    margin: 0;
    text-decoration: none;
    width: 25.55vw;
    height: 8.88vw;
    display: flex;
    gap: 1.11vw;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
    border-radius: 27.77vw;
    font-weight: 700;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    flex-shrink: 0;
    box-sizing: border-box;
  }

  .header__discount:hover {
    background: #A0151F;
  }

  .header__discount svg {
    width: 4.44vw;
    height: 4.44vw;
    flex-shrink: 0;
  }

  .subtitle {
    margin: 0;
    color: #333333;
    font-weight: 500;
    font-style: Compact Medium;
    font-size: 4.16vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .undertitle {
    margin: 0;
    color: #333333;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
  }

  /* PROMO */

  .promo {
    margin-top: 4.44vw;
  }

  .promo .container {
    display: flex;
    flex-direction: column;
    gap: 5.55vw;
    position: relative;
  }

  .promo-main {
    display: flex;
    width: 100%;
    border-radius: 1.38vw;
    overflow: hidden;
  }

  .promo-main .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    display: none;
  }

  .promo-main .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    display: none;
  }

  .promo-main-slide {
    width: 100%;
    height: 27.77vw;
    border-radius: 1.38vw;
    background: #333333;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 1.11vw;
    justify-content: center;
    padding-left: 4.44vw;
    overflow: hidden;
  }

  .hero-title {
    margin: 0;
    font-weight: 500;
    font-size: 6.66vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .promo-title {
    margin: 0;
    font-weight: 500;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .promo-main-slide .hero-title {
    width: 54.16vw;
  }

  .promo-main-slide .promo-title {
    width: 54.16vw;
  }

  .promo-main-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 60.27vw;
  }

  .promo-main-img::after {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    top: 0;
    width: 60.27vw;
    height: 100%;
    background: linear-gradient(88.96deg, #333333 17.87%, rgba(51, 51, 51, 0) 99.21%);
  }

  .promo-main-img img {
    width: 100%;
  }

  .promo-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.69vw;
    gap: 1.11vw;
    overflow: hidden;
    justify-content: space-between;
  }

  .promo-list .swiper-button-prev-unique,
  .swiper-button-next-unique {
    display: none;
  }

  .promo-list .swiper-button-next-unique,
  .swiper-button-prev-unique {
    display: none;
  }

  .promo-box {
    width: 43.88vw !important;
    height: 29.44vw;
    background: #F1F1F1;
    border-radius: 1.38vw;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 2.22vw;
    box-sizing: border-box;
    padding: 4.44vw;
    position: relative;
    cursor: pointer;
    margin-right: 0;
  }

  .promo-box:hover .promo-text {
    color: #BC1622;
  }

  .promo-box:hover svg path {
    fill: #BC1622;
  }

  .promo-text {
    margin: 0;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .red {
    color: #BC1622;
  }

  .promo-box svg {
    position: relative;
    top: 0;
    right: 0;
    width: 6.66vw;
    height: 6.66vw;
  }

  /* CARDS */

.main-cards {
  margin-top: 11.11vw;
  margin-bottom: 11.11vw;
}

.main-cards .container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 1.38vw;
}

.main-cards-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 5.55vw;
  background: #F1F1F1;
  border-radius: 2.77vw;
  gap: 2.22vw;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

.main-cards-box:nth-of-type(1) {
  width: 41.31vw;
  height: 75vw;
  order: 1;
}

.main-cards-box:nth-of-type(1).main-cards-box::after {
  position: absolute;
  top: auto;
  bottom: 0;
  content: '';
  right: 0vw;
  width: 69.44vw;
  height: 44.44vw;
  background-image: url(../../img/card1.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-cards-box:nth-of-type(2) {
  width: 41.31vw;
  height: 87.22vw;
  order: 2;
}

.main-cards-box:nth-of-type(2).main-cards-box::after {
  position: absolute;
  top: auto;
  bottom: -2vw;
  content: '';
  right: 0vw;
  width: 69.44vw;
  height: 44.44vw;
  background-image: url(../../img/card2.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-cards-box:nth-of-type(3) {
  width: 20.31vw;
  height: 31.11vw;
  order: 4;
}

.main-cards-box:nth-of-type(4) {
  width: 41.31vw;
  height: 90.55vw;
  order: 3;
}

.main-cards-box:nth-of-type(4).main-cards-box::after {
  position: absolute;
  top: auto;
  bottom: 0;
  content: '';
  right: -2vw;
  width: 69.44vw;
  height: 44.44vw;
  background-image: url(../../img/card4.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-cards-box:nth-of-type(5) {
  width: 20.31vw;
  height: 40.55vw;
  order: 5;
}

.main-cards-box ul {
  margin: 0;
  padding-left: 4.5vw;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.main-cards-box .subtitle {
  margin-bottom: 0;
  color: #0E0E0E;
}

.main-cards-link {
  display: flex;
  gap: 1.11vw;
  align-items: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #333333;
  text-decoration: none;
  position: relative;
  margin: 0;
}

ul .main-cards-link::after {
  content: "•";
  position: absolute;
  left: -2.99vw;
  color: #333;
  font-weight: bold;
  font-size: 3.33vw;
}

.main-cards-link:not(.main-cards-list):hover {
  color: #BC1622;
}

.main-cards-link:hover svg path {
  fill: #BC1622;
}

.main-cards-link svg {
  width: 2.22vw;
  height: 2.22vw;
}

.main-cards-box:nth-of-type(1) .main-cards-link:nth-of-type(3) svg {
  position: absolute;
  left: 20.27vw;
  bottom: 1.11vw;
  cursor: pointer;
}

.main-cards-box:nth-of-type(1) .main-cards-link:nth-of-type(4) svg {
  position: absolute;
  left: 16.11vw;
  bottom: 1.11vw;
  cursor: pointer;
}

.main-cards-link-red {
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 0;
  color: #BC1622;
  display: flex;
  gap: 1.11vw;
  align-items: center;
  text-decoration: none;
}

.main-cards-link-red:hover {
  color: #A0151F;
}

.main-cards-link-red:hover svg path {
  fill:#A0151F
}

.main-cards-link-red svg {
  width: 2.22vw;
  height: 2.22vw;
}

/* BRANDS */

.brands {
  background-color: #F1F1F1;
  padding: 11.11vw 0;
}

.brands .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  position: relative;
}

.title {
  margin: 0;
  font-weight: 500;
  font-style: Compact Medium;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.brands-slider .swiper-button-prev-unique-brands,
.swiper-button-next-unique-brands {
  display: none;
}
.brands-slider .swiper-button-next-unique,
.swiper-button-prev-unique-brands {
  display: none;
}

.brands-slider {
  width: 100%;
  overflow-x: scroll !important;
  touch-action: auto;
}

.brands-slider::-webkit-scrollbar {
  display: none !important;
}

.brands-slide {
  width: 33.33vw !important;
  height: 20.83vw !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 1.38vw;
  overflow: hidden;
  margin-right: 1.11vw;
}

.brands-slide .brands-slide-logo {
  transform: scale(1);
  cursor: pointer;
}

.brands-slide:hover .brands-slide-logo {
  transform: scale(1);
}

/* PRODUCTS */

.products {
  margin-top: 11.11vw;
}

.products .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  position: relative;
}

.swipe-video {
  position: absolute;
  top: -1.5vw;
  right: 0vw;
  z-index: 2;
  width: 11.66vw;
  height: 10.55vw;
}

.products-container {
  display: flex;
  gap: 2.22vw;
  width: 100%;
  overflow-x: scroll;
}

.products-container::-webkit-scrollbar {
  display: none;
}

.products-box {
  display: flex;
  flex-direction: column;
  width: 43.33vw;
  height: fit-content;
  padding: 2.22vw;
  border-radius: 2.77vw;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.products-discount-promo {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
  border-radius: 27.77vw 0 0 27.77vw;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
  padding: 1.66vw 3.33vw;
}

.products-promo {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
  border-radius: 27.77vw 0 0 27.77vw;
  background: #333333;
  padding: 1.66vw 3.33vw;
}

.products-settings {
  display: none;
}

.products-settings-box {
  width: 1.66vw;
  height: 1.66vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.27vw;
  background: #F1F1F1;
}

.products-settings-box svg {
  width: 1.25vw;
  height: 1.25vw;
}

.products-settings-box:hover svg path {
  stroke:#BC1622;
}

.products-settings-box:nth-of-type(1).products-settings-box:hover svg {
  fill: #BC1622;
}

.products-settings-box:nth-of-type(3).products-settings-box:hover svg path {
  fill: #BC1622;
}

.products-box:hover {
  box-shadow: 0px 0px 20px 0px #3333331A;
} 

.products-box .products-name:hover {
  color: #BC1622;
}

.products-img {
  width: 38.88vw;
  height: 38.88vw;
  margin-bottom: 2.22vw;
}

.products-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.products-name {
  width: 100%;
  height: 15.55vw !important;
  flex-shrink: 0;
  padding-bottom: 2.22vw;
  border-bottom: 1px solid #0000001A;
}

.products-pricetag {
  display: flex;
  flex-direction: column;
  gap: 0.55vw;
  padding: 2.22vw 0;
  border-bottom: 1px solid #0000001A;
  width: 100%;
  min-height: 14.71vw;
}

.products-desc {
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.products-price-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.products-discount {
  margin: 0;
  color: #AAAAAA;
  font-weight: 500;
  font-size: 2.5vw;
  line-height: 140%;
  letter-spacing: 0%;
  text-decoration: line-through;
}

.products-price {
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 3.61vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.products-info {
  display: flex;
  gap: 1.11vw;
  flex-direction: column;
  padding: 2.22vw 0 4.44vw 0;
  box-sizing: border-box;
  min-height: 15.76vw;
}

.products-info p {
  display: flex;
  align-items: center;
  gap: 1.11vw;
}

.products-info svg {
  width: 3.33vw;
  height: 3.33vw;
}

.products-buy {
  display: flex;
  justify-content: space-between;
}

.buy-btn {
  width: 28.88vw;
  height: 7.77vw;
  outline: none;
  border: none;
  background: #BC1622;
  border-radius: 1.38vw;
  color: #fff;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  flex-shrink: 0;
  cursor: pointer;
}

.buy-btn:hover {
  background: #A0151F;
}

.products-quantity {
  display: flex;
  align-items: center;
  gap: 0.27vw;
}

.products-quantity button {
  width: 1.11vw;
  height: 1.11vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  font-size: 1.37vw;
  line-height: 140%;
  letter-spacing: 0%;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.count-size-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125vw;
  height: 1.52vw;
  text-align: center;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 0.97vw;
  line-height: 140%;
  letter-spacing: 0%;
}

.buy-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.77vw;
  height: 7.77vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
}

.buy-more-btn svg {
  width: 4.44vw;
  height: 4.44vw;
}

.products-more {
  width: 41.66vw;
  height: 11.11vw;
  background: #333333;
  border-radius: 1.38vw;
  color: #fff;
  margin: auto;
  font-weight: 700;
  font-size: 3.61vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 0;
}

.products-more:hover {
  background: #0E0E0E;
}

/* PROJECTS */

.projects {
  padding: 11.11vw 0;
  background: #F1F1F1;
}

.projects .container {
  display: flex;
  flex-direction: column;
  gap: 58.61vw;
  position: relative;
  height: 77.77vw;
}

.projects-container {
  width: 100%;
  display: flex;
  border-radius: 2.77vw;
  overflow: hidden;
  top: 11.38vw;
  overflow-x: scroll !important;
  touch-action: auto;
}

.projects-container::-webkit-scrollbar {
  display: none !important;
}

.projects-container .swiper-button-prev-unique-projects,
.swiper-button-next-unique-projects {
  display: none;
}

.projects-container .swiper-button-next-unique-projects,
.swiper-button-prev-unique-projects {
  display: none;
}

.projects-box {
  width: 43.33vw !important;
  min-height: 53.33vw !important;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  border-radius: 2.77vw;
  overflow: hidden;
  background: #fff;
  margin-right: 2.22vw;
}

.projects-box:hover {
  cursor: pointer;
  box-shadow: 0px 0px 10px 0px #3333331A;
}

.projects-link {
  opacity: 1;
  height: fit-content;
  color: #BC1622;
  padding-left: 2.22vw;
  transition: all 0.5s linear;
  text-decoration: none;
  display: flex;
  padding-bottom: 1.11vw;
  align-items: center;
  gap: 0.27vw;
  margin-top: auto;
}


.projects-link:hover {
  color: #A0151F;
}

.projects-link:hover svg path {
  fill: #A0151F;
}

.projects-img {
  width: 43.33vw;
  height: 30vw;
}

.projects-img img {
  width: 100%;
  height: 100%;
}

.projects-name {
  margin: 0;
  padding-left: 2.22vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
}

.projects-more {
  margin: auto;
  margin-left: 0;
  width: 35.55vw;
  height: 11.11vw;
  display: flex;
  border-radius: 1.38vw;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #BC1622;
  font-weight: 700;
  font-size: 3.61vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 2.22vw;
  cursor: pointer;
}

.projects-more:hover {
  background: #A0151F;
}

/* FAQ */

.faq {
  margin: 11.11vw 0;
}

.faq .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.faq-container {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.faq-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 3.33vw 4.44vw;
  background: #F1F1F1;
  border-radius: 1.11vw;
  position: relative;
  cursor: pointer;
}

.faq-question {
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.faq-box .desc {
  margin-top: 0;
  height: 0;
  opacity: 0;
  transition: all 0.2s linear;
}

.faq-box_opened .desc {
  margin-top: 3.33vw;
  max-width: 80vw;
  opacity: 1;
  height: fit-content;
  transition: all 0.2s linear;
}

.faq-box_opened .faq-fold {
  transform: rotate(180deg);
  transition: all 0.2s linear;
}

.faq-box_opened .faq-fold svg path {
  stroke: #BC1622;
}

.faq-fold {
  position: absolute;
  top: 3.33vw;
  right: 4.44vw;
  transform: rotate(0deg);
  transition: all 0.2s linear;
}

.faq-fold svg {
  width: 4.44vw;
  height: 4.44vw;
}

/* ABOUT */

.about {
  margin-bottom: 11.11vw;
}

.about .container {
  display: flex;
  flex-direction: column;
  gap: 8.33vw;
  justify-content: space-between;
}

.about-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.about-info .title {
  margin-bottom: 3.33vw;
}

.about-link {
  display: flex;
  align-items: center;
  color: #BC1622;
  gap: 1.11vw;
  cursor: pointer;
  text-decoration: none;
  margin-top: 3.33vw;
}

.about-link:hover {
  color: #A0151F;
}

.about-link:hover svg path {
  fill: #A0151F;
}

.about-link svg {
  width: 2.22vw;
  height: 2.22vw;
}

.about-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 2.22vw;
  width: 100%;
}

.about-facts-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 43.33vw;
  min-height: 27.5vw;
  padding: 4.44vw;
  border-radius: 1.38vw;
  gap: 1.11vw;
  background: #F1F1F1;
}

.facts-title {
  margin: 0;
  font-weight: 500;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

/* MAIN-FORM */

.main-form {
  padding: 11.11vw 0;
  background: #F1F1F1;
}

.main-form .container {
  display: flex;
  flex-direction: column;
  gap: 11.11vw;
  justify-content: space-between;
}

.main-form-text {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.main-form-text .title {
  margin-bottom: 4.44vw;
}

.main-form-phone {
  margin: 1.11vw 0 4.44vw 0;
  font-weight: 700;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #BA1420;
  cursor: pointer;
}

.main-form-phone:hover {
  color: #A0151F;
}

.main-form-links {
  display: flex;
  gap: 2.22vw;
}

.main-form-link svg {
  width: 8.88vw;
  height: 8.88vw;
  cursor: pointer;
}

.main-form-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.main-form-title {
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 4.72vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.main-form-subtitle {
  margin: 2.22vw 0 3.33vw 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
}

.main-form-input {
  width: 100%;
  height: 10.27vw;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  outline: none;
  border-radius: 1.11vw;
  padding-left: 4.44vw;
  box-sizing: border-box;
  margin-bottom: 1.11vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.main-form-input:last-of-type {
  margin-bottom: 4.44vw;
}

.checkbox-policy {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  margin-bottom: 2.22vw;
}

.policy-check {
  position: relative;
}

.checkbox__input {
  opacity: 0;
  width: 5.55vw;
  flex-shrink: 0;
  cursor: pointer;
}

.checkbox__input:checked+.checkbox__label::before {
  position: absolute;
  top: -0.838vw;
  left: -7.77vw;
  width: 5.55vw;
  height: 5.55vw;
  content: '';
  background-color: #BC1622;
  border-radius: 1.11vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 2.22vw 1.8vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.checkbox__label {
  position: relative;
}

.checkbox__label a {
  color: #BC1622;
}

.checkbox__label a:hover {
  color: #A0151F;
}

.checkbox__label::after {
  position: absolute;
  top: -0.838vw;
  left: -7.77vw;
  width: 5.55vw;
  height: 5.55vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 1.11vw;
  box-sizing: border-box;
  pointer-events: none;
}

.main-form-btn {
  width: 100%;
  height: 11.38vw;
  border-radius: 1.38vw;
  background: #BC1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.44vw;
  border: none;
  outline: none;
  cursor: pointer;
}

.main-form-btn:hover {
  background: #A0151F;
}

/* PROMO-BANNER */

.promo-banner {
  margin: 16.66vw 0;
}

.promo-banner .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  display: none;
}

.promo-banner .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  display: none;
}

/* FOOTER */

.footer {
  background: #333333;
  color: #fff !important;
}

.footer .subtitle {
  color: #fff;
}

.footer .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.footer__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 11.11vw;
}

.policy {
  color: #fff;
  cursor: pointer;
  margin-top: 4.44vw;
}

.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  margin-top: 11.11vw;
}

.footer__top .footer__nav:nth-of-type(5) {
  margin-right: 20vw;
}

.footer__nav-list {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.footer__nav-link {
  margin: 0;
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.footer__nav-link:hover {
  color: #FF1F2F;
}

.footer__contacts {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.44vw;
}

.footer__contacts_list {
  display: flex;
  flex-direction: column;
}

.footer .undertitle {
  color: #fff;
  text-align: left;
  margin-bottom: 1.11vw;
}

.footer__desc {
  margin: 0;
  text-align: left;
  color: #fff;
  font-weight: 400;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.footer__cards {
  margin-top: 11.11vw;
  display: flex;
  gap: 3.33vw;
  align-items: center;
}

.footer__cards .footer__card:nth-of-type(1) {
  width: 15.83vw;
  height: 5.27vw;
}

.footer__cards .footer__card:nth-of-type(2) {
  width: 16.38vw;
  height: 5.27vw;
}

.footer__cards .footer__card:nth-of-type(3) {
  width: 10vw;
  height: 8.05vw;
}

.footer__bottom {
  width: 100%;
  display: flex;
  gap: 2.9vw;
  align-items: flex-end;
  padding: 4.44vw 0 25.33vw 0;
  position: relative;
}

.footer__bottom::after {
  position: absolute;
  content: '';
  top: 0;
  left: calc((100vw - 83.33vw) / -2);
  width: 100vw;
  height: 1px;
  background-color: #fff;
  opacity: 0.11;
}

.footer__logo {
  width: 44.16vw;
  height: 8.33vw;
  margin-right: 20vw;
  margin-bottom: 2.22vw;
}

.footer__logo svg {
  width: 100%;
  height: 100%;
}

.footer-cr {
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  width: 100%;
  padding-bottom: 4.44vw;
  margin-bottom: 4.44vw;
  border-bottom: 1px solid #FFFFFF1C;
}

.footer-develop {
  display: flex;
  margin-left: 0;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.footer-develop .desc {
  width: fit-content;
  text-align: left;
  color: #fff;
}

.footer-develop svg { 
  width: 28.33vw;
  height: 8.33vw;
}

.footer__mails {
  gap: 1.2vw;
}

/* BOTTOM-tabs */

.bottom-tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 19.72vw;
  background-color: #fff;
  z-index: 99;
}

.bottom-tabs .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottom-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55vw;
  cursor: pointer;
  position: relative;
}

.bottom-tab span {
  position: absolute;
  top: 4vw;
  right: -0.4vw;
  box-sizing: border-box;
  padding: 0.83vw;
  border-radius: 277.77vw;
  background-color: #BC1622;
  color: #Fff;
  font-weight: 700;
  font-size: 2.22vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  height: 3.33vw;
}

.bottom-tab:hover .desc {
  color: #A0151F;
}

.bottom-tab:hover svg path {
  stroke: #A0151F;
}

.bottom-tab svg {
  width: 8.88vw;
  height: 8.88vw;
}

  /* BREAKPOINTS */

  .pc {
    display: none !important;
  }

  .mobile {
    display: flex !important;
  }

  /* slider */
  .swiper-pagination {
    display: flex !important;
    justify-content: center;
  }

  .swiper-pagination-bullet {
    background: #F1F1F1;
    opacity: 1;
    border-radius: 50%;
    margin: 0 4px;
    transition: width 0.3s, background-color 0.3s;
    box-sizing: border-box;
  }

  .swiper-pagination-bullet-active {
    background-color: #F1F1F1;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    background-color: #BC1622;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 27.77vw;
    overflow: hidden;
    animation: loadingAnimation 6s linear;
    /* Замените 3s на ваше значение delay из autoplay */
  }

  .promo-main .swiper-pagination {
    left: 4.44vw;
    right: auto;
    width: fit-content;
    bottom: 3.33vw;
  }

  .promo-main .swiper-pagination-bullet {
    width: 0.83vw !important;
    height: 0.83vw !important;
    flex-shrink: 0;
    margin: 0 0.416vw !important;
  }

  .promo-main .swiper-pagination-bullet-active {
    width: 2.22vw !important;
    height: 0.83vw !important;
    flex-shrink: 0;
    border-radius: 27.77vw;
  }

  .promo-banner-slider .swiper-pagination {
    left: 4.44vw;
    right: auto;
    width: fit-content;
    bottom: 3.33vw;
  }

  .promo-banner-slider .swiper-pagination-bullet {
    width: 0.83vw !important;
    height: 0.83vw !important;
    flex-shrink: 0;
    margin: 0 0.416vw !important;
  }

  .promo-banner-slider .swiper-pagination-bullet-active {
    width: 2.22vw !important;
    height: 0.83vw !important;
    flex-shrink: 0;
    border-radius: 27.77vw;
  }

  .swiper-pagination-unique {
    left: 4.44vw;
    right: auto;
    width: fit-content;
    bottom: -6.11vw;
    z-index: 99;
    display: flex !important;
  }

  .swiper-pagination-unique .swiper-pagination-bullet {
    width: 1.66vw !important;
    height: 1.66vw !important;
    flex-shrink: 0;
    margin: 0 0.416vw !important;
  }

  .swiper-pagination-unique .swiper-pagination-bullet-active {
    width: 6.66vw !important;
    height: 1.66vw !important;
    flex-shrink: 0;
    border-radius: 27.77vw;
  }

    /* ABOUT */

  .about__main {
    margin-top: 3.33vw;
  }

  .about__main .container {
    display: flex;
  }

  .about__nav {
    display: none;
    margin-bottom: 12.12vw;
    width: 100%;
    gap: 1.11vw;
  }

  .about__nav-link {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 9.16vw;
    padding-left: 4.44vw;
    padding-top: 0.25vw;
    background-color: #F1F1F1;
    color: #333333;
    font-weight: 500;
    font-size:3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
    border-radius: 1.38vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .about__nav-link_active::after {
    position: absolute;
    content: '';
    width: 0.47vw;
    height: 100%;
    background-color: #BC1622;
    top: 0;
    left: 0;
  }

  .about-link-back {
    align-items: center;
    gap: 0.27vw;
    font-weight: 400;
    font-size: 3.61vw;
    line-height: 130%;
    letter-spacing: 0%;
    cursor: pointer;
    color: #333333CC;
    margin-bottom: 2.22vw;
  }

  .about-link-back svg {
    width: 4.44vw;
    height: 4.44vw;
    margin-top: -0.7vw;
  }

  .about__main-text {
    display: flex;
    flex-direction: column;
    gap: 6.66vw;
    width: 100%;
    margin-bottom: 11.11vw;
  }

  .about__text {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
  }

  .subdesc {
    margin: 0;
    color: #0E0E0E;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .about-info-row {
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
  }

  .about-info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    gap: 1.11vw;
    padding: 5.55vw 34.44vw 5.55vw 4.44vw;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border-radius: 2.77vw;
    overflow: hidden;
  }

  .about-info-box .subdesc {
    color: #333333CC;
  }

  .about-info-box .desc {
    font-weight: 500;
  }

  .about-info-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 47.77vw;
    height: 23.05vw;
  }

  .about-info-box:nth-of-type(1) .about-info-img {
    top: 4.44vw;
  }

  .about-info-box:nth-of-type(2) .about-info-img {
    width: 42.77vw;
    height: 19.05vw;
    top: 5.4vw;
    right: -6vw;
  }

  .about-info-img img {
    width: 100%;
    height: 100%;
  }

  .about-points {
    display: flex;
    flex-direction: column;
    gap: 2.2vw;
  }

  .about-subtitle {
    margin: 0;
    color: #0E0E0E;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .about-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 1.11vw;
  }

  .about-list-item {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    color: #0E0E0E;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
  }

  .about-list-item svg {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -0.5vw;
  }

  .about-mission {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    padding: 3.33vw 4.44vw;
    gap: 1.11vw;
    background-color: #F1F1F1;
    border-radius: 2.77vw;
  }

  .about-title {
    margin: 0;
    color: #333333;
    font-weight: 500;
    font-size: 4.16vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .about-mission .subdesc {
    color: #333333CC;
  }

  .about-text {
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
  }

  .about-why {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
  }

  .about-why-flex {
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
  }

  .about-why-box {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 15.55vw;
    background-color: #F1F1F1;
    border-radius: 2.77vw;
    padding: 3.88vw 4.44vw;
    justify-content: space-between;
  }

  .about-why-box .desc {
    max-width: 55.55vw;
    font-weight: 500;
  }

  .about-why-box svg {
    width: 8.88vw;
    height: 8.88vw;
  }

  /* RETAIL */

  .retail-hero {
    padding: 5.55vw 0;
    background-color: #333333;
    color: #fff;
    overflow: hidden;
  }

  .retail-hero .container::after {
    position: absolute;
    content: '';
    top: -5.55vw;
    right: calc((100vw - 88.88vw) / -2);
    width: 100vw;
    height: 130vw;
    background: linear-gradient(132.33deg, #333333 10.9%, rgba(72, 72, 72, 0.673077) 51.4%, rgba(51, 51, 51, 0) 95.14%);
    z-index: -1;
  }

  .retail-hero-img {
    position: absolute;
    top: -5.55vw;
    right: calc((100vw - 88.88vw) / -2);
    z-index: 1;
    width: 100vw;
    height: 130vw;
    z-index: -1;
  }

  .retail-hero-img img {
    width: 100%;
    height: 100%;
  }

  .retail-hero .container {
    z-index: 2;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 1.11vw;
  }

  .retail-hero .hero-title {
    max-width: 68vw;
  }

  .retail-hero .hero-desc {
    max-width: 68vw;
  }

  .hero-desc {
    margin: 0;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .retail-hero-flex {
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    margin-top: 3.33vw;
    max-width: 68vw;
  }

  .retail-hero-box {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    padding: 1.66vw 3.33vw 1.66vw 2.22vw;
    background-color: #F1F1F1;
    border-radius: 1.38vw;
    color: #333333;
    font-weight: 700;
    font-size: 3.05vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .retail-hero-box svg {
    width: 3.33vw;
    height: 3.33vw;
  }

  .retail-hero-box p {
    margin: 0;
    padding-top: 0.8vw;
  }

  .retail-hero-row {
    display: flex;
    flex-direction: column;
    width: 71.11vw;
    gap: 3.33vw;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 48.05vw;
  }

  .retail-hero-info {
    display: flex;
    align-items: center;
    gap: 2.22vw;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
  }

  .retail-hero-info p {
    margin: 0;
    padding-top: 1vw;
  }

  .retail-hero-info svg {
    width: 8.88vw;
    height: 8.88vw;
  }

  .retail-hero-btn {
    width: 100%;
    height: 10.27vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.38vw;
    border: none;
    outline: none;
    background-color: #BC1622;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .retail-control {
    padding: 8.33vw 0 0 0;
    overflow: hidden;
  }

  .retail-control .container {
    display: flex;
    height: 134vw;
    flex-direction: column;
    position: relative;
    gap: 3.33vw;
  }

  .retail-control .title {
    max-width: 77.5vw;
  }

  .retail-control ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    padding-left: 4.7vw;
  }

  .retail-control-list {
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .retail-control-img {
    position: absolute;
    top: auto;
    bottom: 0;
    right: calc(((100vw - 75.88vw) / -2));
    width: 118vw;
    height: 60.55vw;
  }

  .retail-control-img img {
    width: 100%;
    height: 100%;
  }

  .retail-control-btn {
    width: 71.11vw;
    height: 10.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.38vw;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
    outline: none;
    border: none;
    margin-top: 3.33vw;
    cursor: pointer;
  }

  .retail-points .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 2.77vw;
  }

  .retail-points-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 5.55vw;
    gap: 3.33vw;
    width: 100%;
    height: fit-content;
    background-color: #F1F1F1;
    border-radius: 2.77vw;
  }

  .retail-points-box svg {
    position: relative;
    bottom: auto;
    right: auto;
    width: 11.11vw;
    height: 11.11vw;
    margin-left: auto;
  }

  .retail-points-box:nth-of-type(2) .retail-points-box-top p {
    margin-top: 1.4vw;
  }

  .retail-points-box-top {
    display: flex;
    align-items: flex-start;
    gap: 2.77vw;
  }

  .retail-points-box-top svg {
    width: 5.55vw;
    height: 5.55vw;
  }

  .retail-points-title {
    margin: 0;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #0E0E0E;
  }

  .retail-points-box ul {
    margin: 0;
    padding-left: 4.42vw;
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
  }

  .retail-points-desc {
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .retail-catalog {
    margin: 11.11vw 0 8.33vw 0;
  }

  .retail-catalog .container {
    display: flex;
    flex-direction: column;
    gap: 4.44vw;
  }

  .retail-catalog-nav {
    display: flex;
    width: 100vw;
    background: transparent;
    border-radius: 27.77vw;
    overflow: visible;
    overflow-x: scroll;
    cursor: pointer;
    position: relative;
  }

  .retail-catalog-nav::-webkit-scrollbar {
    display: none;
  }

  .retail-catalog-nav-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.55vw;
    flex-shrink: 0;
    width: fit-content;
    background: #3333330D;
    padding: 2.22vw 5.55vw 2.22vw 6.66vw;
  }

  .retail-catalog-nav-link:hover.retail-catalog-nav-link p {
    color: #BC1622;
  }

  .retail-catalog-nav-link:hover.retail-catalog-nav-link svg path {
    fill: #BC1622;
  }

  .retail-catalog-nav-link-active:hover.retail-catalog-nav-link p {
    color: #fff;
  }

  .retail-catalog-nav-link-active:hover.retail-catalog-nav-link svg path {
    fill: #fff;
  }


  .retail-catalog-nav-link:last-of-type {
    margin-right: 11.5vw;
    padding-right: 15.5vw;
    border-radius: 0 27.77vw 27.77vw 0;
  }

  .retail-catalog-nav-link:last-of-type .retail-catalog-nav-link-active::after {
    width: 50%;
  }

  .retail-catalog-nav-link-active {
    background: #BC1622;
    border-radius: 27.77vw;
    color: #FFFFFF;
    position: relative;
  }

  .retail-catalog-nav-link-active::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #3333330D;
  }

  .retail-catalog-nav-link-active svg path {
    fill: #fff;
  }

  .retail-catalog-nav-link-active:hover {
    background: #A0151F;
  }

  .retail-catalog-nav-link p {
    margin: 0;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 0.15vw;
  }

  .retail-catalog-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 2.22vw;
  }

  .retail-catalog-box {
    width: 43.33vw;
    height: 28.88vw;
    position: relative;
    box-sizing: border-box;
    padding: 3.33vw 4.44vw;
    background: #F1F1F1;
    border-radius: 2.77vw;
    cursor: pointer;
  }

  .retail-catalog-img {
    position: absolute;
    width: 38.88vw;
    height: 18.33vw;
    bottom: 0vw;
    right: 0vw;
  }

  .retail-catalog-img img {
    width: 100%;
    height: 100%;
  }

  .retail-catalog-box:hover .retail-catalog-desc {
    color: #BC1622;
  }

  .retail-catalog-desc {
    margin: 0;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .retail-catalog-button {
    margin: auto;
    margin-top: 2.22vw;
    outline: none;
    border: none;
    color: #fff;
    background: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44.16vw;
    height: 11.38vw;
    border-radius: 1.38vw;
    font-weight: 700;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .retail-service {
    padding: 8.33vw 0;
    background: #F1F1F1;
  }
  .retail-service .container {
    display: flex;
    flex-direction: column;
    gap: 5.55vw;
  }

  .retail-service-row {
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    justify-content: space-between;
  }

  .retail-service-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
    width: 100%;
    height: fit-content;
    border-radius: 2.77vw;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 4.44vw;
    padding-right: 17.77vw;
  }

  .retail-service-box p {
    margin: 0;
    max-width: 66.66vw;
  }
  
  .retail-service-title {
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .retail-service-desc {
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .retail-service-link {
    color: #BC1622;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1.11vw;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
  }

  .retail-service-link svg {
    margin-top: -0.15vw;
    width: 2.22vw;
    height: 2.22vw;
  }

  .retail-service-svg {
    position: absolute;
    top: 4.44vw;
    right: 4.44vw;
    width: 8.88vw;
    height: 8.88vw;
  }

  .retail-gift {
    margin-top: 8.33vw;
    padding: 8.33vw 0 0 0;
    background-color: #F1F1F1;
  }

  .retail-gift-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 2.77vw;
    padding: 5.55vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8.88vw;
    overflow: hidden;
  }

  .retail-gift-container .main-form-title {
    color: #0E0E0E;
  }

  .retail-gift-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 2.22vw;
  }

  .retail-gift-hero .title {
    margin-top: 0.5vw;
  }

  .retail-gift-desc {
    margin: 0;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
    color: #333;
    z-index: 2;
  }

  .retail-gift-hero .retail-gift-desc {
    max-width: 100vw;
  }

  .retail-gift-btn {
    border: none;
    outline: none;
    margin-top: 4.44vw;
    width: 100%;
    height: 10.55vw;
    border-radius: 1.38vw;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
    margin-bottom: 81.66vw;
    z-index: 2;
  }

  .retail-gift-hero-img {
    position: absolute;
    top: auto;
    bottom: 0;
    right: calc((100vw - 88.88vw) / -2);
    z-index: 1;
    width: 88.88vw;
    height: 95.55vw;
  }

  .retail-gift-hero-img img {
    width: 100%;
    height: 100%;
  }

  .retail-gift-conditions {
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
    width: 100%;
  }

  .retail-gift-conditions-row {
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    width: 100%;
    justify-content: space-between;
  }

  .retail-gift-conditions-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 4.44vw;
    border-radius: 2.77vw;
    background-color: #F1F1F1;
    width: 100%;
    height: fit-content;
    position: relative;
  }

  .retail-gift-conditions-box svg {
    width: 6.66vw;
    height: 6.66vw;
    margin-left: auto;
    position: relative;
    right: auto;
    bottom: auto;
  }

  .retail-gift-includes {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
  }

  .retail-gift-includes-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1.11vw;
  }

  .retail-gift-includes-box {
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
    padding: 3.33vw 4.44vw;
    display: flex;
    gap: 1.11vw;
    border-radius: 2.77vw;
    background: #F1F1F1;
  }

  .retail-gift-includes-box p {
    font-weight: 500;
  }
  
  .retail-gift-includes-box svg {
    width: 4.44vw;
    height: 4.44vw;
    flex-shrink: 0;
  }

  .retail-gift-includes-box:nth-last-child(n+4) {
    height: fit-content;
  }

  .retail-gift-includes-box:last-of-type {
    width: 100%;
  }

  .retail-gift-includes-box:last-of-type p {
    margin-top: 0.55vw;
  }

  .retail-gift-includes-box:nth-of-type(1) p {
    margin-top: 0.25vw;
  }

  .retail-gift-includes-box:nth-of-type(2) p {
    margin-top: 0.25vw;
  }

  .retail-gift-example {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
  }

  .retail-gift-example-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.77vw;
    justify-content: space-between;
  }

  .retail-gift-example-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.11vw;
  }

  .retail-gift-example-img {
    width: 100%;
    height: 52.77vw;
    border-radius: 1.38vw;
    border: 0.5px solid #AAAAAA;
    overflow: hidden;
    margin-bottom: 0;
    overflow: hidden;
  }

  .retail-gift-example-img img {
    width: 100%;
    height: 100%;
  }

  .retail-gift-example-link {
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 130%;
    letter-spacing: 0%;
    color: #BC1622;
    text-decoration: none;
    gap: 1.11vw;
    cursor: pointer;
    opacity: 1;
    transition: all 0.2s linear;
  }

  .retail-gift-example-box:hover .retail-gift-example-link {
    opacity: 1;
    transition: all 0.2s linear;
  }

  .retail-gift-example-link:hover {
    color: #ED2039;
  }

  .retail-gift-example-link:hover svg path {
    fill: #ED2039;
  }

  .retail-gift-example-link svg {
    margin-top: -0.15vw;
    width: 2vw;
    height: 2vw;
  }

  .retail-gift-steps {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
  }

  .retail-gift-steps-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
    justify-content: space-between;
  }

  .retail-gift-steps-box {
    box-sizing: border-box;
    width: 100%;
    height: fit-content;
    padding: 4.44vw;
    border-radius: 2.77vw;
    background: #F1F1F1;
    gap: 2.22vw;
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .retail-subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .retail-gift-steps-num {
    margin: 0;
    margin-top: 3.33vw;
    font-weight: 500;
    font-size: 10vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #AAAAAA;
    text-align: right;
  }

  .retail-gift-bottom {
    margin-top: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.33vw;
  }

  .retail-gift-bottom .subtitle {
    max-width: 100%;
  }

  .retail-gift-bottom-btn {
    cursor: pointer;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10.55vw;
    border-radius: 1.38vw;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

    /* Personal */

  .personal {
    margin: 5.55vw 0;
  }

  .personal .container {
    display: flex;
    justify-content: space-between;
  }

  .personal-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .personal-panel-title {
    margin: 0;
    font-weight: 500;
    font-size: 5vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #0E0E0E;
    padding-bottom: 3.33vw;
    width: 100%;
    border-bottom: 1px solid #0000001A;
  }

  .personal-panel-name {
    margin: 0;
    color: #33333399;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 3.33vw;
  }

  .personal-panel-nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    margin-top: 1.11vw;
  }

  .personal-panel-nav-link {
    color: #333333;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 2.22vw 3.33vw;
    border-radius: 1.38vw;
    background: #F1F1F1;
    cursor: pointer;
    overflow: hidden;
    position: relative;
  }

  .personal-panel-nav-link span {
    margin-left: auto;
  }

  .personal-panel-nav-link svg {
    width: 3.33vw;
    height: 3.33vw;
  }

  .personal-panel-nav-link_active::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.2vw;
    height: 100%;
    content: '';
    background: #BC1622;
  }

  .personal-panel-nav-link:hover {
    color: #A0151F;
  }

  .personal-panel-nav-link:hover svg path {
    stroke: #A0151F;
  }

  .personal-panel-bottom {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 5.55vw;
    padding-top: 5.55vw;
    border-top: 1px solid #0000001A;
  }

  .personal-panel-bottom .personal-panel-name {
    padding-top: 0.5vw;
  }

  .personal-panel-btn {
    width: 18.33vw;
    height: 8.05vw;
    border-radius: 1.38vw;
    background: #333333;
    color: #fff;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 3.05vw;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
    flex-shrink: 0;
    padding-top: 0.5vw;
  }

  .personal-panel-btn:hover {
    background: #0E0E0E;
  }

  .personal-container {
    width: 100%;
    display: none;
    margin-top: -2.77vw;
  }

  .personal-container-back {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1.11vw;
    font-weight: 400;
    font-size: 3.61vw;
    line-height: 130%;
    letter-spacing: 0%;
    color: #333333CC;
  }

  .personal-container-back:hover {
    color: #A0151F;
  }

  .personal-container-back:hover svg path {
    stroke: #A0151F;
  }

  .personal-container-back svg {
    width: 4.44vw;
    height: 4.44vw;
    margin-top: -0.5vw;
  }

  .personal-container_active {
    display: flex;
  }

  .personal-main {
    display: none !important;
    flex-wrap: wrap;
    gap: 0.69vw;
  }

  .personal-main-box {
    display: flex;
    flex-direction: column;
    width: 15.9vw;
    height: 9.99vw;
    gap: 0.27vw;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border-radius: 0.69vw;
    padding: 1.38vw;
    cursor: pointer;
  }

  .personal-main-box-title {
    margin: 0;
    color: #333333;
    font-weight: 500;
    font-size: 0.97vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-main-box-title:hover {
    color: #A0151F;
  }

  .personal-desc {
    margin: 0;
    color: #333333CC;
    font-weight: 400;
    font-size: 0.76vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-main-box-svg {
    margin-top: auto;
    width: 2.77vw;
    height: 2.77vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.34vw;
    background: #33333314;
  }

  .personal-main-box-svg svg {
    width: 2.22vw;
    height: 2.22vw;
  }

  .personal-orders {
    flex-direction: column;
    gap: 3.33vw;
  }

  .personal-container-title {
    margin: 0;
    color: #0E0E0E;
    font-weight: 500;
    font-size: 5vw;
    line-height: 100%;
    letter-spacing: 0%;
    width: 100%;
    padding-bottom: 3.33vw;
    border-bottom: 1px solid #0000001A;
    margin-top: 2.22vw;
  }

  .personal-orders-widgets {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    row-gap: 4.44vw;
  }

  .personal-orders-sort {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 3.33vw;
  }

  .personal-orders-sort-desc {
    margin: 0;
    color: #333333CC;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .personal-orders-sort-container {
    display: flex;
    background-color: #3333330D;
    border-radius: 27.77vw;
    overflow: hidden;
    height: 8.33vw;
  }

  .personal-orders-sort-option {
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 5.55vw;
    color: #333333;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
    border-radius: 27.77vw;
    cursor: pointer;
    padding-top: 0.5vw;
  }

  .personal-orders-sort-option:hover {
    color: #BC1622;
  }

  .personal-orders-sort-option_active {
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
  }

  .personal-orders-sort-option_active:hover {
    color: #fff;
    background: #A0151F;
  }

  .personal-search {
    margin-left: 0;
  }

  .personal-search-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 77.77vw;
    border: 1px solid #E2E2E2;
    border-radius: 1.11vw;
    height: 9.16vw;
    box-sizing: border-box;
    padding: 0 4.44vw;
  }

  .personal-search-line__input {
    width: 90%;
    height: 4.44vw;
    border: none;
    outline: none;
    color: #0E0E0E;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 0.5vw;
  }

  .personal-search-line__input::placeholder {
    color: #33333380;
  }

  .personal-search svg {
    width: 4.44vw;
    height: 4.44vw;
  }

  .personal-filters {
    display: flex;
    align-items: center;
    gap: 0.55vw;
    padding: 0 2.22vw;
    border-radius: 6.9vw;
    background: #F1F1F1;
    height: 8.88vw;
    margin-left: 2.22vw;
  }

  .personal-filters-desc {
    margin: 0;
    color: #333333;
    font-weight: 500;
    font-size: 0.83vw;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 0.2vw;
    display: none;
  }

  .personal-filters svg {
    width: 4.44vw;
    height: 4.44vw;
  }

  .personal-orders-container {
    display: none;
    flex-direction: column;
    gap: 3.33vw;
    width: 100%;
  }

  .personal-orders-container_opened {
    display: flex;
  }

  .personal-orders-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    gap: 3.33vw;
    padding: 4.44vw;
    border-radius: 1.38vw;
    background: #F1F1F1;
    overflow: hidden;
  }

  .personal-orders-box-copy-success {
    display: none;
    align-items: flex-start;
    gap: 1.11vw;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 100%;
    letter-spacing: 0%;
    margin-left: 4.44vw;
    color: #00B162;
  }

  .personal-orders-box-copy-success svg {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -0.3vw;
  }

  .personal-orders-box-status {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0 3.33vw 0 4.44vw;
    height: 7.77vw;
    background: #33333314;
    border-radius: 1.38vw 1.38vw 0 1.38vw;
    color: #333333;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
    overflow: hidden;
  }

  .personal-orders-box-status-success {
    background: #00B16114;
    border-left: 2px solid #00B162;
  }

  .personal-orders-box-number {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-shrink: 0;
    gap: 1.11vw;
  }

  .personal-orders-box-title {
    margin: 0;
    color: #0E0E0E;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-box-date {
    margin: 0;
    color: #333333CC;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
  }

  .personal-orders-box-link {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    color: #BC1622;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
    margin-top: 0vw;
    position: absolute;
    bottom: 4.44vw;
    left: 4.44vw;
  }

  .personal-orders-box-link svg {
    width: 2.22vw;
    height: 2.22vw;
    margin-top: -0.5vw;
  }

  .personal-orders-box-delivery {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-shrink: 0;
    gap: 0.55vw;
    order: 1;
    margin-bottom: 8.05vw;
  }

  .personal-orders-box-where {
    display: none;
    align-items: center;
    gap: 0.13vw;
    font-weight: 400;
    font-size: 0.69vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333;
    margin: 0.47vw 0 0.27vw 0;
  }

  .personal-orders-box-where svg {
    width: 0.83vw;
    height: 0.83vw;
    margin-top: -0.2vw;
  }

  .personal-orders-box-address {
    margin: 0;
    color: #0E0E0E;
    font-weight: 400;
    font-size: 0.97vw;
    line-height: 140%;
    letter-spacing: 0%;
    display: none;
  }

  .personal-orders-box-additional {
    color: #333333CC;
    margin: 0;
    margin-top: -0.138vw;
    font-weight: 400;
    font-size: 0.76vw;
    line-height: 100%;
    letter-spacing: 0%;
    display: none;
  }

  .personal-orders-box-additional span {
    color: #0E0E0E;
  }

  .personal-orders-box-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-shrink: 0;
    gap: 1.11vw;
  }

  .personal-orders-box-paid {
    display: flex;
    align-items: center;
    gap: 1.11vw;
  }

  .personal-orders-box-paid svg {
    width: 3.33vw;
    height: 3.33vw;
  }

  .personal-orders-box-paid-desc {
    margin: 0;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
    padding-top: 0.65vw;
  }

  .personal-orders-box-info-text {
    display: flex;
    flex-direction: column;
  }

  .personal-orders-box-info-text p {
    margin: 0;
    color: #333333CC;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .personal-orders-box-info-text p span {
    color: #0E0E0E;
    font-size: 3.33vw;
  }

  .personal-orders-container-product {
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 2.22vw;
    row-gap: 5.55vw;
  }

  /* ПОДРОБНЕЕ ЗАКАЗ*/

  .personal-container-orders-back {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    font-weight: 400;
    font-size: 3.6vw;
    line-height: 130%;
    letter-spacing: 0%;
    color: #333333;
    cursor: pointer;
    margin-top: -0.1vw;
  }

  .personal-container-orders-back:hover {
    color: #A0151F;
  }

  .personal-container-orders-back:hover svg path {
    fill: #A0151F;
  }

  .personal-container-orders-back svg {
    width: 1.66vw;
    height: 4.44vw;
    margin-top: -0.5vw;
  }

  .personal-orders-info-main {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
    width: 100%;
    justify-content: space-between;
    padding-top: 0;
    border-top: none;
  }

  .personal-orders-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 3.33vw;
  }

  .personal-orders-info-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 4.44vw;
    border-radius: 1.38vw;
    background: #F1F1F1;
    flex-shrink: 0;
    position: relative;
  }

  .personal-orders-info-container .personal-orders-box-title {
    display: flex;
    align-items: center;
    gap: 1.11vw;
  }

  .personal-orders-box-title-delivery {
    position: relative;
    width: fit-content;
  }

  .personal-orders-box-title-delivery svg {
    width: 4.44vw;
    height: 4.44vw;
    margin-top: -0.5vw;
    cursor: pointer;
  }

  .tooltiptext {
    position: absolute;
    display: none;
    top: -20vw;
    right: -20vw;
    z-index: 1;
    width: 43.61vw;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 15px 0px #0000001F;
    padding: 3.83vw 3.33vw 3.33vw 3.33vw;
    border-radius: 1.11vw;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 130%;
    letter-spacing: 0%;
    margin: 0;
  }

  .tooltiptext::after {
    content: " ";
    position: absolute;
    top: calc(100% + 1.38vw);
    right: auto;
    left: 46%;
    margin-top: -1.38vw;
    border-width: 1.38vw;
    border-style: solid;
    border-color: white transparent transparent transparent;
  }

  .personal-orders-box-title-delivery svg:hover + .tooltiptext {
    display: flex;
  }

  .personal-orders-info-container .personal-orders-box-title .copy-icon svg {
    width: 4.44vw;
    height: 4.44vw;
    margin-top: -0.5vw;
    cursor: pointer;
  }

  .personal-orders-info-container .personal-orders-box-title span:hover path {
    stroke: #A0151F;
  }

  .personal-orders-info-edit {
    position: relative;
    top: auto;
    right: auto;
    display: flex;
    flex-direction: row;
    gap: 3.33vw;
    margin-bottom: 6.66vw;
  }

  .personal-orders-info-edit-el {
    display: flex;
    gap: 1.11vw;
    align-items: center;
    color: #333;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .personal-orders-info-edit-el svg {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -0.5vw;
  }

  .personal-orders-info-status {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333;
    margin-bottom: 1.11vw;
  }

  .personal-orders-info-status span {
    width: 1.11vw;
    height: 1.11vw;
    background: #AAAAAA;
    border-radius: 50%;
    margin-top: -0.6vw;
  }

  .personal-orders-info-container .personal-orders-box-date {
    margin-top: 0.55vw;
  }

  .personal-orders-info-packed {
    margin: 0;
    margin-top: 1.11vw;
    margin-bottom: 3.33vw;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333CC;
  }

  .personal-orders-info-container .personal-orders-box-address {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0vw;
    margin-top: 0.27vw;
    font-size: 3.33vw;
  }

  .personal-orders-info-container .personal-orders-box-address span {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333CC;
    margin-top: -0.2vw;
    cursor: pointer;
  }

  .personal-orders-info-container .personal-orders-box-address span svg {
    margin-top: -0.2vw;
    width: 3.33vw;
    height: 3.33vw;
  }

  .personal-orders-info-deliver {
    margin: 0;
    margin-top: 1.66vw;
    margin-bottom: 1.66vw;
    color: #0E0E0E;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .personal-orders-info-container .personal-orders-box-additional {
    margin-bottom: 6.66vw;
    display: inline;
    font-size: 2.77vw;
  }

  .personal-orders-info-reciever {
    margin: 0;
    margin-top: 1.66vw;
    margin-bottom: 0.55vw;
    color: #0E0E0E;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    letter-spacing: 0%;
  }

  .personal-orders-info-reciever-phone {
    margin: 0;
    margin-bottom: 6.66vw;
    color: #333333;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-info-attach {
    margin: 0;
    margin-top: 0.55vw;
    display: flex;
    align-items: center;
    gap: 1.11vw;
    color: #BC1622;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .personal-orders-info-attach svg {
    width: 3.33vw;
    height: 3.33vw;
  }

  .personal-orders-info-downloads {
    display: flex;
    gap: 5.55vw;
    align-items: center;
    margin: 3.33vw 0;
  }

  .personal-orders-info-downloads-link {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    color: #333333;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .personal-orders-info-downloads-link svg {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -0.6vw;
  }

  .personal-orders-info-products {
    display: flex;
    flex-direction: column;
    gap: 1.38vw;
  }

  .personal-orders-info-products-box {
    display: flex;
    box-sizing: border-box;
    padding: 3.33vw 0 4.72vw 0;
    border-bottom: 1px solid #0000001A;
    width: 100%;
    height: fit-content;
    justify-content: space-between;
  }

  .personal-orders-info-products-box:last-of-type {
    border: none;
  }

  .personal-orders-info-products-img {
    width: 11.11vw;
    height: 11.11vw;
    flex-shrink: 0;
  }

  .personal-orders-info-products-img img {
    width: 100%;
    height: 100%;
  }

  .personal-orders-info-products-name {
    width: 51.11vw;
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
  }

  .personal-orders-info-products-title {
    margin: 0;
    max-width: 100%;
    color: #333333;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-info-products-code {
    margin: 0;
    color: #333333;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-info-products-info {
    width: 17.77vw;
    display: flex;
    flex-direction: column;
    gap: 0.55vw;
  }

  .personal-orders-info-products-price {
    margin: 0;
    margin-bottom: 0.55vw;
    color: #333333;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-info-products-desc {
    margin: 0;
    color: #333;
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-info-products-side {
    width: 6.25vw;
    display: none;
    flex-direction: column;
    gap: 0.55vw;
  }

  .personal-orders-info-products-widgets {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 0.27vw;
  }

  .personal-orders-info-products-widget {
    width: 1.66vw;
    height: 1.66vw;
  }

  .personal-orders-info-products-widget svg {
    width: 100%;
    height: 100%;
  }

  .personal-orders-info-products-count {
    display: flex;
    gap: 0.27vw;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0.55vw;
  }

  .personal-orders-info-products-count button {
    width: 1.11vw;
    height: 1.11vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    color: #333;
    font-weight: 400;
    font-size: 1.38vw;
    line-height: 140%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .personal-orders-info-products-btn {
    width: 100%;
    height: 2.08vw;
    background: #BC1622;
    border-radius: 0.34vw;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 0.83vw;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
    padding-top: 0.3vw;
  }

  .personal-orders-info-products-btn:hover {
    background: #A0151F;
  }

  .personal-orders-info-price {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.77vw;
    align-items: center;
  }

  .personal-orders-info-price-box {
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
    padding: 4.44vw;
    border-radius: 1.38vw;
    background-color: #F1F1F1;
  }

  .personal-orders-info-price-box .personal-orders-box-paid {
    align-items: center;
    margin: 1.11vw 0;
  }

  .personal-orders-info-price-btn {
    border: none;
    border-radius: 1.38vw;
    background: #333333;
    color: #fff;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    height: 10.55vw;
    width: 100%;
    padding-top: 0.3vw;
    cursor: pointer;
  }

  .personal-orders-info-price-btn:hover {
    background: #0E0E0E;
  }

  .personal-orders-info-price-bill {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #333;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    margin-top: 3.33vw;
    margin-bottom: 3.33vw;
    gap: 2.22vw;
  }

  .personal-orders-info-price-bill svg {
    width: 4.44vw;
    height: 4.44vw;
    margin-top: -0.6vw;
  }

  .personal-orders-info-mobile pt {
    position: fixed;
    display: flex;
    bottom: 19.78vw;
    left: 0;
    z-index: 99;
    width: 100%;
    padding-top: 3.33vw;
    box-sizing: border-box;
    background-color: #fff;
    border-top: 1px solid #E5E5E5;
  }

  .personal-orders-info-mobile pt .container {
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
  }

  .personal-orders-info-mobile-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .personal-orders-box-paid-desc-mobile pt {
    font-weight: 400;
    font-size: 2.77vw;
    line-height: 140%;
    letter-spacing: 0%;
    color: #0E0E0E;
  }

  .personal-orders-info-mobile-box svg {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -0.5vw;
  }

   /* HISTORY */

  .personal-orders-sort-history-container{
    display: flex;
    gap: 1.11vw;
    flex-wrap: wrap;
  }

  .personal-orders-sort-history-container .personal-orders-sort-option {
    padding: 0 3.33vw;
    border-radius: 1.38vw;
    height: 8.61vw;
    background: #F1F1F1;
    padding-top: 0.5vw;
  }

  .personal-orders-sort-history-container .personal-orders-sort-option_active {
    background: #BC1622;
  }

  .personal-date-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.88vw;
    height: 8.88vw;
    margin-left: 2.22vw;
    border-radius: 50%;
    background: #F1F1F1;
    cursor: pointer;
  }

  .personal-date-btn img {
    width: 4.44vw;
    height: 4.44vw;
  }

  .personal-date-sort {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    align-items: center;
    padding: 5.55vw;
    gap: 5.55vw;
    margin-left: 0;
    z-index: 99999;
    width: 100%;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 2.77vw 2.77vw 0 0;
    box-sizing: border-box;
    column-gap: 1.11vw;
  }

  .personal-date-sort_opened {
    display: flex;
  }

  .personal-date-sort::after {
    position: absolute;
    left: 0;
    top: 16.7vw;
    content: "";
    height: 1px;
    width: 100%;
    background: #F1F1F1;
  }

  .personal-date-sort span {
    font-weight: 400;
    font-size: 3.88vw;
    line-height: 140%;
    letter-spacing: 0%;
    margin: 0;
  }

  .personal-date-sort-desc {
    margin: 0;
    width: 100%;
    color: #0E0E0E;
    font-weight: 700;
    font-size: 5vw;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 5.55vw;
    padding-top: 0.5vw;
  }

  .personal-date-input {
    width: 40.5vw;
    height: 9.16vw;
    border-radius: 1.11vw;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    padding: 0 4.44vw;
    font-weight: 400;
    font-size: 3.05vw;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 0.5vw;
    outline: none;
  }


  .personal-orders-box-status-cancel {
    background: #ED203914;
    border-left: 2px solid #BC1622;
  }

  .personal-date-input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    cursor: pointer;
  }

  .personal-date-wrapper {
    position: relative;
  }

  .date-widget {
    position: absolute;
    display: flex;
    top: 2.42vw;
    right: 4.44vw;
    content: '';
    width: 4.44vw;
    height: 4.44vw;
    z-index: 5;
    cursor: pointer;
  }

  .date-widget svg {
    width: 100%;
    height: 100%;
  }

  .personal-date-button {
    width: 100%;
    border: none;
    outline: none;
    height: 10.55vw;
    border-radius: 1.38vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    background: #BC1622;
    cursor: pointer;
  }

  .personal-date-button-confirm:hover {
    background: #A0151F;
  }

  .personal-date-button-cancel {
    background: transparent;
    color: #333333;
  }

  .personal-date-button-cancel:hover {
    color: #A0151F;
  }

  .personal-date-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    content: "";
    background: #33333399;
    z-index: 9999;
  }

  .personal-date-overlay_active {
    display: flex;
  }

  .personal-orders-info-status-success {
    color: #00B162 !important;
  }

  .personal-orders-info-status-success span {
    background-color: #00B162 !important;
  }

  .personal-orders-box-additional-history {
    margin-top: 2.22vw;
  }

  .personal-orders-info-place {
    margin: 0;
    margin-top: 0.55vw;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333;
  }

  .personal-orders-box-paid-price {
    margin: 0;
    margin-bottom: 1.11vw;
    color: #0E0E0E;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .personal-orders-info-price-bill-download {
    display: flex;
    align-items: center;
    gap: 1.11vw;
    color: #333;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 130%;
    letter-spacing: 0%;
    cursor: pointer;
    margin-right: auto;
  }

  .personal-orders-info-price-bill-download:hover {
    color: #A0151F;
  }

  .personal-orders-info-price-bill-download:hover svg path {
    stroke: #A0151F;
  }

  .personal-orders-info-price-bill-download svg {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -0.6vw;
  }

  /* HISTORY */

.personal-container-settings {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 4.44vw 5.55vw;
  border-radius: 2.77vw;
  background-color: #F1F1F1;
}

.personal-container-settings-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  width: 100%;
  padding-bottom: 3.33vw;
  border-bottom: 1px solid #0000001A;
}

.personal-container-settings-subdesc {
  margin: 3.33vw 0 0.55vw 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-container-settings-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
  flex-wrap: wrap;
  row-gap: 2.22vw;
}

.personal-container-settings-success {
  position: relative;
  top: auto;
  right: auto;
  display: none;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00B162;
}

.personal-container-settings-success_active {
  display: flex;
}

.personal-container-settings-success svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.7vw;
}

.personal-container-settings-gender .personal-container-settings-success {
  top: auto;
}

.personal-container-settings-desc {
  margin: 0;
  width: fit-content;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  min-width: 91.4%;
}

.personal-container-settings-row span {
  width: 6.66vw;
  height: 6.66vw;
  border-radius: 1.38vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #3333330D;
}

.personal-container-settings-row span svg {
  width: 3.33vw;
  height: 3.33vw;
}

.personal-container-settings-row span:hover svg path {
  fill: #BA1420;
}

.personal-container-settings-gender-choice {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  height: 10vw;
  border-radius: 1.38vw;
  background: #fff;
  box-sizing: border-box;
  padding: 0 5.55vw 0 4.44vw;
  cursor: pointer;
  position: relative;
}

.personal-container-settings-gender-choice label {
  margin: 0;
  margin-top: 0.45vw;
  color: #333;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

.personal-container-settings-gender-input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.personal-container-settings-gender-input:checked+ label::before {
  position: absolute;
  top: 2.77vw;
  left: 4.44vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border-radius: 50%;
  border: 1.38vw solid #BC1622;
  box-sizing: border-box;
  z-index: 2;
  pointer-events: none;
}

.personal-container-settings-gender-choice label::after {
  position: absolute;
  top: 2.77vw;
  left: 4.44vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border-radius: 50%;
  border: 1px solid #C9C9C9;
  box-sizing: border-box;
  pointer-events: none;
}

.personal-container-settings-gender {
  gap: 2.22vw;
  justify-content: flex-start;
  width: fit-content;
}

.personal-container-settings-phone-add {
  margin: 0;
  margin-top: 1.38vw;
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
}

.personal-container-settings-phone-add svg {
  margin-top: -0.5vw;
  width: 3.33vw;
  height: 3.33vw;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  height: 8.33vw;
  border: 1px solid #E2E2E2;
  border-radius: 1.11vw;
  padding: 0 4.44vw;
  width: 100%;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 120%;
  letter-spacing: 0%;
  padding: 0;
  padding-top: 0.5vw;
  color: #333;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #33333380;
}

.select2-container--default .select2-dropdown {
  border-color: #ced4da;
  border-radius:0 0 1.11vw 1.11vw;
  width: 77.77vw !important;
  box-sizing: border-box;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #BA1420;
  width: 77.77vw;
  box-sizing: border-box;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3.88vw;
    position: absolute;
    top: 2.22vw;
    right: 4.44vw;
    width: 3.88vw;
}

.select2-results {
  width: 77.77vw;
  box-sizing: border-box;
}

.personal-container-settings-name-change {
  width: fit-content;
  display: none;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 2.22vw;
  column-gap: 0;
}

.personal-container-settings-name-change_active {
  display: flex;
}

.personal-container-settings-name-change-input {
  width: 77.77vw;
  height: 8.33vw;
  outline: none;
  border-radius: 1.11vw; 
  box-sizing: border-box;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: 1px solid #E2E2E2;
  margin-right: 0;
  padding-left: 4.44vw;
  padding-top: 0.5vw;
}

.personal-container-settings-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  box-sizing: border-box;
  height: 8.33vw;
  border-radius: 1.38vw;
  background: #fff;
  cursor: pointer;
  padding: 0 4.44vw;
  background: #BC1622;
  color: #fff;
  gap: 2.77vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-top: 0.5vw;
}

.personal-container-settings-btn-cancel {
  background-color: transparent;
  color: #333;
}

.personal-container-settings-btn:hover svg path {
  stroke: #fff;
}

.personal-container-settings-btn svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.personal-container-settings-btn svg path {
  stroke: #fff;
}

#additional-phones-container {
  margin-top: 1.11vw;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.city-wrapper {
  position: relative;
  width: 100%;
}

.city-wrapper .personal-container-settings-success {
  top: auto;
  margin-top: 2.22vw;
}

/* EDIT */

.personal-container-settings-edit {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  margin-top: 3.33vw;
}

.personal-container-settings-edit-btn {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
  gap: 1.11vw;
  cursor: pointer;
}

.personal-container-settings-edit-btn:hover {
  color: #BA1420;
}

.personal-container-settings-edit-btn:hover svg path {
  stroke: #BA1420;
}

.personal-container-settings-edit-btn svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.5vw;
}

/* POPUP DETAILS */

.popup_details {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #33333399;
  z-index: 999999;
  display: none;
  align-items: flex-end;
  justify-content: center;
}

.popup_details_opened {
  display: flex;
}

.popup-container {
  display: flex;
  flex-direction: column;
  gap: 5.55vw;
  box-sizing: border-box;
  padding: 5.55vw;
  border-radius: 2.77vw 2.77vw 0 0;
  width: 100%;
  background: #fff;
  position: relative;
}

.popup-container::after {
  position: absolute;
  content: '';
  top: 16.52vw;
  left: 0;
  width: 100%;
  height: 1px;
  background: #F1F1F1;
}

.popup_details-close {
  position: absolute;
  top: 5.55vw;
  right: 5.55vw;
  cursor: pointer;
  width: 5.55vw;
  height: 5.55vw;
}

.popup_details-close svg {
  width: 100%;
  height: 100%;
}

.popup_details-close:hover {
  opacity: 0.7;
}

.popup-title {
  margin: 0;
  width: 100%;
  padding-bottom: 5.55vw;
  color: #0E0E0E;
  font-weight: 700;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-top: 0.5vw;
}

.popup-desc {
  margin: 0;
  color: #333333CC;
  width: 100%;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.popup_details-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 3.33vw;
}

.popup_details-btn {
  width: 43.33vw;
  height: 10.55vw;
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 1.38vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.5vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.popup_details-btn-accept {
  background: #BC1622;
  color: #fff;
}

.popup_details-btn-accept:hover {
  background-color: #A0151F;
}

.popup_details-btn-cancel:hover {
  color: #BC1622;
}

.popup_details-row-change {
  flex-direction: column;
  gap: 2.22vw;
}

.popup_details-row-change button {
  width: 100%;
}

.popup_details-form {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  width: 100%;
}

.popup_details-form-field {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.popup_details-form-label {
  margin: 0;
  color: #333333CC;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.popup_details-form-input {
  width: 100%;
  box-sizing: border-box;
  height: 11.11vw;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  padding-left: 4.44vw;
  padding-top: 0.5vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.popup_details-form-hide {
  position: absolute;
  content: '';
  right: 4.44vw;
  top: 8.33vw;
  width: 4.44vw;
  height: 4.44vw;
  background-image: url(../../img/show.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4.44vw 4.44vw;
  cursor: pointer;
}

.popup_details-form-hide_shown {
  background-image: url(../../img/hide.svg);
}

.popup_details-form-hide:hover {
  opacity: 1;
}

/* Datepicker */


/* datepicker styles */

.datepicker-container {
  position: relative;
}

.datepicker {
  position: absolute;
  top: auto;
  bottom: 130%;
  left: 0;
  margin: auto;
  z-index: 100;
  right: 0;
  background: #fff;
  border-radius: 0.56vw;
  width: 77.77vw;
  height: fit-content;
  box-shadow: 0px 2px 8px 0px #00000026;
}

.datepicker-till {
  left: auto;
  right: 0;
}

.datepicker::after {
  content: "";
  position: absolute;
  bottom: auto;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.datepicker-till::after {
  left: 80%;
}

.datepicker button {
  cursor: pointer;
  border: none;
  border-radius: 0.56vw;
  background: transparent;
  font-size: 3.89vw;
  line-height: 6.11vw;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  touch-action: manipulation;
  box-sizing: border-box;
  padding-top: 1.39vw;
  width: 6.67vw;
  height: 6.67vw;
}

.days,
.dates {
  display: grid;
  grid-template-columns: repeat(7, 6.67vw);
  column-gap: 3.61vw;
  row-gap: 1.94vw;
  margin: 0 5vw 3.06vw 5vw;
}

.days {
  margin: 2.22vw 5vw 0.56vw 5vw;
}

.days span {
  font-size: 3.89vw;
  line-height: 7.78vw;
  font-weight: 400;
  text-align: center;
}

.dates button {
  color: #0E0E0E;
  aspect-ratio: 1;
}

.dates button:disabled {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}

.dates button:hover {
  background: #BC1622;
  color: #fff;
}

.dates button.today {
  border: 1px solid #BC1622;
}

.dates button.selected {
  background: #BC1622;
  color: #fff;
}

.datepicker-header {
  display: flex;
  align-items: center;
  padding: 0 2.22vw;
  border-bottom: 1px solid #F0F0F0;
}

.datepicker-header button {
  width: 6.11vw;
  height: 11.11vw;
  padding: 0;
}

.datepicker-header button svg {
  width: 100%;
  height: 100%;
}

.month-year-display {
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 2.22vw;
  padding-top: 1.11vw;
}

.month-year-display span {
  font-weight: 400;
  font-size: 3.89vw;
  line-height: 6.11vw;
  letter-spacing: 0%;
}

.date-widget-cancel:hover path {
  stroke: #BC1622;
}

/* ESTIMATE */

.personal-orders-estimate-add {
  height: 8.8vw;
  display: flex;
  align-items: center;
  gap: 2.22vw;
  padding: 0.5vw 5.55vw 0 4.44vw;
  border-radius: 27.77vw;
  background-color: #F1F1F1;
  color: #333;
  font-weight: 700;
  font-size: 3.05vw;
  line-height: 100%;
  cursor: pointer;
}

.personal-orders-estimate-add:hover {
  color: #BC1622;
}

.personal-orders-estimate-add:hover path {
  stroke: #BC1622;
}

.personal-orders-estimate-add svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.personal-date-sort-desc-estimate {
  width: 100%;
}

.personal-estimate-desc {
  margin: 0;
  color: #333333CC;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.personal-estimate-box-widgets {
  display: flex;
  flex-direction: row;
  gap: 1.11vw;
}

.personal-estimate-box-widget {
  display: flex;
  align-items: center;
  height: 8.88vw;
  padding: 0.5vw 4.44vw 0 3.33vw;
  border-radius: 27.77vw;
  background: #FFFFFF;
  color: #333333CC;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  width: fit-content;
  gap: 1.11vw;
  cursor: pointer;
}

.personal-estimate-box-widget:hover {
  color: #BC1622;
}

.personal-estimate-box-widget:hover path {
  stroke: #BC1622;
}

.personal-estimate-box-widget svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top:-0.5vw;
}

.personal-estimate-box-desc {
  margin: 0;
  color: #333;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 1vw;
}

.personal-estimate-info-container {
  margin-bottom: 1.11vw;
}

.personal-estimate-info-container .personal-orders-box-date {
  margin-bottom: 3.33vw;
}

.personal-orders-info-edit {
  flex-wrap: wrap;
  row-gap: 2.22vw;
}

.personal-estimate-info-container .personal-orders-box-title span {
  width: 5.55vw;
  height: 5.55vw;
  margin-top: -0.2vw;
  cursor: pointer;
}

.personal-estimate-info-container .personal-orders-box-title span:hover path {
  fill: #BA1420;
}

.personal-estimate-info-container .personal-orders-box-title span svg {
  width: 100%;
  height: 100%;
}

.personal-orders-info-edit-el-delete {
  color: #BC1622;
}

.personal-estimate-sort-option {
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5.55vw;
  color: #333333;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  border-radius: 27.77vw;
  cursor: pointer;
  padding-top: 0.5vw;
}

.personal-estimate-sort-option:hover {
  color: #BC1622;
}

.personal-estimate-sort-option_active {
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
}

.personal-estimate-sort-option_active:hover {
  color: #fff;
  background: #A0151F;
}

.personal-estimate-sort-container .personal-orders-sort-history-container {
  flex-wrap: wrap;
}

.personal-estimate-box-paid-title {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 2.22vw;
  margin-bottom: 2.22vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.personal-estimate-box-paid-price {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 2.6vw;
}

.personal-estimate-box-paid-price p {
  margin: 0;
}

.personal-estimate-box-paid-btn {
  width: 100%;
  height: 10.55vw;
  border: none;
  outline: none;
  border-radius: 1.38vw;
  background: #BC1622;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5vw;
  box-sizing: border-box;
  color: #fff;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.personal-estimate-box-paid-btn:hover {
  background: #A0151F;
}

.personal-orders-info-estimate {
  gap: 4.44vw;
}

.personal-estimate-sort-container {
  width: 100%;
  display: none;
  flex-direction: column;
}

.personal-estimate-sort-container_active {
  display: flex;
}

.personal-estimate-sort-title {
  margin: 0;
  display: flex;
  align-items: center;
  padding-top: 0.5vw;
  color: #333;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 3.33vw;
  border-bottom: 1px solid #0000001A;
  cursor: pointer;
  margin-bottom: 3.33vw;
}

.personal-estimate-sort-title_opened {
  padding: 0;
  border: none;
  margin-bottom: 3.33vw !important;
}

.personal-estimate-sort-title svg {
  transform: rotate(0deg);
  transition: all 0.2s linear;
}

.personal-estimate-sort-title_opened svg {
  transform: rotate(180deg);
  transition: all 0.2s linear;
}

.personal-estimate-sort-title_opened path {
  stroke: #BA1420;
}

.personal-estimate-sort-title:hover {
  color: #BA1420;
}

.personal-estimate-sort-title:hover path {
  stroke: #BA1420;
}

.personal-estimate-sort-title svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.5vw;
}

.personal-estimate-sort-title:last-of-type {
  padding-bottom: 0;
  border: none;
  margin-bottom: 0;
}

.personal-estimate-sort-fold {
  display: flex;
  flex-direction: column;
  gap: 1.38vw;
  width: 100%;
  padding-top: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
  overflow-x: scroll;
}

.personal-estimate-sort-fold_opened {
  height: fit-content;
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.2s linear;
  margin-bottom: 3.33vw;
}

.personal-estimate-sort-fold-row {
  display: grid;
  grid-template-columns: 7.77vw 8.88vw 44.4vw 16.66vw 16.66vw 16.66vw 16.66vw;
  column-gap: 3.33vw;
  padding-bottom: 2.5vw;
  padding-top: 1.11vw;
  width: fit-content;
  border-bottom: 1px solid #0000001A;
}

.personal-estimate-sort-header-text {
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
}

.personal-estimate-sort-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
}

.personal-estimate-sort-img {
  width: 8.88vw;
  height: 8.88vw;
}

.personal-estimate-sort-img img {
  width: 100%;
  height: 100%;
}

.personal-estimate-sort-price {
  font-weight: 500;
}

.personal-estimate-sort-bold {
  font-weight: 500;
}

.personal-estimate-sort-total {
  grid-template-columns: 64.7vw 7.5vw 10vw;
  padding-bottom: 4.44vw;
}

.popup-input {
  border: none;
  height: 10.55vw;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  padding-left: 4.44vw;
  padding-top: 0.5vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

/* COMPARE */

.personal-container-row {
  display: flex;
  width: 100%;
}

.personal-container-delete-all {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  padding-bottom: 3.33vw;
  border-bottom: 1px solid #0000001A;
  flex-shrink: 0;
  color: #333;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.personal-container-delete-all:hover {
  color: #BA1420;
}

.personal-container-delete-all:hover path {
  stroke: #BA1420;
}

.personal-container-delete-all svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.personal-compare-widgets {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  width: 100%;
}

.personal-orders-sort-checkbox {
  margin: 0;
  gap: 3.33vw;
}

.personal-orders-sort-checkbox .checkbox__input:checked + .checkbox__label::before {
  top: -1.138vw;
  left: -8.88vw;
}

.personal-orders-sort-checkbox .checkbox__label::after {
  top: -1.138vw;
  left: -8.88vw;
}

.personal-compare-container {
  width: 100%;
  display: flex;
  overflow-x: visible;
  position: relative;
  z-index: 1;
}

.personal-panel {
  z-index: 90;
}

.personal-compare-container::after {
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
  left: -100%;
  top: 0;
  position: absolute;
  content: '';
}

.personal-compare-container::before {
  height: 100%;
  width: 22.22vw;
  position: absolute;
  top: 0;
  right: calc((100vw - 88.88vw) / -2);
  content: '';
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 90;

}

.personal-compare-box {
  width: 48.88vw;
  margin-right: 1.38vw;
  display: flex;
  flex-direction: column;
}

.personal-compare-box-top {
  padding: 2.22vw 2.22vw 0 2.22vw;
}

.personal-compare-box-top .products-name {
  border: none;
}

.personal-compare-box-top .products-pricetag {
  position: relative;
  border: none;
  padding: 3.33vw 0;
  margin-top: 3.33vw;
  min-height: fit-content;
}

.personal-compare-box-top .products-name {
  height: 18.88vw !important;
}

.personal-compare-box-top .products-pricetag::after {
  position: absolute;
  content: "";
  top: 0;
  left: -2.22vw;
  width: 48.88vw;
  height: 1px;
  background-color: #0000001A;
}

.personal-compare-box-bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

.personal-compare-box-info {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 2.22vw;
  padding-top: 2.72vw;
  gap: 0.55vw;
  min-height: 12.22vw;
}

.personal-compare-box-info:nth-of-type(2n - 1)  {
  background: #F1F1F180;
}

.personal-compare-box-info:nth-of-type(2) {
  min-height: 16.11vw;
}

.personal-compare-box-info:last-of-type {
  border-bottom: 1px solid #0000001A;
}

.personal-compare-box-info-title {
  margin: 0;
  color: #333333CC;
  font-weight: 400;
  font-size:2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  min-height: 3.33vw;
}

.personal-compare-box-info-data {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.personal-compare-container .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0;
  top: 36.94vw;
  bottom: auto;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 8.88vw;
  width: 8.88vw;
  z-index: 3;
}

.personal-compare-container .swiper-button-disabled {
  display: none;
}

.personal-compare-container .swiper-button-prev:hover,
.swiper-rtl .swiper-button-next {
  background-image: url(../../img/arrow-next-promo-list-hover.svg);
  transform: rotate(180deg);
}

.personal-compare-container .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0;
  top: 36.94vw;
  bottom: auto;
  color: transparent;
  background-image: url(../../img/arrow-next-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 8.88vw;
  width: 8.88vw;
  z-index: 96;
}

.personal-compare-container .swiper-button-next:hover,
.swiper-rtl .swiper-button-prev {
  background-image: url(../../img/arrow-next-promo-list-hover.svg);
}

/* FAVORITE */

.personal-favorite-sort {
  display: flex;
  align-items: center;
  gap: 1.11vw;
}

.personal-favorite-sort-box {
  width: 6.66vw;
  height: 6.66vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.11vw;
  background: #F1F1F1;
  cursor: pointer;
}

.personal-favorite-sort-box svg {
  width: 4.44vw;
  height: 4.44vw;
}

.personal-favorite-sort-box_active path {
  fill: #333;
}

.personal-favorite-sort-box_active rect {
  fill: #333;
}

.personal-favorite-sort-box:hover path {
  fill: #333;
}

.personal-favorite-sort-box:hover rect {
  fill: #333;
}

.products-favorite-container {
  flex-wrap: wrap;
  row-gap: 5.55vw;
  column-gap: 2.22vw;
}

.products-settings-box_active path {
  fill: #BA1420;
  stroke: #BA1420;
}

.products-favorite-widgets {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.personal-favorite-filter {
  display: flex;
  align-items: center;
  gap: 3.33vw;
}

.personal-favorite-filter-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-favorite-filter span {
  display: flex;
  align-items: center;
  gap: 0.55vw;
  color: #BC1622;
  cursor: pointer;
}

.personal-favorite-filter span:hover {
  color: #ED2039;
}

.personal-favorite-filter span:hover path {
  stroke: #ED2039;
}

.personal-favorite-filter span svg {
  margin-top: -0.6vw;
  width: 3.33vw;
  height: 3.33vw;
}

/* СПИСКОМ */

.products-favorite-container_list {
  row-gap: 0.27vw;
}

.products-box_list {
  flex-direction: row;
  width: 100%;
  height: fit-content;
  padding: 1.38vw 0;
  padding-bottom: 1.72vw;
  gap: 1.66vw;
  border-bottom: 1px solid #0000001A;
  border-radius: 0;
}

.products-box_list .products-img {
  flex-shrink: 0;
  width: 13.4vw;
  height: 13.4vw;
}

.products-box_list .products-settings {
  left: auto;
  right: 0;
  top: 1.38vw;
}

.products-box_list .products-promo {
  right: auto;
  left: 0;
  border-radius: 6.94vw 6.94vw 6.94vw 0;
}

.list-only {
  display: none;
}

.img-only {
  display: none;
}

.products-box_list:hover {
  box-shadow: none;
}


.products-box_list .list-only {
  display: flex;
}

.products-box_list .box-only {
  display: none;
}

.products-box_list .products-name {
  display: none;
}

.products-box_list .products-info-column {
  display: flex;
  flex-direction: column;
  width: 30.34vw;
  gap: 0.27vw;
  flex-shrink: 0;
}

.products-info-column .desc {
  font-size: 0.97vw;
  font-weight: 500;
}

.products-info-column-links {
  display: flex;
  align-items: center;
  gap: 0.27vw;
}

.products-info-column-links span {
  font-weight: 400;
  font-size: 0.76vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #AAAAAA;
}

.products-info-column-desc {
  font-weight: 400;
  font-size: 0.76vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #AAAAAA;
}

.products-info-column-link-active {
  color: #333333;
}

.products-info-column-data {
  margin-top: 0.55vw;
  display: flex;
  flex-direction: column;
  gap: 0.83vw;
}

.products-info-column-data span {
  font-size: 0.83vw;
  color: #0E0E0E;
}

.products-box_list .products-pricetag {
  width: 15.27vw;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: none;
  gap: 0.27vw;
  padding-top: 0.2vw;
}

.products-box_list .products-price-row {
  padding-bottom: 0.55vw;
  border-bottom: 1px solid #0000001A;
}

.products-box_list .products-info {
  padding: 0.27vw 0 1.25vw 0;
}

.box-only {
  display: flex;
}

/* По списку с фото */

.products-favorite-container_list-img {
  row-gap: 1.38vw;
}

.products-favorite-container .products-pricetag {
  min-height: fit-content;
  margin-top: 2.22vw;
  border-top: 1px solid #0000001A;
}

.products-favorite-container .products-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  padding: 0;
  border: none;
}

.products-favorite-container .products-price-row {
  flex-direction: row;
  gap: 2.77vw;
}

.products-box_list-img {
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: fit-content;
  padding: 3.33vw 0;
  padding-bottom: 4.72vw;
  gap: 2.22vw;
  border-bottom: 1px solid #0000001A;
  border-radius: 0;
}

.products-box_list-img .products-img {
  flex-shrink: 0;
  width: 16.66vw;
  height: 16.66vw;
}

.products-box_list-img .box-only {
  display: none;
}

.products-box_list-img .products-name {
  display: none;
}

.products-box_list-img .img-only {
  display: flex;
}

.products-box_list-img .products-pricetag {
  width: 70vw;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  padding-bottom: 0;
  border: none;
  padding: 0;
  margin: 0;
}

.products-box_list-img .products-pricetag .products-info {
  flex-direction: row;
  gap: 1.66vw;
  padding: 0;
  min-height: fit-content;
}

.products-box_list-img .products-pricetag .desc {
  font-size: 3.33vw;
  font-weight: 500;
  padding: 1.21vw 0;
}

.products-box_list-img .products-buy {
  flex-direction: row;
  height: fit-content;
  gap: 2.22vw;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  bottom: 4.72vw;
  right: 0;
}

.products-box_list-img .products-settings {
  flex-direction: row;
  left: auto;
  right: 0;
  top: 1.38vw;
}

.products-box_list-img:hover {
  box-shadow: none;
}

.products-box_list-img .products-promo {
  top: 0vw;
  right: auto;
  left: 0vw;
  border-radius: 27.77vw;
  padding: 1.11vw 3.33vw;
  padding-top: 1.61vw;
  font-size: 2.22vw;
}

/* SUPPORT */

.personal-support-box {
  width: 100%;
  padding: 4.44vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  box-sizing: border-box;
}

.personal-support-title {
  margin: 0;
  width: 100%;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 3.33vw;
  border-bottom: 1px solid #0000001A;
  margin-bottom: 2.22vw;
}

.personal-support-desc {
  margin: 0;
  color: #333333CC;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.personal-support-phone {
  text-decoration: none;
  color: #BA1420;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 2.22vw;
  cursor: pointer;
}

.personal-support-phone:hover {
  color: #ED2039;
}

.personal-support-links {
  display: flex;
  gap: 1.11vw;
  margin-bottom: 4.44vw;
}

.personal-support-link {
  width: 6.66vw;
  height: 6.66vw;
}

.personal-support-link svg {
  width: 100%;
  height: 100%;
}

.personal-support-desc a {
  text-decoration: none;
  color: #BC1622;
}

.personal-support-desc a:hover {
  color: #ED2039;
}

/* REFUND */

.personal-refund-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4.44vw;
  box-sizing: border-box;
  padding: 4.44vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
}

.personal-orders-widgets-more {
  margin-left: 0;
  display: flex;
  align-items: center;
  color: #333333;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  gap: 1.11vw;
  cursor: pointer;
  order: -1;
}

.personal-orders-widgets-more:hover {
  color: #ED2039;
}

.personal-orders-widgets-more:hover path {
  stroke: #ED2039;
}

.personal-orders-widgets-more svg {
  width: 5.55vw;
  height: 5.55vw;
  margin-top: -0.7vw;
}

.personal-refund-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4.44vw;
  border-bottom: 1px solid #0000001A;
}

.personal-refund-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-add {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
}

.personal-refund-add:hover {
  color: #ED2039;
}

.personal-refund-add:hover path {
  stroke: #ED2039;
}

.personal-refund-add svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.7vw;
}

.personal-refund-case {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0.55vw;
  padding-bottom: 5.55vw;
  border-bottom: 1px solid #0000001A;
  margin-bottom: 1.11vw;
}

.personal-refund-case .personal-refund-title {
  max-width: 51.94vw;
}

.personal-refund-case:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.personal-refund-date {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-refund-status {
  margin: 0;
  margin-top: 1.66vw;
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-status span {
  width: 1.66vw;
  height: 1.66vw;
  border-radius: 50%;
  margin-top: -0.6vw;
}

.personal-refund-more {
  position: absolute;
  top: 2.63vw;
  right: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 0 4.44vw;
  border-radius: 27.77vw;
  height: 8.33vw;
  display: flex;
  align-items: center;
  padding-top: 0.6vw;
  color: #333333CC;
  background-color: #fff;
  cursor: pointer;
}

.personal-refund-more:hover {
  color: #BC1622;
}

.personal-refund-item {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
  max-width: 51.94vw;
}

.personal-refund-deadline {
  margin: 0;
  margin-top: -0.13vw;
  margin-left: 2.77vw;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-refund-theme {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.accepted-case {
  background: #DD6E00;
}

.accepted-repair {
  background: #00B162;
}

.accepted-answer {
  background: #00B162;
}

.closed-case {
  background: #333333;
}

.disabled {
  pointer-events: none;
  background: #AAAAAAAA;

}

.popup_refund-add .select2-container--default .select2-selection--single {
    height: 10.55vw;
    border: 1px solid #E2E2E2;
    border-radius: 1.38vw;
    padding: 0 4.44vw;
    width: 100%;
    display: flex;
    align-items: center;
}

.popup_refund-add .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 120%;
    letter-spacing: 0%;
    padding: 0;
    padding-top: 0.6vw;
    color: #333;
}

.popup_refund-add .select2-container {
    width: 100% !important;
}

.popup_refund-add .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3.88vw;
    position: absolute;
    top: 3.33vw;
    right: 3.33vw;
    width: 3.88vw;
}

.popup_refund-add .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #BA1420;
    width: 100%;
    box-sizing: border-box;
}

.popup_refund-add .select2-results {
    width: 100%;
    box-sizing: border-box;
}

.popup_refund-add .select2-container--default .select2-dropdown {
    border-color: #ced4da;
    border-radius: 0 0 1.11vw 1.11vw;
    width: 87vw !important;
    box-sizing: border-box;
}

.popup_refund-add .select2-results__option {
    padding: 0.83vw 0;
    padding-left: 4.44vw;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 120%;
    letter-spacing: 0%;
}

.popup-textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.11vw;
  min-height: 21.11vw;
  padding: 3.33vw 4.44vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.hidden {
  display: none;
}

.select2-container.hidden {
    display: none !important;
}

.popup-textarea.hidden {
    display: none !important;
}

#case-number.hidden {
    display: none !important;
}

.personal-refund-info {
  width: 100%;
}

.personal-refund-info-container .personal-refund-status {
  padding-bottom: 1.11vw;
}

.personal-refund-info-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.personal-refund-info-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-info-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-info-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  margin-top: 2.22vw;
  padding-top: 2.22vw;
  border-top: 1px solid #0000001A;
}

.personal-refund-info-box .personal-refund-info-subtitle {
  color: #333333CC;
}

.personal-refund-info-status {
  margin: 0;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  width: 100%;
  margin-top: 2.22vw;
  padding-top: 2.22vw;
  border-top: 1px solid #0000001A;
}

/* ОБЪЕКТЫ */

.personal-projects-box-delivery {
  margin-bottom: 0;
}

.personal-projects-box-delivery .personal-orders-box-link {
  position: relative;
  bottom: auto;
  left: auto;
}

.personal-projects-box-delivery .personal-estimate-desc {
  margin-top: 2.77vw;
}

.personal-projects-box-address {
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.personal-date-sort-desc-projects {
  width: 7.77vw;
}

/* STAFF */

.personal-staff-more {
  margin-left: 0;
}

.personal-search-staff {
  width: 100%;
}

.personal-search-staff .personal-search-line {
  width: 100%;
}

.personal-staff-box {
  width: 100%;
  box-sizing: border-box;
  padding: 4.44vw;
  border-radius: 2.77vw;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  background: #F1F1F1;
}

.personal-staff-title {
  width: 100%;
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  padding-bottom: 3.33vw;
  border-bottom: 1px solid #0000001A;
}

.personal-staff-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.77vw;
  padding-bottom: 5.55vw;
  border-bottom: 1px solid #0000001A;
}

.personal-staff-container:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.personal-staff-main {
  display: flex;
  flex-direction: column;
  gap: 1.66vw;
  width: 100%;
}

.personal-staff-container:nth-of-type(1) .personal-staff-info {
  margin: 0;
}

.personal-staff-name {
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-staff-subdesc {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-staff-subdesc a {
  text-decoration: none;
  color: #BC1622;
}

.personal-staff-subdesc-widget {
  color: #333333;
  display: flex;
  align-items: center;
  gap: 1.11vw;
  cursor: pointer;
}

.personal-staff-subdesc-widget:hover {
  color: #ED2039;
}

.personal-staff-subdesc-widget:hover path {
  stroke: #ED2039;
}

.personal-staff-subdesc-widget svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.6vw;
}

.personal-staff-info {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  width: 100%;
  margin: 1.11vw 0 2.22vw 0;
}

.personal-staff-desc {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-staff-desc span {
  color: #0E0E0E;
}

.personal-staff-widgets {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.personal-staff-access {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin-right: auto;
  gap: 4.44vw;
}

.personal-staff-access-text {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  width: 23.61vw;
  margin-top: 1.15vw;
}

.personal-staff-access-popup {
  display: flex;
  align-items: flex-start;
  gap: 4.44vw;
}

.popup-input {
  margin-top: -3.33vw;
}

.popup-input:first-of-type {
  margin-top: 0;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 13.61vw;
  height: 7.77vw;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #C9C9C966;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 5.83vw;
  width: 5.83vw;
  left: 0.97vw;
  bottom: 0.97vw;
  background-color: #C9C9C9;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #BC1622;
}

input:checked + .slider::before {
  background-color: #fff;
}

input:checked + .slider:before {
  -webkit-transform: translateX(5.83vw);
  -ms-transform: translateX(5.83vw);
  transform: translateX(5.83vw);
}

/* Rounded sliders */
.slider.round {
  border-radius: 27.77vw;
}

.slider.round:before {
  border-radius: 50%;
}

/* AUTH */

.popup_login .popup-container {
  width: 94.44vw;
  border-radius: 2.77vw;
}

.popup_login {
  align-items: center;
}

.popup-login-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 1.38vw;
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 1.66vw;
}

.popup-login-nav-link {
  width: 38.8vw;
  height: 8.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
  box-sizing: border-box;
  padding-top: 0.5vw;
  border-radius: 1.38vw;
  cursor: pointer;
}

.popup-login-nav-link:hover {
  color: #BC1622;
}

.popup-login-nav-link_active {
  color: #0E0E0E;
  font-weight: 500;
  background-color: #fff;
  cursor: default;
}

.popup-login-nav-link_active:hover {
  color: #0E0E0E;
}

.popop-phone-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.22vw;
}

.popup_login .popup-input {
  width: 100%;
}

.popup_login-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  margin-top: 6.66vw;
}

.popup_login .popup_details-btn {
  width: 100%;
}

.popup-btn-get-code {
  background-color: #BC1622;
  color: #fff;
}

.popup-btn-get-code:hover {
  background: #A0151F;
}

.popup-btn-register:hover {
  color: #BC1622;
}

.popup-email-login {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.popup-forgot-pass {
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #333333CC;
}

.popup-forgot-pass:hover {
  cursor: pointer;
  color: #BC1622;
}

.popup-btn-login {
  background-color: #BC1622;
  color: #fff;
  width: 100%;
}

.popup-btn-login:hover {
  background: #A0151F;
}

.popup-login-pass {
  position: relative;
}

.popup-login-pass .popup_details-form-hide {
  top: 3.33vw;
}

#popup-code .popup-desc {
  color: #2C3439;
  font-size: 3.88vw;
}

#popup-code .popup-container {
  width: 94.44vw;
  border-radius: 2.77vw;
}

#popup-code {
  align-items: center;
}

.popup-phone-edit {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  margin-top: -4.44vw;
  cursor: pointer;
}

.popup-phone-edit:hover {
  color: #ED2039;
}

.popup-code-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.popup-code {
  width: 19.16vw;
  height: 4.02vw;
  border-radius: 15.27vw;
  box-sizing: border-box;
  border: 1px solid ;
  padding-top: 0.5vw;
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
}

#popup-code .popup-code-timer {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
}

#popup-code .popup-code-send-again {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
  background-clip: text;
  color: transparent;
  cursor: pointer;
}

#popup-code .popup-code-send-again:hover {
  color: #ED2039;
}

#popup-change-confirm .popup_details-btn {
  gap: 2.77vw;
}

#popup-change-confirm .popup_details-btn-cancel:hover path {
  stroke: #BC1622;
}

#popup-change-confirm .popup_details-btn svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.popup_register.popup_details {
  align-items: flex-start;
  justify-content: center;
  padding-top: 5.56vw;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.popup_register .popup-container {
  width: 94.44vw;
  max-width: 100%;
  max-height: calc(100dvh - 11.11vw);
  margin-bottom: 5.56vw;
  overflow-y: auto;
  border-radius: 2.77vw;
  gap: 4.44vw;
  -webkit-overflow-scrolling: touch;
}

.popup_register .popup-container::-webkit-scrollbar {
  display: none;
}

.popup_register .popup-container::after {
  top: 16.67vw;
}

.popup-register-types {
  display: flex;
  flex-wrap: wrap;
  gap: 1.11vw;
  box-sizing: border-box;
}

.popup-register-type {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  height: 8.88vw;
  padding: 0 4.44vw 0 3.33vw;
  border-radius: 1.39vw;
  background-color: #F1F1F1;
  cursor: pointer;
  box-sizing: border-box;
}

.popup-register-type:nth-child(3) {
  flex: 0 0 auto;
  max-width: fit-content;
}

.popup-register-type input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.popup-register-type span {
  position: relative;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  color: #2C3439;
  margin-top: 0.83vw;
  cursor: pointer;
  white-space: nowrap;
}

.popup-register-type span::after {
  position: absolute;
  top: -0.42vw;
  left: -6.67vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.popup-register-type input:checked + span::before {
  position: absolute;
  top: -0.42vw;
  left: -6.67vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 50%;
  content: '';
  border: 1.39vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.popup-register-form {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  width: 100%;
}

.popup-register-form .popup-input {
  width: 100%;
  margin-top: 0;
}

.popup-register-policy {
  margin-top: 4.44vw;
}

.popup-register-policy .checkbox-policy {
  margin-bottom: 3.33vw;
  gap: 4.44vw;
}

.popup-register-policy .checkbox__input {
  width: 6.67vw;
}

.popup-register-policy .checkbox__label {
  font-size: 3.89vw;
  line-height: 140%;
}

.popup-register-policy .checkbox__label::after {
  top: -1.11vw;
  left: -11.11vw;
  width: 6.67vw;
  height: 6.67vw;
  border-color: #BC1622;
}

.popup-register-policy .checkbox__input:checked + .checkbox__label::before {
  top: -1.11vw;
  left: -11.11vw;
  width: 6.67vw;
  height: 6.67vw;
  border-radius: 0.83vw;
  background-size: 1.94vw 1.67vw;
}

.popup-register-policy .checkbox__label a {
  color: #BC1622;
  text-decoration: underline;
}

.popup-register-required {
  margin: 0 0 2.22vw;
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 100%;
  color: #33333399;
}

.popup-register-required span {
  color: #BC1622;
}

.popup-btn-register-submit {
  width: 100%;
  margin-top: 2.22vw;
  background-color: #BC1622;
  color: #fff;
}

.popup-btn-register-submit:hover {
  background: #A0151F;
}

.popup-register-login-link {
  display: block;
  width: 100%;
  margin: 2.22vw 0 0;
  padding: 0;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: 3.89vw;
  line-height: 130%;
  text-align: center;
  color: #2C3439;
  cursor: pointer;
}

.popup-register-login-link:hover {
  color: #BC1622;
}

.popup-register-phone-field {
  position: relative;
  display: block;
  width: 100%;
}

.popup-register-phone-placeholder {
  position: absolute;
  top: 50%;
  left: 4.44vw;
  transform: translateY(calc(-50% + 0.42vw));
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 100%;
  color: #33333366;
  pointer-events: none;
}

.popup-register-phone-required {
  color: #BC1622;
}

.popup-register-phone:not(:placeholder-shown) + .popup-register-phone-placeholder {
  opacity: 0;
}

/* CATALOG */

.catalog__main .container {
  display: flex;
  flex-direction: column;
  gap: 6.66vw;
  margin-bottom: 8.33vw;
  margin-top: 3.33vw;
}

.catalog-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  gap: 2.22vw;
}

.catalog-base {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  color: #333333;
  margin: 0;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.catalog-base:hover {
  color: #ED2039;
}

.catalog-base:hover path {
  stroke: #ED2039;
}

.catalog-base svg {
  width: 5.55vw;
  height: 5.55vw;
  margin-top: -0.5vw;
}

.catalog-back {
  align-items: center;
  gap: 1.1vw;
  color: #333333CC;
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.catalog-back:hover {
  color: #BC1622;
}

.catalog-back:hover path {
  stroke: #BC1622;
}

.catalog-back svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.catalog-container {
  display: flex;
}

.catalog__nav {
  display: none;
  flex-direction: column;
  gap: 0.27vw;
  width: 16.18vw;
  flex-shrink: 0;
}

.catalog__main-text {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 11.11vw;
}

.catalog__main-products-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.22vw;
}

.catalog__main-products-list-item {
  width: 43.33vw;
  display: flex;
  height: fit-content;
  flex-direction: column;
  box-sizing: border-box;
  padding: 3.33vw 2.77vw;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
  align-items: flex-start;
}

.catalog__main-products-list-item:nth-of-type(6) {
  height: 48.88vw;
}

.catalog__main-products-list-item:hover .subdesc {
  color: #BC1622;
}

.catalog__main-products-list-item .subdesc {
  color: #333333;
}

.catalog__main-products-list-img {
  width: 100%;
  height: 33.33vw;
}

.catalog__main-products-list-img img {
  width: 100%;
  height: 100%;
  object-fit: contain ;
}

.promo-catalog {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  height: 27.77vw;
  padding: 6.38vw 30.27vw 6.38vw 4.44vw;
  border-radius: 1.38vw;
  background: #333333;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.hero-catalog-title {
  margin: 0;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
}

.promo-catalog-title {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
}

.promo-catalog-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 60.27vw;
}

.promo-catalog-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 60.27vw;
  height: 27.77vw;
  background: linear-gradient(89.74deg, #333333 0.25%, rgba(115, 115, 115, 0) 99.8%);
}

.promo-catalog-img img {
  width: 100%;
}

.catalog-text {
  display: flex;
  flex-direction: column;
  gap: 5.55vw;
}

.catalog-text-seo {
  margin: 0;
  color: #0E0E0E;
  font-weight: 700;
  font-size: 6.11vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-text-desc {
  margin: 0;
  color: #0E0E0E;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
}

.catalog-text-container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.catalog-text-title {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 5.55vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-text-subtitle {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-text-more {
  margin: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
  gap: 1.11vw;
}

.catalog-text-more:hover {
  color: #ED2039;
}

.catalog-text-more:hover path {
  fill: #ED2039;
}

.catalog-text-more svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.5vw;
}

/* CATALOG STEP 2 */

.products-catalog-widgets {
  justify-content: flex-start;
}

.catalog-product-outcome {
  display: none;
}

.catalog-product-filters {
  align-items: center;
  gap: 2.22vw;
  cursor: pointer;
  color: #333;
  font-weight: 700;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  box-sizing: border-box;
  height: 8.88vw;
  padding: 0.5vw 5.55vw 0 4.44vw;
  border-radius: 27.77vw;
  background: #F1F1F1;
}

.catalog-product-filters svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.products-catalog-widgets .personal-favorite-filter {
  margin-left: 3.33vw;
  margin-right: auto;
}

.catalog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 1.11vw;
}

.catalog-category-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.22vw;
  box-sizing: border-box;
  border-radius: 1.38vw;
  width: 43.88vw;
  height: 11.11vw;
  background: #F1F1F1;
  padding: 1.11vw;
  cursor: pointer;
}

.catalog-category-link .subdesc {
  color: #333333;
  text-align: left;
  font-size: 2.77vw;
  padding-top: 0.5vw;
}

.catalog-category-link:hover .subdesc {
  color: #BC1622;
}

.catalog-category-img {
  width: 8.88vw;
  height: 8.88vw;
  flex-shrink: 0;
}

.catalog-category-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.catalog-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 1.11vw;
  padding: 2.22vw 0;
}

.catalog-examples-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.16vw 3.33vw 1.66vw 3.33vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
  cursor: pointer;
  font-size: 2.77vw;
}

.catalog__main-step .container {
  gap: 5.55vw;
}

.catalog-examples-link:hover {
  color: #BC1622;
}

.catalog__filters {
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  flex-direction: column;
  box-sizing: border-box;
  padding: 5.55vw;
  padding-top: 0;
  border-radius: 2.77vw 2.77vw 0 0;
  background: #fff;
  gap: 3.33vw;
  z-index: 9999;
  overflow-y: scroll;
  height: 80vh;
}

.catalog__filters_opened {
  display: flex;
}


.filter-overlay {
  position: fixed;
  display: none !important;
  left: 0;
  top: 0;
  z-index: 9998;
  content: '';
  width: 100%;
  height: 100vh;
  background: #33333399;
}

.filter-overlay_opened {
  display: flex !important;
}

.filters-btns {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2.22vw;
  margin-top: 5.55vw;
  margin-bottom: 22vw;
}

.filters-btn {
  width: 100%;
  height: 10.55vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.5vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

.filters-btn:hover {
  color: #BC1622;
}

.filters-btn-apply:hover {
  color: #fff;
  background: #BA1420;
}

.filters-btn-apply {
  background-color: #BC1622;
  color: #fff;
}

.catalog__filters-title {
  position: sticky;
  padding-top: 6.05vw;
  background: #fff;
  z-index: 9999;
  top: 0;
  left: 0;
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 5.55vw;
  width: 100%;
  border-bottom: none;
}

.catalog__filters-title::after {
  position: absolute;
  content: '';
  width: 100vw;
  left: calc((100vw - 88.88vw) / -2);
  bottom: 0;
  height: 1px;
  background: #0000001A;
}

.filters-close {
  position: absolute;
  top: 5.55vw;
  right: 0;
  cursor: pointer;
  width: 5.55vw;
  height: 5.55vw;
}

.filters-close:hover {
  opacity: 0.7;
}

.filters-close svg {
  width: 100%;
  height: 100%;
}

.catalog__filters-box {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  width: 100%;
  margin-top: 2.22vw;
  padding-bottom: 3.33vw;
  border-bottom: 1px solid #0000001A;
}

.catalog__filters-desc {
  margin: 0;
  color: #333333;
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.gray {
  color: #333333CC;
}

.catalog__filters-list {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  box-sizing: border-box;
  width: 100%;
  padding: 2.22vw 5.55vw;
}

.catalog__filters-list-link:hover {
  cursor: pointer;
  color: #BC1622;
}

.catalog__filters-list-link span {
  color: #33333399;
}

.catalog__filters-list-link-active {
  font-weight: 700;
}

.catalog__filters-checkboxes {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 3.33vw 0;
  gap: 2.22vw;
}

.catalog__filters-checkbox {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.catalog__filters-checkbox-label {
  margin-top: 0.5vw;
}

/* CHECKBOX BOX */

.catalog__filters-checkbox-input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.catalog__filters-checkbox-input:checked+.catalog__filters-checkbox-label::before {
  position: absolute;
  top: -0.1vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  background-color: #BC1622;
  border-radius: 1.11vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 2.59vw 2.45vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.catalog__filters-checkbox-label {
  position: relative;
  cursor: pointer;
}

.catalog__filters-checkbox-label span {
  color: #33333399;
}

.catalog__filters-checkbox-label:hover {
  color: #A0151F;
}

.catalog__filters-checkbox-label::after {
  position: absolute;
  top: -0.1vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 1.11vw;
  box-sizing: border-box;
  pointer-events: none;
}

.catalog__filters-checkbox-circle:checked+.catalog__filters-checkbox-label::before {
  border-radius: 50%;
  background-image: none;
  background-color: transparent;
  border: 4px solid #BC1622;
}

.catalog__filters-checkbox-label-circle::after {
  border-radius: 50%;
}

.catalog__filters-checkboxes-fold {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2.22vw;
  color: #333;
  cursor: pointer;
  font-weight: 700;
  font-size: 3.61vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog__filters-checkboxes-fold:hover {
  color: #BC1622;
}

.catalog__filters-checkboxes-fold:hover path {
  stroke: #BC1622;
}

.catalog__filters-checkboxes-fold svg {
  width: 3.33vw;
  height: 3.33vw;
  margin-top: -0.5vw;
}

.catalog__filters-brands {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  padding: 2.22vw 0;
  box-sizing: border-box;
  width: 100%;
}

.catalog__filters-brands-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.22vw;
}

.catalog__filters-brands-link {
  margin: 0;
  box-sizing: border-box;
  padding: 0.5vw 3.33vw 0 3.33vw;
  display: flex;
  height: 8.05vw;
  align-items: center;
  color: #333333;
  border-radius: 1.38vw;
  background: #F1F1F1;
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

.catalog__filters-brands-link:hover {
  color: #BC1622;
}

.catalog__filters-more {
  margin: 0;
  margin-top: 1.11vw;
  color: #BC1622;
  cursor: pointer;
}

.catalog__filters-more:hover {
  color: #ED2039;
}

/* SLIDER RANGE */

.range-slider {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.11vw;
  position: relative;
  margin-bottom: 2.22vw;
}

.range-slider.dragging {
  cursor: ew-resize;
}

.range-titles {
  width: 100%;
  display: flex;
  gap: 54.17vw;
  margin-top: 3.33vw;
}

.range-slider>input {
  width: 24.44vw;
  height: 8.88vw;
  outline: none;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  padding-left: 3.33vw;
  color: rgba(44, 52, 57, 1);
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 100%;
  background-color: transparent;
  position: relative;
}

.range {
  width: 100%;
  display: grid;
  position: relative;
  z-index: 5;
  margin-top: 3.33vw;
}

.range input {
  grid-row: 2;
  grid-column: 1;
  pointer-events: none;
  appearance: none;
  background: transparent;
}

.range input::-webkit-slider-thumb {
  pointer-events: auto;
  appearance: none;
  width: 5.55vw;
  height: 5.55vw;
  background: #E2E2E2;
  border-radius: 50%;
  border: 5px solid #BC1622;
  cursor: pointer;
}

.slider-progress {
  position: absolute;
  height: 4px;
  width: 100%;
  background: rgba(217, 217, 217, 1);
  top: 50%;
  transform: translateY(-50%);
  border-radius: 27.77vw;
  overflow: visible;
  z-index: -1;
}

.progress {
  position: absolute;
  height: 100%;
  background: #BC1622;
  cursor: ew-resize;
}

/* LEGAL */

.legal-hero {
  padding: 5.55vw 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}

.legal-hero .container::after {
  position: absolute;
  content: '';
  top: -5.55vw;
  right: calc((100vw - 88.88vw) / -2);
  width: 100vw;
  height: 130vw;
  background: linear-gradient(132.33deg, #333333 10.9%, rgba(72, 72, 72, 0.673077) 51.4%, rgba(51, 51, 51, 0) 95.14%);
  z-index: -1;
}

.legal-hero-img {
  position: absolute;
  top: -5.55vw;
  right: calc((100vw - 88.88vw) / -2);
  z-index: 1;
  width: 100vw;
  height: 130vw;
  z-index: -1;
}

.legal-hero-img img {
  width: 100%;
  height: 100%;
}

.legal-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1.11vw;
}

.legal-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.legal-hero-flex {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  margin-top: 3.33vw;
  max-width: 100%;
  z-index: 1;
}

.legal-hero-box {
  display: flex;
  align-items: flex-start;
  gap: 1.11vw;
  padding: 1.66vw 3.33vw;
  background-color: #f1f1f1;
  border-radius: 1.38vw;
  color: #333333;
  font-weight: 700;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  width: fit-content;
}

.legal-hero-box svg {
  flex-shrink: 0;
  width: 3.33vw;
  height: 3.33vw;
  color: #333333;
}

.legal-hero-box p {
  margin: 0;
  padding-top: 0.21vw;
}

.legal-hero-text {
  display: flex;
  flex-direction: column;
  width: 68.05vw;
  gap: 3.33vw;
  margin-top: 38.33vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
}

.legal-hero-text p {
  margin: 0;
}

.legal-hero-btns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.22vw;
}

.legal-hero-btn {
  width: 60.27vw;
  padding: 0;
  justify-content: center;
  height: 10.27vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.legal-hero-btn-gray {
  background-color: #ffffff26;
}

.legal-hero-btn:hover {
  background: #A0151F;
}

.legal-hero-btn-gray:hover {
  background: #FFFFFF26;
  color: #BC1622;
}

.legal-conditions {
  padding-top: 11.11vw;
  background-color: #F1F1F1;
}

.legal-conditions .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.legal-conditions-row {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  justify-content: space-between;
  width: 100%;
}

.legal-conditions-box {
  width: 100%;
  height: 23.33vw;
  display: flex;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  padding: 5vw 4.44vw 0 13.88vw;
  gap: 0vw;
  border-radius: 2.77vw;
  background: #FFFFFF;
}

.legal-conditions-box svg {
  position: absolute;
  top: 4.44vw;
  left: 4.44vw;
  width: 6.66vw;
  height: 6.66vw;
}

.legal-gift {
  padding: 8.33vw 0;
  background-color: #F1F1F1;
}

.legal-gift-container {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 2.77vw;
  padding: 5.55vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 9.72vw;
  overflow: hidden;
}

.legal-gift-container .main-form-title {
  color: #0E0E0E;
}

.legal-gift-hero {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2.22vw;
}

.legal-gift-hero .title {
  margin-top: 0.49vw;
  z-index: 2;
  max-width: 100%;
}

.legal-gift-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  color: #333;
  z-index: 2;
}

.legal-gift-hero .legal-gift-desc {
  max-width: 100%;
}

.legal-gift-btns {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  z-index: 1;
  margin-top: 4.44vw;
}

.legal-gift-btn {
  border: none;
  outline: none;
  margin-top: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 10.27vw;
  border-radius: 1.38vw;
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  cursor: pointer;
}

.legal-gift-btn-gray {
  background-color: #F1F1F1;
  color: #333333;
}

.legal-gift-hero-img {
  position: relative;
  top: auto;
  right: auto;
  z-index: 1;
  width: 88.88vw;
  height: 91.38vw;
  z-index: 0;
  margin-left: -5.55vw;
}

.legal-gift-hero-img img {
  width: 100%;
  height: 100%;
}

.legal-gift-includes {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  z-index: 1;
  margin-top: 0;
}

.legal-gift-includes-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2.22vw;
}

.legal-gift-includes-box {
  width: 100%;
  height: 14.44vw;
  box-sizing: border-box;
  padding: 3.33vw 4.44vw;
  display: flex;
  gap: 2.22vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
}

.legal-gift-includes-box p {
  font-weight: 500;
}

.legal-gift-includes-box svg {
  width: 3.33vw;
  height: 3.33vw;
  flex-shrink: 0;
  margin-top: 0.4vw;
}

.legal-gift-includes-box:nth-last-child(n+4) {
  height: 14.44vw;
}

.legal-gift-conditions {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  width: 100%;
}

.legal-gift-conditions-row {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.38vw;
}

.legal-gift-conditions-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 34.72vw;
  padding: 4.44vw;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  border-radius: 2.77vw;
  background-color: #F1F1F1;
}

.legal-gift-conditions-box svg {
  position: absolute;
  right: 4.44vw;
  bottom: 3.33vw;
  width: 11.11vw;
  height: 11.11vw;
}

.legal-subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 1.11vw;
  line-height: 100%;
}

.legal-gift-steps {
  display: flex;
  flex-direction: column;
  margin-top: 1.38vw;
  gap: 4.44vw;
}

.legal-gift-steps-container {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  justify-content: space-between;
  width: 100%;
}

.legal-gift-steps-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  min-height: 17.22vw;
  padding: 3.33vw 4.44vw;
  padding-right: 15.27vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.legal-gift-steps-num {
  margin: 0;
  margin-top: auto;
  text-align: right;
  font-weight: 500;
  font-size: 8.88vw;
  line-height: 100%;
  color: #AAAAAA;
  position: absolute;
  top: 3.33vw;
  right: 3.33vw;
}

.legal-control {
  padding: 8.33vw 0 67.22vw 0;
  overflow: hidden;
}

.legal-control .container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.legal-control .title {
  max-width: 100%;
  margin: 0.42vw 0;
}

.legal-control-list {
  max-width: 100%;
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
}

.legal-control-btns {
  display: flex;
  flex-direction: column;
  gap: 2.77vw;
}

.legal-control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11.38vw;
  padding: 0;

  margin-top: 3.33vw;

  border: none;
  border-radius: 1.38vw;
  outline: none;

  background: #BC1622;
  color: #fff;

  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;

  cursor: pointer;
}

.legal-control-btn-gray {
  background: #F1F1F1;
  color: #333333;
}

.legal-control-btn:hover {
  background: #A0151F;
}

.legal-control-btn-gray:hover {
  background: #F1F1F1;
  color: #BC1622;
}

.legal-control-img {
  position: absolute;
  top: auto;
  bottom: -67.22vw;
  right: auto;
  left: calc((100vw - 88.88vw) / -2);
  width: 100vw;
  height: 61.55vw;
}

.legal-control-img img {
  width: 100%;
  height: 100%;
}

.legal-gift-btn:hover {
  background: #A0151F;
}

.legal-gift-btn-gray:hover {
  background: #F1F1F1;
  color: #BC1622;
}


.form-desc {
  margin: 0;
  margin-top: 0.83vw;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}


.main-form-list {
  display: flex;
  flex-direction: column;
  gap: 0.28vw;
  margin: 1.94vw 0 1.74vw 0;
  list-style: none;
  padding-left: 0;
}

.legal .main-form-text .title {
  margin: 0;
}


.main-form-list-el {
  display: flex;
  align-items: center;
  gap: 0.69vw;
}


.main-form-list-el svg {
  margin-top: -0.21vw;
}


.contacts-form-phone {
  font-size: 1.25vw;
  margin: 0 0 1.67vw 0;
}


.contacts-form-links {
  gap: 0.56vw;
}


.contacts-form-links .main-form-link svg {
  width: 2.78vw;
  height: 2.78vw;
}

/* OFFERS */

.offers-hero {
  padding: 5.55vw 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.offers-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(132.33deg, #333333 10.9%, rgba(72, 72, 72, 0.673077) 51.4%, rgba(51, 51, 51, 0) 95.14%);
  z-index: 1;
}

.offers-hero-img {
  position: absolute;
  top: -5.62vw;
  right: calc((100vw - 88.88vw) / -2);
  z-index: 1;
  width: 100vw;
  height: 130.83vw;
  z-index: -1;
}

.offers-hero-img img {
  width: 100%;
  height: 100%;
}

.offers-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2.22vw;
}

.offers-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.offers-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%
}

.offers-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.56vw;
  margin-top: 2.22vw;
  max-width: 76.66vw;
}

.offers-hero-box {
  display: flex;
  align-items: center;
  gap: 0.56vw;
  padding: 0.69vw 1.11vw 0.69vw 0.83vw;
  background-color: #f1f1f1;
  border-radius: 0.35vw;
  color: #333333;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 100%;
  letter-spacing: 0%;
}


.offers-hero-text {
  display: flex;
  flex-direction: column;
  width: 76.66vw;
  gap: 72.77vw;
  margin-top: 2.22vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
}

.offers-hero-btn {
  width: fit-content;
  padding: 0 6.66vw;
  height: 10.27vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}   

.offers-hero-btn:hover {
  background: #A0151F;
}

.offers-tasks {
  padding: 8.33vw 0;
  background-color: #F1F1F1;
  margin-top: 8.33vw;
}

.offers-tasks-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 2.77vw;
    padding: 5.55vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8.88vw;
    overflow: hidden;
}

.offers-tasks-container .main-form-title {
    color: #0E0E0E;
}

.offers-tasks-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 2.22vw;
}

.offers-tasks-hero .title {
    margin-top: 0.49vw;
    z-index: 2;
    max-width: 100%;
}

.offers-tasks-desc {
    margin: 0;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    color: #333;
    z-index: 2;
}

.offers-tasks-desc span {
  font-weight: 500;
}

.offers-tasks-hero .offers-tasks-desc {
    max-width: 100%;
}

.offers-tasks-btn {
    border: none;
    outline: none;
    margin-top: 2.22vw;
    padding: 0 6.66vw;
    width: fit-content;
    height:10.55vw;
    border-radius: 1.38vw;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 3.33vw;
    line-height: 100%;
    cursor: pointer;
}

.offers-tasks-hero-img {
    position: relative;
    top: auto;
    right: auto;
    z-index: 0;
    width: 88.88vw;
    height: 50.83vw;
    margin-left: -5.55vw;
}

.offers-tasks-hero-img img {
    width: 100%;
    height: 100%;
}

.offers-gift-steps {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
    margin-top: 0;
}

.offers-gift-steps-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 2.22vw;
    width: 100%;
}

.offers-gift-steps-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: fit-content;
    padding: 3.33vw 4.44vw 4.44vw 4.44vw;
    border-radius: 2.77vw;
    background: #F1F1F1;
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    min-height: 17.5vw;
}

.offers-gift-steps-num {
    margin: 0;
    margin-top: auto;
    text-align: right;
    font-weight: 500;
    font-size: 10vw;
    line-height: 100%;
    color: #AAAAAA;
    position: absolute;
    bottom: auto;
    top: 3.53vw;
    right: 4.44vw;
}

.offers-banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  border-radius: 2.77vw;
  overflow: hidden;
  background: #333;
  padding: 5.55vw;
  height: 53.05vw;
}

.offers-banner .title {
  color: #fff;
  max-width: 60.55vw;
  z-index: 2;
}

.offers-banner-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.offers-banner-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(89.74deg, #333333 0.25%, rgba(51, 51, 51, 0.5) 50.02%, rgba(115, 115, 115, 0) 99.8%);
}

.offers-banner-img img {
  width: 100%;
  height: 100%;
}

.offers-cta {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  justify-content: space-between;
  width: 100%;
}

.offers-cta-text {
  display: flex;
  flex: 0;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  gap: 0.56vw;
}

.offers-cta-title {
  color: #333;
  font-size: 5.55vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.offers-cta-buttons {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.11vw;
}

.offers-cta-btn {
  align-items: center;
  border: none;
  border-radius: 1.38vw;
  cursor: pointer;
  display: inline-flex;
  font-size: 3.33vw;
  font-weight: 500;
  height: 10.55vw;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 2.22vw;
  text-decoration: none;
  transition: background-color .2s ease;
  width: 100%;
  box-sizing: border-box;
}

.offers-cta-btn_light {
  background-color: #f1f1f1;
  color: #333;
}

.offers-cta-btn_primary {
  background-color: #bc1622;
  color: #fff;
}

.offers-popular {
  margin: 2.78vw 0;
}

.offers-popular .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.offers-popular-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.offers-popular-link {
  text-decoration: none;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  color: #BC1622;
  cursor: pointer;
}

.offers-popular-link svg {
  margin-top: -0.2vw;
  width: 2.22vw;
  height: 2.22vw;
}

.offers-popular-container {
  width: 100%;
  display: flex;
}

.offers-popular-container .swiper-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.22vw;
}

.offers-popular-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 2.77vw;
  width: 43.33vw;
  height: 65.55vw;
  overflow: hidden;
  padding: 3.33vw;
  background: #F1F1F1;
  margin-right: 0;
  position: relative;
  gap: 3.33vw;
}

.offers-popular-discount {
  position: absolute;
  top: 0;
  right: 0;
  width: fit-content;
  box-sizing: border-box;
  padding: 0 2.22vw;
  height: 5.55vw;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  color: #fff;
  border-radius: 27.77vw 0 0 27.77vw;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
}

.offers-popular-box .products-price {
  max-width: 8.75vw;
}

.offers-popular-price {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.offers-popular-price span {
  margin: 0;
  font-weight: 400;
  font-size: 2.22vw;
  line-height: 100%;
  text-decoration: line-through;
  color: #AAAAAA;
}

.offers-popular-price p {
  margin: 0;
  font-weight: 500;
  font-size: 2.77vw;
  line-height: 100%;
  color: #333;
}

.offers-popular-btn {
  margin-top: auto;
  width: fit-content;
  height: 7.77vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 1.38vw;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  flex-shrink: 0;
  padding: 0 4.44vw;
  cursor: pointer;
}

.offers-popular-img {
  position: relative;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 29.44vw;
}

.offers-popular-img img {
  width: 100%;
  height: 100%;
}

.offers-catalog .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.offers-catalog-nav {
  display: flex;
  overflow: hidden;
  background: #3333330D;
  border-radius: 27.77vw;
  height: 8.88vw;
  width: fit-content;
  overflow-x: scroll;
  width: 100%;
}

.offers-catalog-nav::-webkit-scrollbar {
  display: none;
}

.offers-catalog-nav-link {
  margin: 0;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  color: #333;
  padding: 0 5.55vw;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 27.77vw;
  overflow: hidden;
  flex-shrink: 0;
}

.offers-catalog-nav-link:hover {
  color: #BC1622;
}

.offers-catalog-nav-link_active:hover {
  color: #fff;
  background-color: #A0151F;
}

.offers-catalog-nav-link_active {
  background: #BC1622;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  color: #fff;
}

.offers-catalog-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2.77vw;
}

.offers-catalog-box {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 54.44vw;
  overflow: hidden;
  border-radius: 2.77vw;
  background: #F1F1F1;
  padding: 4.44vw;
  gap: 1.11vw;
}

.offers-catalog-widget {
  position: absolute;
  top: 0;
  right: 0;
  height: 7.77vw;
  display: flex;
  align-items: center;
  gap: 1.11vw;
  padding: 0 3.33vw;
  font-weight: 700;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
  border-radius: 27.77vw 0 0 27.77vw;
  z-index: 2;
}

.offers-catalog-widget svg {
  margin-top: -0.8vw;
  width: 4.44vw;
  height: 4.44vw;
}

.offers-catalog-title {
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  color: #333;
  z-index: 1;
  max-width: 48.88vw;
}

.offers-catalog-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  color: #333333CC;
  z-index: 1;
  max-width: 48.88vw;
}

.offers-catalog-discount {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  align-items: flex-start;
  margin-top: 2.22vw;
  z-index: 1;
}

.offers-catalog-discount-percent {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
  background-clip: text;
  color: transparent;
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
}

.offers-catalog-discount-percent svg {
  width: 4.44vw;
  height: 4.44vw;
}

.offers-catalog-discount-date {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 5.83vw;
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  padding: 0 3.33vw;
  border-radius: 27.77vw;
  background: #FFFFFF;
  color: #333333CC;
}

.offers-catalog-btn {
  margin-top: 2.22vw;
  width: fit-content;
  height: 7.77vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 1.38vw;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  flex-shrink: 0;
  padding: 0 4.44vw;
  cursor: pointer;
}

.offers-catalog-img {
  width: 48.33vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.offers-catalog-img img {
  width: 100%;
  height: 100%;
}

/* ===== СТИЛИ ДЛЯ СТРАНИЦ РАЗДЕЛА "О НАС" ===== */
/* Дополнительные стили для страниц: О нас, Партнеры, Бренды,
   Сертификаты, Правовая информация, Реквизиты, Контакты, Сервис и поддержка */

/* --- sections.css правила --- */

.brands-products .products-box {
  width: 43.33vw;
}

.brands-products .products-box .products-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  height: fit-content !important;
  padding: 0;
  border: none;
}

.brands-products .products-box .products-pricetag {
  margin-top: 2.22vw;
  border-top: 1px solid #0000001A;
}


.brands-products .about-products-more {
  align-self: flex-start;
  box-sizing: border-box;
}

.partners-solutions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.partners-solutions-grid {
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(2,1fr);
}

.partners-solutions-head {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.partners-solution {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  display: flex;
  height: 26.94vw;
  justify-content: center;
  overflow: hidden;
  width: 43.33vw;
}

.partners-solution img,.partners-solution picture {
  max-height: 71px;
  max-width: 167px;
}

.partners-solution img {
  display: block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  transition: all .5s linear;
  width: auto;
}

.our-partners {
  gap: 20px;
}

.our-partners,.our-partners-head {
  display: flex;
  flex-direction: column;
}

.our-partners-head {
  gap: 2.22vw;
}

.our-partners-grid {
  display: grid;
  gap: 2.77vw;
  grid-template-columns: repeat(1,1fr);
}

.our-partners-card {
  background-color: #fff;
  border-radius: 2.77vw;
  color: inherit;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow .2s ease;
}

.our-partners-card-logo {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  display: flex;
  height: 158px;
  justify-content: center;
  overflow: hidden;
}

.our-partners-card-logo,.our-partners-card-logo img {
  aspect-ratio: 289/158;
  display: block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.our-partners-card-text {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  padding: 3.33vw;
}

.our-partners-card-title {
  color: #333;
  font-size: 3.88vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.our-partners-card-desc {
  color: #333;
  font-size: 2.77vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-partner-detail__breadcrumbs {
  padding-bottom: 8px;
  padding-top: 32px;
}

.about-partner-detail__container {
  padding-bottom: 40px;
}

.about-partner-detail__container>* {
  margin-bottom: 40px;
}

.about-partner-detail__container>:last-child {
  margin-bottom: 0;
}

.about-partner-detail__back-conteiner {
  display: none;
}

.about-brand-detail__breadcrumbs {
  padding-bottom: 8px;
  padding-top: 32px;
}

.about-brand-detail__container {
  padding-bottom: 40px;
}

.about-brand-detail__container>* {
  margin-bottom: 40px;
}

.about-brand-detail__container>:last-child {
  margin-bottom: 0;
}

.about-brand-detail__back-conteiner {
  display: none;
}

.about-steps {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.about-step {
  align-items: flex-start;
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  box-sizing: border-box;
  display: flex;
  gap: 2.22vw;
  justify-content: space-between;
  min-height: 19.72vw;
  padding: 4.44vw;
}

.about-step-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.about-step-title {
  font-size: 3.88vw;
  font-weight: 500;
  line-height: 120%;
}

.about-step-desc,.about-step-title {
  color: #333;
  letter-spacing: 0;
  margin: 0;
}

.about-step-desc {
  font-size: 3.05vw;
  font-weight: 400;
  line-height: 130%;
}

.about-step-num {
  align-self: flex-start;
  color: #aaa;
  flex-shrink: 0;
  font-size: 8.88vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin-top: 0;
}

.about-steps-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1,1fr);
}

.about-steps-grid-5 {
  grid-template-columns: repeat(1,1fr);
}

.about-steps-grid-5 .about-step {
  flex-direction: row;
}

.about-requisites {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.about-requisites-table {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #0000001A;
  border-radius: 1.38vw;
  overflow: hidden;
}

.about-requisites-row {
  align-items: flex-start;
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  display: flex;
  gap: 2.77vw;
  min-height: 9.16vw;
  padding: 2.22vw 3.33vw;
}

.about-requisites-row:nth-child(2n) {
  background-color: #f1f1f1;
}

.about-requisites-label,.about-requisites-value {
  margin: 0;
}

.about-requisites-label {
  color: rgba(51,51,51,.8);
  flex: 0 0 35.55vw;
}

.about-requisites-value {
  color: #333;
  flex: 1 0;
  text-align: left;
}

.about-requisites-download {
  align-items: center;
  align-self: flex-start;
  color: #bc1622;
  display: inline-flex;
  font-size: 3.33vw;
  font-weight: 400;
  gap: 1.11vw;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-requisites-download .icon-svg {
  flex-shrink: 0;
  height: 3.88vw;
  width: 3.88vw;
}

.about-projects {
  display: flex;
  flex-direction: column;
  gap: 5.55vw;
}

.about-projects-head {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.about-projects-list {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1,1fr);
}

.about-projects-box {
  border-radius: 2.77vw;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow .2s linear;
  width: 100%;
}

.about-projects-box-content {
  align-items: flex-start;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2.22vw;
  padding: 3.33vw;
}

.about-projects-box-title {
  font-size: 3.88vw;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

.about-projects-box-desc {
  color: rgba(51,51,51,.8);
  font-size: 2.77vw;
  line-height: 1.3;
}

.about-projects-box-link {
  align-items: center;
  color: #bc1622;
  display: flex;
  font-size: 3.33vw;
  gap: 1.11vw;
  margin-top: auto;
  text-decoration: none;
  transition: color .2s linear;
}

.about-projects-box-link .icon-svg {
  height: 2.22vw;
  width: 2.22vw;
  margin-top: -0.5vw;
}

.about-projects-box-pic {
  overflow: hidden;
}

.about-projects-box-pic,.about-projects-box-pic>img {
  aspect-ratio: 289/158;
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.about-projects-box-pic>img {
  transform: scale(1);
  transition: all .2s linear;
}

.about-projects-more {
  align-items: center;
  align-self: flex-start;
  background: #bc1622;
  border-radius: 1.38vw;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 3.88vw;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin-top: 5.55vw;
  min-height: 11.38vw;
  padding: 3.33vw 5.55vw;
  text-align: center;
  box-sizing: border-box;
}

.about-projects .about-projects-more {
  margin-top: 0;
}

.about-projects--pt {
  padding-top: 40px;
}

.about-projects--reverse .about-projects-box-content {
  background-color: #fff;
}

.about-projects--more-center .about-projects-more {
  margin-left: auto;
  margin-right: auto;
}

.about-products {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-products-grid {
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(2,1fr);
}

.about-products-more {
  align-items: center;
  align-self: center;
  background-color: #333;
  border-radius: .25rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  min-height: 43px;
  min-width: 203px;
  padding: 8px 20px;
  text-decoration: none;
  transition: background-color .2s ease;
}

.about-products--6 .about-products-grid {
  grid-template-columns: repeat(6,1fr);
}

.about-page__title {
  margin-bottom: -20px;
}

.about-page-why {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-page-why>* {
  margin: 0;
}

.about-page-why-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.about-page-why-box {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  min-height: 90px;
  padding: 20px;
  width: 286px;
}

.about-page-why-box span {
  max-width: 180px;
}

.about-page-why-box .icon-svg {
  flex-shrink: 0;
  height: 40px;
  width: 40px;
}

.about-page-mission {
  background-color: #f1f1f1;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  width: 100%;
}

.about-page-mission>* {
  margin: 0;
}

.about-page-mission__title {
  font-size: 18px;
  font-weight: 500;
}

.about-page-mission__desc {
  color: rgba(51,51,51,.8);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.about-page-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.about-page-list li {
  color: #0e0e0e;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 140%;
  padding-left: calc(1lh + 8px);
  position: relative;
}

.about-page-list li:before {
  background: url(/local/media/images/icons/sc-check-circle.svg) no-repeat 50%/contain;
  content: "";
  height: 1lh;
  left: 0;
  position: absolute;
  top: .1em;
  transform: translateY(-6%);
  width: 1lh;
}

.about-page-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-page-text>* {
  margin: 0;
}

.about-page-subtitle {
  color: #0e0e0e;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin: 0;
}

.about-page-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-pages {
  margin-top: 32px;
}

.about-pages__content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8.33vw;
  margin-bottom: 8.33vw;
  width: 88.88vw;
}

.about-pages__link-back {
  display: none;
}

.about-pages-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.about-pages-nav {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 234px;
}

.about-pages-nav__link {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 5px;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 33px;
  letter-spacing: 0;
  line-height: 100%;
  overflow: hidden;
  padding-left: 24px;
  padding-top: 4px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.about-pages-nav__link.about-pages-nav__link_active:after {
  background-color: #bc1622;
  content: "";
  height: 33px;
  left: 0;
  position: absolute;
  top: 0;
  width: 3px;
}

.about-map {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-map-container {
  height: 240px;
  width: 100%;
}

.about-information-inner {
  background-color: #f1f1f1;
  border-radius: .75rem;
  gap: 40px;
  overflow: hidden;
  padding: 40px;
  width: 100%;
  box-sizing: border-box;
  height: 123.61vw;
}

.about-information-inner,.about-information-title {
  display: flex;
  flex-direction: column;
  position: relative;
}

.about-information-title {
  flex-shrink: 0;
  gap: 12px;
  max-width: 700px;
  z-index: 1;
}

.about-information-title>* {
  margin: 0;
}

.about-information-desc {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.about-information-desc>* {
  margin: 0;
}

.about-information-picture {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.about-information-picture,.about-information-picture img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom right;
  object-position: bottom right;
  width: 100%;
}

.about-information-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1,1fr);
  position: relative;
  z-index: 2;
}

.about-information-list--3 {
  grid-template-columns: repeat(1,1fr);
}

.about-information-box {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 2.77vw;
  color: #333;
  display: flex;
  gap: 1.11vw;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 130%;
  min-height: 22.22vw;
  padding: 4.44vw;
  box-sizing: border-box;
  position: relative;
  padding-right: 16.66vw;
}

.about-information-box svg {
  width: 11.11vw;
  height: 11.11vw;
  position: absolute;
  bottom: auto;
  right: 4.44vw;
  top: 4.44vw;
}

.about-information-box-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.support-information-inner {
  height: 261.38vw;
}

.about-information-box-title {
  font-size: 3.61vw;
  font-weight: 500;
  line-height: 1.1;
}

.about-information-box-desc {
  font-size: 3.05vw;
  line-height: 1.1;
}

.about-information-box-icon {
  display: block;
  flex-shrink: 0;
  height: 4.44vw;
  width: 4.44vw;
}

.contacts-information {
  height: 183vw;
}

.about-information-box-icon>img {
  display: block;
  height: auto;
  width: 100%;
}

.about-information-box-btn {
  align-self: flex-start;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62.5vw;
  height: 11.38vw;
  border-radius: 1.38vw;
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.about-information-box--ais {
  align-items: flex-start;
}

.about-information--py {
  padding-bottom: 40px;
  padding-top: 40px;
}

.about-information--white {
  background-color: #f1f1f1;
}

.about-information--white .about-information-inner {
  background-color: #fff;
}

.about-how {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.about-how-grid {
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(1,1fr);
}

.about-how-grid--3 {
  grid-template-columns: repeat(1,1fr);
}

.about-how-desc {
  display: flex;
  flex-direction: column;
  gap: 1ex;
}

.about-how-desc>* {
  margin: 0;
}

.about-how-steps {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  display: flex;
  gap: 2.22vw;
  min-height: 11.11vw;
  padding: 3.33vw 4.44vw;
  box-sizing: border-box;
}

.main-form--inner-white {
  background: #fff;
  padding: 0;
}

.main-form--inner-white .contacts-form-phone {
  font-size: 4.44vw;
}

.main-form--inner-white .contacts-form-links {
  gap: 2.22vw;
}

.main-form--inner-white .main-form-link svg {
  width: 8.88vw;
  height: 8.88vw;
}

.main-form--inner-white .container {
  width: 100%;
}

.dufa-hero .about-hero__inner {
  justify-content: flex-start;
  gap: 4.44vw;
}

.about-how-icon {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
}

.about-how-icon,.about-how-icon .icon-svg {
  height: 24px;
  width: 24px;
}

.about-how-text {
  font-weight: 500;
  margin-top: 3px;
}

.about-how--w-77 .about-how-desc,.about-how--w-77 .about-how-title {
  max-width: 100%;
}

.about-hero {
  align-items: center;
  background-color: #333;
  border-radius: 2.77vw;
  display: flex;
  min-height: 301px;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: -5vw;
}

.about-hero__picture {
  inset: 0;
  position: absolute;
  z-index: 0;
}

.about-hero__picture,.about-hero__picture img {
  display: block;
  height: 100%;
  width: 100%;
}

.brand-hero .about-hero__inner {
  justify-content: flex-start;
  gap: 4.44vw;
}

.about-hero__picture img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.about-hero__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between  ;
  padding: 5.55vw;
  height: 130vw;
  position: relative;
  width: 600px;
  z-index: 1;
}

.about-hero__info {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.about-hero__title {
  color: #fff;
  font-size: 6.66vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-hero__suptitle {
  font-size: 3.88vw;
}

.about-hero__subtitle {
  color: #fff;
  font-size: 3.88vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-hero__desc {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 3.33vw;
  font-weight: 400;
  gap: 1ex;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
  margin-top: 2.22vw;
}

.about-hero__desc>* {
  margin: 0;
}

.about-hero__btn {
  align-items: center;
  background-color: #bc1622;
  border: none;
  border-radius: 1.38vw;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 3.88vw;
  font-weight: 500;
  height: 11.38vw;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0;
  transition: background-color .2s ease;
  width: 62.5vw;
}

.about-hero:has(.about-hero__container) {
  border-radius: 0!important;
}

.about-hero__container {
  padding: 0;
}

.about-hero__container .about-hero__inner {
  padding-bottom: 5.55vw;
  padding-left: 0;
  padding-top: 11.11vw;
}

.about-help {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.about-help-items {
  align-items: stretch;
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(1,1fr);
}

.about-help-item {
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  color: #333;
  display: flex;
  flex-direction: row;
  gap: 1.11vw;
  height: 100%;
  justify-content: space-between;
  padding: 4.44vw;
  box-sizing: border-box;
}

.about-help-item-content {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.about-help-item-title {
  font-size: 3.88vw;
  font-weight: 500;
  line-height: 1;
}

.about-help-item-desc {
  font-size: 3.05vw;
  line-height: 1.3;
}

.about-help-item-icon {
  align-self: flex-start;
  flex-shrink: 0;
  height: 16.66vw;
  width: 16.66vw;
}

.about-help-item-icon.icon-star {
  color: #dcdcdc;
  height: 32px;
  width: 32px;
}

.about-extra {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-extra-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2,1fr);
}

.about-extra-card {
  background-color: #f1f1f1;
  background-image: url(/local/media/images/icons/star.svg);
  background-position: right 16px bottom 16px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-radius: .75rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 118px;
  padding: 20px 20px 54px;
}

.about-extra-label {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-extra-value {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-documents {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.about-documents-grid {
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(1,1fr);
}

.about-documents-doc-card {
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  min-height: 36.11vw;
  padding: 5.55vw;
}

.about-documents-doc-top {
  align-items: flex-start;
  display: flex;
  gap: 2.22vw;
}

.about-documents-doc-icon {
  display: inline-flex;
  flex-shrink: 0;
  height: 6.66vw;
  width: 6.66vw;
}

.about-documents-doc-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2.22vw;
  min-width: 0;
}

.about-documents-doc-title {
  color: #333;
  font-size: 4.444vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-documents-doc-desc {
  color: rgba(51,51,51,.8);
}

.about-documents-doc-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 5.55vw;
  padding-top: 1.11vw;
}

.about-documents-doc-link {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  font-size: 3.33vw;
  font-weight: 400;
  gap: 1.11vw;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-documents-doc-link .icon-svg {
  flex-shrink: 0;
  height: 3.88vw;
  width: 3.88vw;
  margin-top: -0.5vw;
}

.about-documents-doc-link .icon-svg.icon-arrow-top-right {
  height: 2.22vw;
  width: 2.22vw;
  margin-top: -0.5vw;
}

.about-decisions {
  background-color: #f1f1f1;
  padding-bottom: 40px;
  padding-top: 40px;
}

.about-decisions-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-decisions-grid {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1,1fr);
}

.about-decisions-box {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 2.77vw;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  padding: 4.44vw;
  text-decoration: none;
  height: 43.88vw;
  position: relative;
  box-sizing: border-box;
}

.about-decisions-box svg:not(.icon-arrow-top-right) {
  width: 16.66vw;
  height: 16.66vw;
  position: absolute;
  bottom: 4.44vw;
  right: 4.44vw;
}

.about-decisions-box-head {
  align-items: flex-start;
  display: flex;
  font-size: 3.88vw;
  font-weight: 500;
  gap: 10px;
  line-height: 1;
}

.about-decisions-box-head-icon {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.about-decisions-box-head span {
  margin-top: calc(12px - .33333lh);
}

.about-decisions-box-desc {
  font-size: 3.05vw;
  line-height: 1.3;
}

.about-decisions-box-link {
  align-items: center;
  color: #bc1622;
  display: flex;
  font-size: 3.33vw;
  gap: 1.11vw;
  transition: color .2s linear;
}

.about-decisions-box-link>.icon-svg {
  height: 2.22vw;
  width: 2.22vw;
}

.about-cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  justify-content: space-between;
  width: 100%;
}

.about-cta-text {
  display: flex;
  flex: 0;
  flex-direction: column;
  gap: 2.22vw;
}

.about-cta-title {
  color: #333;
  font-size: 5.55vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-cta-buttons {
  display: flex;
  gap: 2.22vw;
  width: 100%;
}

.about-cta-btn {
  align-items: center;
  border: none;
  border-radius: 1.38vw;
  cursor: pointer;
  display: inline-flex;
  font-size: 3.33vw;
  font-weight: 500;
  height: 10.55vw;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 20px;
  text-decoration: none;
  transition: background-color .2s ease;
  width: 100%;
}

.about-cta-btn_light {
  background-color: #f1f1f1;
  color: #333;
}

.about-cta-btn_primary {
  background-color: #bc1622;
  color: #fff;
}

.about-contacts-cards {
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(1,1fr);
}

.about-contacts-card {
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  min-height: 18.61vw;
  padding: 4.44vw;
}

.about-contacts-card-label {
  color: #333;
  font-size: 3.05vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-contacts-card-value {
  color: #333;
  font-size: 3.88vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
  text-decoration: none;
  transition: color .2s ease;
}

.about-contacts-card-extra {
  color: #333;
  font-size: 2.77vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-certificates-docs {
  display: flex;
  flex-direction: column;
  gap: 6.66vw;
}

.about-certificates-docs-head {
  display: flex;
  flex-direction: column;
  gap: 2.77vw;
}

.about-certificates-docs-grid {
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(1,1fr);
}

.about-certificates-doc-card {
  align-items: stretch;
  background-color: #f1f1f1;
  border-radius:  2.77vw;
  box-sizing: border-box;
  display: flex;
  gap: 4.44vw;
  justify-content: space-between;
  min-height: 50.83vw;
  padding: 20px;
}

.about-certificates-doc-card picture {
  width: 31.11vw;
  height: 100%;
}

.about-certificates-doc-card picture img {
  width: 100%;
  height: 100%;
}

.about-certificates-doc-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2.22vw;
  min-width: 0;
}

.about-certificates-doc-title {
  color: #333;
  font-size: 4.44vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-certificates-doc-actions {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: auto;
}

.about-certificates-doc-link {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-certificates-doc-link .icon-svg {
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.about-certificates-doc-link .icon-svg.icon-arrow-top-right {
  height: 8px;
  width: 8px;
}

.about-certificates-doc-preview {
  align-items: center;
  aspect-ratio: 112/163;
  background-color: #fff;
  border-radius: .25rem;
  display: flex;
  flex-shrink: 0;
  height: auto;
  justify-content: center;
  overflow: hidden;
  width: 112px;
}

.about-certificates-doc-preview,.about-certificates-doc-preview img {
  aspect-ratio: 112/163;
  display: block;
  height: auto;
  width: 100%;
}

.about-certificates-doc-preview img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.about-brands-list {
  display: grid;
  gap: 3.33vw 2.22vw;
  grid-template-columns: repeat(2,1fr);
}

.about-brands-list-card {
  background-color: #fff;
  border-radius: .75rem;
  color: inherit;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow .2s ease;
}

.about-brands-list-card-logo {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 2.77vw;
  display: flex;
  height: 27.22vw;
  justify-content: center;
}

.about-brands-list-card-logo img,.about-brands-list-card-logo picture {
  max-height: 90px;
  max-width: 167px;
}

.about-brands-list-card-logo img {
  display: block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}

.about-brands-list-card-text {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  padding: 2.22vw 0 0 0;
}

.about-brands-list-card-title {
  color: #333;
  font-size: 3.33vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-brands-list-card-desc {
  color: rgba(51,51,51,.8);
  font-size: 2.5vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-banner {
  align-items: flex-start;
  background-color: #333;
  border-radius: .75rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
  min-height: 53.05vw;
  overflow: hidden;
  padding: 5.55vw;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.about-banner-picture {
  inset: 0;
  position: absolute;
}

.about-banner-picture,.about-banner-picture img {
  display: block;
  height: 100%;
  width: 100%;
}

.about-banner-picture img {
  -o-object-fit: cover;
  object-fit: cover;
}

.about-banner-desc,.about-banner-title {
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  max-width: 736px;
  position: relative;
}

.about-banner-desc {
  max-width: 544px;
  font-size: 14px;
}

.about-banner-title {
  font-weight: 500;
}

.about-banner-btn {
  align-items: center;
  background-color: #bc1622;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  font-size: 18px;
  font-weight: 500;
  justify-content: center;
  min-height: 46px;
  padding: 12px 32px;
  position: relative;
  text-align: center;
  transition: background-color .2s ease;
  box-sizing: border-box;
}

/* PROFESSIONAL */

.prof-hero {
  padding: 5.55vw 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}

.prof-hero-img {
  position: absolute;
  top: -5.55vw;
  right: calc((100vw - 88.88vw) / -2);
  z-index: 1;
  width: 100vw;
  height: 130.8vw;
  z-index: -1;
}

.prof-hero-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(132.33deg, #333333 10.9%, rgba(72, 72, 72, 0.673077) 51.4%, rgba(51, 51, 51, 0) 95.14%);
}

.prof-hero-img img {
  width: 100%;
  height: 100%;
}

.prof-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1.11vw;
}

.prof-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.prof-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 1.11vw;
}

.prof-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.56vw;
  margin-top: 1.11vw;
  max-width: 47.08vw;
}

.prof-hero-box {
  display: flex;
  align-items: center;
  gap: 0.56vw;
  padding: 0.69vw 1.11vw 0.69vw 0.83vw;
  background-color: #f1f1f1;
  border-radius: 0.35vw;
  color: #333333;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 100%;
  letter-spacing: 0%;
}


.prof-hero-text {
  display: flex;
  flex-direction: column;
  width: 68.05vw;
  gap: 80vw;
  margin-top: 1.11vw;
  font-weight: 500;
  font-size: 1.11vw;
  line-height: 100%;
}

.hero-subdesc {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  max-width: 68.05vw;
}

.prof-hero-btn {
  width: fit-content;
  padding: 0 6.66vw;
  height: 10.27vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}   

.prof-hero-btn:hover {
  background: #A0151F;
}


.prof-tasks {
  padding: 8.33vw 0;
  background-color: #F1F1F1;
}

.prof-tasks-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 2.77vw;
    padding: 5.55vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8.88vw;
    overflow: hidden;
}

.prof-tasks-container .main-form-title {
    color: #0E0E0E;
}

.prof-tasks-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 2.22vw;
}

.prof-tasks-hero .title {
    margin-top: 0.49vw;
    z-index: 2;
    max-width: 100%;
}

.prof-tasks-desc {
    margin: 0;
    font-weight: 400;
    font-size: 3.33vw;
    line-height: 140%;
    color: #333;
    z-index: 2;
}

.prof-tasks-desc span {
  font-weight: 500;
}

.prof-tasks-hero .prof-tasks-desc {
    max-width: 100%;
}

.prof-tasks-btn {
    border: none;
    outline: none;
    margin-top: 4.44vw;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10.27vw;
    border-radius: 2.22vw;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
    cursor: pointer;
}

.prof-tasks-hero-img {
    position: relative;
    top: auto;
    right: auto;
    z-index: 1;
    width: 88.88vw;
    height: 91.38vw;
    margin-left: -5.55vw;
}

.prof-tasks-hero-img img {
    width: 100%;
    height: 100%;
}

.prof-tasks-conditions {
    display: flex;
    flex-direction: column;
    gap: 4.44vw;
    width: 100%;
}

.prof-tasks-conditions-row {
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
    justify-content: space-between;
    width: 100%;
}

.prof-tasks-conditions-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: fit-content;
    padding: 4.44vw 4.44vw 13.33vw 4.44vw;
    display: flex;
    flex-direction: column;
    gap: 2.22vw;
    border-radius: 2.77vw;
    background-color: #F1F1F1;
}

.prof-tasks-conditions-box svg {
    position: absolute;
    right: 4.44vw;
    bottom: 3.33vw;
    width: 8.88vw;
    height: 8.88vw;
}

.legal-subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 3.88vw;
    line-height: 100%;
}

.prof-tasks-conditions-box .desc {
  font-size: 3.05vw;
}

.prof-promo {
  margin: 8.33vw 0;
}

.prof-promo .container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 5.55vw;
  height: 53.05vw;
  background: #333333;
  position: relative;
  border-radius: 2.77vw;
  overflow: hidden;
}

.prof-promo .title {
  color: #fff;
  max-width: 72.5vw;
  line-height: 120%;
  z-index: 1;
}

.prof-promo-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.prof-promo-img img {
  width: 100%;
  height: 100%;
}

.prof-select {
  padding-bottom: 8.33vw;
}

.prof-select .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.prof-select-row {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  justify-content: space-between;
  width: 100%;
}

.prof-select-box {
  width: 100%;
  height: 24.44vw;
  display: flex;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  padding: 4.44vw;
  padding-right: 22.22vw;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
}

.prof-select-box:nth-of-type(2) {
  height: 26.11vw;
}

.prof-select-box:nth-of-type(5) {
  height: 26.11vw;
}

.prof-select-box svg {
  position: absolute;
  bottom: auto;
  top: 4.44vw;
  right: 4.44vw;
  width: 16.66vw;
  height: 16.66vw;
}

.prof-manager {
  padding-top: 8.33vw;
  background: #F1F1F1;
}

.prof-manager .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  overflow: hidden;
  border-radius: 2.77vw;
  background-color: #fff;
  box-sizing: border-box;
  height: fit-content;
  padding: 5.55vw;
  position: relative;
  padding-bottom: 0;
}

.prof-manager-img {
  position: relative;
  top: 0;
  right: 0;
  width: 88.88vw;
  height: 86.66vw;
  margin-left: -5.55vw;
  margin-top: 2.22vw;
}

.prof-manager-img img {
  width: 100%;
  height: 100%;
}

.prof-manager ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.prof-manager li {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.prof-manager svg {
  margin-top: -1vw;
  width: 3.33vw;
  height: 3.33vw;
}

.prof-manager-desc {
  margin: 0;
  color: #333;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 120%;
}

.prof .main-form-text .title {
  margin: 0;
}

.form-desc {
  margin: 0;
  font-size: 3.88vw;
  font-weight: 400;
  line-height: 100%;
  margin-top: 2.22vw;
  color: #333333;
}

.main-form-list {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  margin: 4.44vw 0 4.44vw 0;
  list-style: none;
  padding-left: 0;
}

.main-form-list-el {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.main-form-list-el svg {
  margin-top: -1vw;
  width: 3.33vw;
  height: 3.33vw;
}

/* 404 */

.not-found {
  padding: 5.55 0;
  background: #333333;
  position: relative;
}

.not-found-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
}

.not-found-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(132.33deg, #333333 10.9%, rgba(72, 72, 72, 0.673077) 51.4%, rgba(51, 51, 51, 0) 95.14%);
}

.not-found-img img {
  width: 100%;
  height: 100%;
}

.not-found .title {
  z-index: 1;
}

.not-found .container {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  color: #fff;
  z-index: 2;
}

.not-found-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  z-index: 1;
  width: 76.94vw;
}

.not-found-link {
  margin-top: 88.33vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 59.8vw;
  height: 10.27vw;
  background: #BC1622;
  color: #fff;
  border: none;
  border-radius: 1.38vw;
  font-weight: 700;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  z-index: 1;
}

.not-found-link:hover {
  background: #A0151F;
}

/* POLICY */

.policy {
  margin: 5.55vw 0 11.11vw 0;
}

.policy .container {
  display: flex;
  flex-direction: column;
  gap: 5.55vw;
}

.policy-box {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.policy-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.policy-box .desc {
  font-size: 3.33vw;
}

/* BASKET */

.basket-main {
  margin: 5.55vw 0;
}

.basket-main .container {
  display: flex;
  flex-direction: column;
  gap: 11.11vw;
  justify-content: space-between;
}

.basket-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  gap: 2.22vw;
}

.basket-info-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  justify-content: space-between;
  align-items: flex-start;
}

.basket-info-sort {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.basket-info-sort input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-info-sort input:checked + label::before {
  position: absolute;
  top: -0.7vw;
  left: -6.46vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  background-color: #BC1622;
  border-radius: 1.11vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 4.44vw 2.22vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-info-sort label {
  position: relative;
  cursor: pointer;
}

.basket-info-sort label::after {
  position: absolute;
  top: -0.7vw;
  left: -6.46vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 1.11vw;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-info-sort .desc {
  margin-top: 0.21vw;
}

.basket-info-widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8.33vw 4.44vw;
  width: 100%;
  padding: 3.33vw 0;
}

.basket-info-select-all {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  cursor: pointer;
  position: relative;
}

.basket-info-select-all input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-info-select-all input:checked + label::before {
  position: absolute;
  top: -0.7vw;
  left: -6.46vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  background-color: #BC1622;
  border-radius: 1.11vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 4.44vw 2.22vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-info-select-all label {
  position: relative;
  cursor: pointer;
}

.basket-info-select-all label::after {
  position: absolute;
  top: -0.7vw;
  left: -6.46vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 1.11vw;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-info-select-all .desc {
  margin-top: 0.28vw;
}

.basket-info-delete {
  display: flex;
  align-items: center;
  gap: 2.22vw;
  cursor: pointer;
}

.basket-info-delete svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.3vw;
}

.basket-info-delete-desc {
  margin: 0;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 0.28vw;
}

.basket-info-widgets-row {
  display: flex;
  align-items: center;
  margin-left: 0;
  order: -1;
  gap: 2.22vw;
}

.basket-info-widget {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  cursor: pointer;
}

.basket-info-widget svg {
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.3vw;
}

.basket-info-widget .desc {
  margin-top: 0.28vw;
}

.basket-info-widget:hover .desc {
  color: #BC1622;
}

.basket-info-widget:hover svg path {
  stroke: #BC1622;
}

.basket-cards-container {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.basket-card {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 4.16vw;
  padding: 2.22vw 0;
  width: 100%;
  padding-top: 2.22vw;
  padding-left: 23.33vw;
  border-top: 0.07vw solid #0000001A;
  box-sizing: border-box;
}

.basket-card .personal-orders-info-products-side {
  display: flex;
  position: relative;
  width: fit-content;
  gap: 2.22vw;
  margin-left: auto;
}

.basket-card .personal-orders-info-products-side .personal-orders-info-products-widgets {
  position: absolute;
  bottom: 0;
  left: -41.66vw;
  justify-content: flex-start;
  gap: 1.11vw;
}

.basket-card .personal-orders-info-products-side .personal-orders-info-products-widget {
  width: 6.66vw;
  height: 6.66vw;
}

.basket-card:nth-of-type(1) {
  border: none;
  padding-top: 0;
}

.basket-card:nth-of-type(1) .basket-card-checkbox {
  top: 0;
}

.basket-card .personal-orders-info-products-name {
  width: 100%;
}

.basket-card .personal-orders-info-products-title {
  max-width: 100%;
}

.basket-card .personal-orders-info-products-name .personal-orders-info-products-widgets {
  justify-content: flex-start;
}

.basket-card-checkbox {
  position: absolute;
  top: 2.22vw;
  width: 4.44vw;
  height: 4.44vw;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.basket-card:has(.basket-card-checkbox:checked)::after {
  position: absolute;
  top: 02.22vw; /* добавил px */
  left: 0;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  background-color: #BC1622;
  border-radius: 1.11vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 4.44vw 2.22vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-card::before {
  position: absolute;
  top: 2.22vw;
  left: 0;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 1.11vw;
  box-sizing: border-box;
  pointer-events: none; 
}

.basket-card .personal-orders-info-products-img {
  position: absolute;
  top: 4.44vw;
  left: 4.44vw;
  width: 16.66vw;
  height: 16.66vw;
}

.basket-card .personal-orders-info-products-info {
  width: 35.27vw;
  gap: 2.22vw;
  align-items: center;
  height: fit-content;
  flex-direction: row;
}

.basket-card .personal-orders-info-products-info .personal-orders-info-products-price {
  margin: 0;
}

.personal-orders-info-products-btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23.88vw;
  height: 8.88vw;
  border-radius: 27.77vw;
  box-sizing: border-box;
  gap: 1.11vw;
  padding-top: 0.21vw;
  background: #F1F1F1;
  color: #333333;
  font-weight: 700;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  border: none;
}

.basket-card .personal-orders-info-products-count {
  display: flex;
  gap: 1.11vw;
  justify-content:center;
  align-items: center;
  margin-top: 0;
}

.basket-card .personal-orders-info-products-count button {
  width: 4.44vw;
  height: 4.44vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  color: #333;
  font-weight: 400;
  font-size: 5vw;
  line-height: 140%;
  letter-spacing: 0%;
  cursor: pointer;
}

.count-size-input {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5vw;
  height: 6.11vw;
  text-align: center;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
}

.personal-orders-info-products-btn-delete svg {
  margin-top: -0.3vw;
  width: 4.44vw;
  height: 4.44vw;
}

.basket-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.77vw;
}

.basket-checkout {
  width: 100%;
  box-sizing: border-box;
  padding: 4.44vw;
  border-radius: 1.38vw;
  display: flex;
  flex-direction: column;
  background-color: #F1F1F1;
  gap: 4.44vw;
}

.basket-checkout-title {
  margin: 0;
  font-weight: 500;
  font-size: 4.72vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-checkout-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  padding-bottom: 4.44vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.basket-checkout-checkbox-el {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.basket-checkout-checkbox-el input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-checkout-checkbox-el input:checked + label::before {
  position: absolute;
  top: -0.5vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 50%;
  content: '';
  border: 1.38vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-checkout-checkbox-el label {
  position: relative;
  cursor: pointer;
}

.basket-checkout-checkbox-el label::after {
  position: absolute;
  top: -0.5vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-checkout-checkbox-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.basket-checkout-weight {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  padding-bottom: 4.44vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.basket-checkout-weight-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basket-checkout-weight-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.basket-checkout-discount {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.basket-checkout-discount .desc {
  color: #0E0E0E;
}

.basket-checkout-discount-numbers {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 20.55vw;
  flex-shrink: 0;
}

.basket-checkout-discount-numbers span {
  margin: 0;
  display: inline;
  font-weight: 700;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00B162;
}

.basket-checkout-bonus {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  padding-bottom: 4.44vw;
  border-bottom: 1px solid #0000001A;
}

.basket-checkout-bonus-toggle {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.basket-checkout-bonus-toggle .switch {
  width: 11.66vw;
  height: 6.66vw;
}

.basket-checkout-bonus-toggle .slider:before {
  position: absolute;
  content: "";
  height: 4.44vw;
  width: 4.44vw;
  left: 1.11vw;
  bottom: 1.11vw;
}

.basket-checkout-bonus-toggle input:checked + .slider:before {
  -webkit-transform: translateX(5vw);
  -ms-transform: translateX(5vw);
  transform: translateX(5vw);
}

.basket-checkout-bonus-fold {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.basket-checkout-bonus-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.basket-checkout-bonus-input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  height: 8.05vw;
  padding-left: 3.33vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.basket-checkout-bonus-desc {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.basket-checkout-coupon {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.38vw;
  border: 1px solid #E2E2E2;
  height: 10vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.basket-checkout-coupon::placeholder {
  color: #333333;
}

.basket-checkout-total {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.basket-checkout-total-text {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-checkout-btn {
  width: 100%;
  height: 10.55vw;
  box-sizing: border-box;
  border-radius: 1.38vw;
  background: #BC1622;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  cursor: pointer;
  display: flex;
}

.basket-checkout-btn:hover {
  background: #A0151F;
}

.basket-checkout-banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 2.22vw;
  padding: 3.33vw;
  border-radius: 1.38vw;
  position: relative;
  background: #E6F8F0;
  overflow: hidden;
}

.basket-checkout-banner svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.83vw;
  height: 9.16vw;
}

.basket-checkout-banner-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  max-width: 100%;
}

.basket-checkout-banner-btn {
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34.44vw;
  height: 7.77vw;
  border-radius: 27.77vw;
  background: #FFFFFF;
  color: #333333;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

/* PRODUCT */

.product-main {
  margin: 1.11vw 0 5.55vw 0;
}

.product-main .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 11.11vw;
}

.product-main-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  gap: 2.22vw;
}

.product-main-title {
  margin: 0;
  font-weight: 500;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.product-main-info-top {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 3.33vw;
  width: 100%;
  padding: 2.22vw 0;
}

.product-main-info-widgets {
  display: flex;
  gap: 3.33vw;
  align-items: center;
}

.product-main-info-widget {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  cursor: pointer;
}

.product-main-fav-success {
  display: none;
  align-items: center;
  gap: 1.11vw;
  box-sizing: border-box;
  height: 8.88vw;
  padding: 1.11vw 4.44vw 0 3.33vw;
  border-radius: 1.11vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  background: #E6F8F0;
  margin-top: 0;
  position: fixed;
  bottom: 40.27vw;
  right: calc((100vw - 88.88vw) / 2);
}

.product-main-fav-success svg {
  margin-top: -1vw;
  width: 4.44vw;
  height: 4.44vw;
}

.product-main-info-widget:hover .desc {
  color: #BC1622;
}

.product-main-info-widget svg {
  margin-top: -0.5vw;
  width: 4.44vw;
  height: 4.44vw;
}

.product-main-info-widget:hover svg path {
  stroke: #BC1622;
}

.product-main-info-code {
  margin: 0;
  font-weight: 400;
  font-size: 3.61vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #33333399;
}

.product-main-info-nav {
  display: flex;
  width:  100%;
  box-sizing: border-box;
  border-radius: 1.38vw;
  padding: 1.11vw;
  background: #F1F1F1;
  overflow-x: scroll;
  margin-top: 2.22vw;
}

.product-main-info-nav::-webkit-scrollbar {
  display: none;
}

.product-main-info-nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 6.94vw;
  padding: 0 3.33vw;
  padding-top: 0.21vw;
  border-radius: 1.38vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
  cursor: pointer;
  flex-shrink: 0;
}

.product-main-info-nav-link:hover {
  color: #BC1622;
}

.product-main-info-nav-link_active:hover {
  color: #fff;
  cursor: default;
}

.product-main-info-nav-link_active {
  background-color: #BC1622;
  color: #fff;
}

.product-main-container {
  display: none;
  gap: 11.11vw;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  padding: 0;
}

.product-main-container_opened {
  display: flex;
}

.product-main-img-box {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  width: 100%;
  flex-shrink: 0;
}

.product-main-img {
  width: 100%;
  height: 72.22vw;
}

.product-main-img img {
  width: 100%;
  height: 100%;
}

.product-main-img-row {
  display: flex;
  width: 100%;
  gap: 1.11vw;
}

.product-main-img-small {
  width: 21.38vw;
  height: 21.38vw;
}

.product-main-img-small img {
  width: 100%;
  height: 100%;
}

.product-main-description {
  display: flex;
  flex-direction: column;
  gap: 5.55vw;
  width: 100%;
}

.product-main-description-box {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.product-main-description-box .desc {
  color: #333333;
}

.product-main-description-box .desc span {
  color: #33333399;
}

.product-main-description-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.11vw;
}

.product-main-description-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 3.33vw;
  padding-top: 0.21vw;
  height: 8.33vw;
  border-radius: 1.11vw;
  border: 1px solid #0000001A;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333;
  cursor: pointer;
}

.product-main-description-btn:hover {
  border: 1px solid #BA1420;
}

.product-main-description-btn_disabled {
  background: #F1F1F1;
  border: none;
  color: #33333399;
  cursor: default;
  pointer-events: none;
}

.product-main-description-btn_active {
  border: 1px solid #BC1622;
  cursor: default;
}

.product-main-description-text {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.product-main-description-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-description-container {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  width: 100%;
  margin: 0.56vw 0;
}

.product-main-description-item {
  display: flex;
  align-items: baseline;
  gap: 1.11vw;
}

.menu-dots {
  flex-grow: 1; /* Заполняет всё доступное пространство */
  border-bottom: 0.35vw dotted #ccc; /* Создаем точки */
  height: 3px; /* Регулирует высоту расположения точек относительно текста */
  margin-bottom: 0.14vw;
}

.product-main-description-all {
  cursor: pointer;
  color: #BC1622;
}

.product-main-description-all:hover {
  color: #A0151F;
}

.product-main-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.77vw;
}

.product-main-side-price {
  width: 100%;
  box-sizing: border-box;
  padding: 4.44vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.product-main-side-price-title {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.product-main-side-price-row {
  display: flex;
  align-items: center;
  gap: 2.77vw;
  padding-bottom: 3.33vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.product-main-side-price-row span {
  margin: 0;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: #AAAAAA;
}

.product-main-side-price-row p {
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-quantity {
  display: flex;
  align-items: center;
  gap: 0.14vw;
  padding-bottom: 3.33vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.product-main-side-quantity button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 7.77vw;
  height: 7.77vw;
  border-radius: 1.11vw;
  background: #FFFFFF;
  font-weight: 400;
  padding-top: 0.21vw;
  font-size: 5vw;
  letter-spacing: 0%;
  box-sizing: border-box;
  cursor: pointer;
}

.product-main-side-quantity input {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 7.77vw;
  border-radius: 1.11vw;
  text-align: center;
  width: 63.33vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  padding-top: 0.51vw;
}

.product-main-side-btns {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.product-main-side-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  border: none;
  height: 10.55vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  border-radius: 0.35vw;
  background: #BC1622;
  cursor: pointer;
}

.product-main-side-btn:hover {
  background: #A0151F;
}

.product-main-side-btn-qb {
  background: #333333;
}

.product-main-side-btn-qb:hover {
  background: #0E0E0E;
}

.product-main-side-discount {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 3.33vw 4.44vw;
  border-radius: 1.38vw;
  background: #E6F8F0;
  gap: 1.11vw;
}

.product-main-side-discount-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.product-main-side-discount-desc {
  margin: 0;
  display: flex;
  gap: 2.22vw;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-discount-desc span {
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #00B162;
  display: flex;
  gap: 1.11vw;
  padding-top: 0.21vw;
}

.product-main-side-discount-desc span svg {
  margin-top: -0.5vw;
  width: 4.44vw;
  height: 4.44vw;
}

.product-main-side-discount-link {
  font-weight: 400;
  font-size:2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  color: #333333;
}

.product-main-side-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 4.44vw;
  gap: 3.33vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
}

.product-main-side-info-av {
  margin: 0;
  display: flex;
  gap: 1.11vw;
  align-items: center;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-info-av svg {
  margin-top: -0.2vw;
  width: 4.44vw;
  height: 4.44vw;
}

.product-main-side-info-box {
  display: flex;
  flex-direction: column;
  gap: 0.42vw;
  margin-top: 0.28vw;
}

.product-main-side-info-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.product-main-side-info-row {
  display: flex;
  align-items: baseline;
  gap: 1.11vw;
}

.product-main-side-info-row .product-main-side-info-desc {
  color: #333333CC;
}

.product-main-side-info-subdesc {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  gap: 1.11vw;
}

.product-main-side-info-subdesc svg {
  width: 4.44vw;
  height: 4.44vw;
}

.product-main-side-info-show {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  gap: 1.11vw;
  color: #333333CC;
  cursor: pointer;
  margin-top: 1.11vw;
}

.product-main-side-info-show svg {
  margin-top: -0.6vw;
  width: 2.22vw;
  height: 2.22vw;
}

.product-main-side-info-ad {
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
  margin-top: 0;
}

.product-main-side-info-map {
  cursor: pointer;
  margin: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  color: #333;
}

.product-main-feedback {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  width: 100%;
}

.product-main-feedback-add {
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
  margin-top: 2.22vw;
}

.product-main-feedback-box {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  margin-bottom: 3.33vw;
  padding-top: 3.33vw;
  width: 100%;
  border-top: 1px solid #0000001A;
}

.product-main-feedback-box:nth-of-type(1) {
  padding-top: 0;
  border: none;
}

.product-main-feedback-box:last-of-type {
  padding-bottom: 3.33vw;
  border-bottom: 0.07vw solid #0000001A;
}

.product-main-feedback-name {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-feedback-date {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
  margin-bottom: 2.22vw;
}

.product-main-feedback-img-row {
  display: flex;
  gap: 2.22vw;
  flex-wrap: wrap;
}

.product-main-feedback-img {
  width: 20vw;
  height: 20vw;
  border-radius: 1.38vw;
  overflow: hidden;
}

.product-main-feedback-img img {
  width: 100%;
  height: 100%;
}

.product-main-feedback-comm {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 2.22vw;
  margin-bottom: 1.11vw;
}

.product-main-feedback-notes {
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  display: flex;
  gap: 1.11vw;
  margin-bottom: 1.11vw;
}

.product-main-feedback-notes span {
  font-weight: 400;
  font-size: 3.05vw;
}

.product-main-cert {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.product-main-cert-box {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.product-main-cert-box svg {
  width: 7.77vw;
  height: 7.77vw;
}

.product-main-cert-text {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  display: flex;
  gap: 2.22vw;
  margin-top: 0.21vw;
  cursor: pointer;
}

.product-main-cert-text:hover {
  color: #BC1622;
}

.product-main-cert-text span {
  color: #33333399;
}

/* ORDER */

.order-main {
  margin-top: 5.55vw;
  margin-bottom: 5.55vw;
}

.order-main .container {
  display: flex;
  flex-direction: column;
  gap: 11.11vw;
  justify-content: space-between;
}

.order-main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 2.22vw;
}

.order-main-title {
  margin: 0;
  font-weight: 500;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-delivery-nav {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  height: 10.27vw;
  border-radius: 27.77vw;
  background: #F1F1F1;
  padding: 1.11vw;
  overflow-x: scroll;
}

.order-main-delivery-nav::-webkit-scrollbar {
  display: none;
}

.order-main-delivery-nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0 4.44vw;
  padding-top: 0.21vw;
  background-color: #3333330D;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
  flex-shrink: 0;
}

.order-main-delivery-nav-link:hover {
  color: #BA1420;
}

.order-main-delivery-nav-link_active {
  border-radius: 27.77vw !important;
  background-color: #BC1622;
  color: #fff;
  position: relative;
  pointer-events: none;
}

.order-main-delivery-nav-link_active::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  background: #3333330D;
  width: 100%;
  height: 100%;
}

.order-main-delivery-nav-link:last-of-type {
  padding-right: 6.38vw;
  border-radius: 0 27.77vw 27.77vw 0;
}

.order-main-delivery-nav-link:first-of-type {
  border-radius: 27.77vw 0 0 27.77vw;
}

.order-main-delivery-nav-link:first-of-type.order-main-delivery-nav-link_active::after {
  border-radius: 27.77vw 0 0 27.77vw;
}

.order-main-delivery-nav-link:last-of-type.order-main-delivery-nav-link_active::after {
  border-radius: 0 27.77vw 27.77vw 0;
}

.order-main-delivery-container {
  display: none;
  flex-direction: column;
  width: 100%;
  gap: 2.22vw;
}

.order-main-delivery-container_active {
  display: flex;
}

.order-main-delivery-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 4.44vw;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
}

.order-main-delivery-step-title {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #33333399;
}

.order-main-delivery-step-subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 4.16vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1.11vw;
  margin-top: 2.22vw;
}

.order-main-delivery-option {
  display: flex;
  gap: 2.22vw;
  align-items: center;
  box-sizing: border-box;
  height: 11.11vw;
  padding: 0 5.55vw 0 4.44vw;
  border-radius: 1.38vw;
  background: #FFFFFF;
}

.order-main-delivery-option input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-option input:checked + label::before {
  position: absolute;
  top: -0.5vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 50%;
  content: '';
  border: 1.38vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-option label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-option label::after {
  position: absolute;
  top: -0.5vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-option label {
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 0.21vw;
}

.order-main-delivery-step-address {
  width: 100%;
  box-sizing: border-box;
  height: 10.27vw;
  padding-top: 0.21vw;
  padding-left: 4.44vw;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 2.22vw;
}

.order-main-delivery-step-show-map {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
  cursor: pointer;
  margin: 2.22vw 0 2.22vw auto;
}

.order-main-delivery-step-show-map svg {
  margin-top: -0.31vw;
  width: 2.22vw;
  height: 2.22vw;
}

.order-main-delivery-step-show-map:hover {
  color: #BA1420;
}

.order-main-delivery-step-show-map:hover svg path{
  stroke: #BA1420;
}

.order-main-delivery-step-address-row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1.11vw;
  flex-wrap: wrap;
}

.order-main-delivery-step-address-row input {
  display: flex;
  align-items: center;
  padding-top: 0.21vw;
  box-sizing: border-box;
  height: 10.27vw;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-left: 4.44vw;
}

.order-main-delivery-step-floor {
  width: 39.44vw;
}

.order-main-delivery-step-entry {
  width: 39.44vw;
}

.order-main-delivery-step-add {
  width: 100%;
}

.order-main-delivery-step-pickup {
  display: flex;
  gap: 3.33vw;
  align-items: center;
  margin: 4.44vw 0;
}

.order-main-delivery-step-pickup-text {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 0.21vw;
  color: #333333;
}

.order-main-delivery-step-pickup-comm {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  margin: 2.22vw 0 10vw 0;
}

.order-main-delivery-step-pickup-other {
  margin: 2.22vw 0;
  display: none;
  flex-direction: column;
  gap: 2.22vw;
}

.order-main-delivery-step-pickup-other-row {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  width: 100%;
  justify-content: space-between;
}

.order-main-delivery-step-pickup-other-input {
  display: flex;
  box-sizing: border-box;
  height: 10.27vw;
  width: 100%;
  padding-left: 4.44vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 1.11vw;
}

.zk-choice {
  height: 10.27vw;
  width: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 1.11vw;
}

.order-main-delivery-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-pickup-comm textarea {
  width: 100%;
  min-height: 22.22vw;
  box-sizing: border-box;
  padding: 3.33vw 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: 1px solid #E2E2E2;
  border-radius: 1.11vw;
}

.order-main-delivery-step-pickup-date {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  margin-bottom: 2.22vw;
}

.order-main-delivery-step-pickup-date-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  gap: 1.11vw;
}

.order-main-delivery-step-pickup-date-box {
  display: flex;
  box-sizing: border-box;
  height: 13.05vw;
  border-radius: 1.38vw;
  background: #fff;
  padding: 3.33vw 5.55vw 0 4.44vw;
  align-items: baseline;
  gap: 2.22vw;
}

.order-main-delivery-step-pickup-date-box input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-pickup-date-box input:checked + label::before {
  position: absolute;
  top: -0.10vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 50%;
  content: '';
  border: 1.38vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-pickup-date-box label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-pickup-date-box label::after {
  position: absolute;
  top: -0.10vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-pickup-date-box label {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-pickup-date-box label span {
  font-weight: 400;
  font-size: 2.22vw;
}

.date-choice {
  width: 100%;
  height: 10.27vw;
  border: 1px solid #E2E2E2;
  border-radius: 1.11vw;
  padding-left: 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-time {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.order-main-delivery-step-pickup-time-select {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  align-items: flex-start;
  justify-content: space-between;
}

.time-choice {
  width: 100%;
  height: 10.27vw;
  border: 1px solid #E2E2E2;
  border-radius: 1.11vw;
  padding-left: 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-time-select span {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-right: 1.39vw;
}


.order-main-delivery-step-pickup-time-select span svg {
  margin-top: -0.51vw;
  width: 4.44vw;
  height: 4.44vw;
}

.order-main-delivery-step-extra {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.11vw;
  background: #fff;
  padding: 3.33vw 5.55vw 3.33vw 4.44vw;
  min-height: 11.11vw;
  gap: 2.22vw;
}

.order-main-delivery-step-extra:first-of-type {
  margin-top: 2.22vw;
}

.order-main-delivery-step-extra-option {
  display: flex;
  align-items: center;
  gap: 2.22vw;
}

.order-main-delivery-step-extra-option input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-extra-option input:checked + label::before {
  position: absolute;
  top: -0.37vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  background-color: #BC1622;
  border-radius: 1.11vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 4.44vw 2.22vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-extra-option label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-extra-option label::after {
  position: absolute;
  top: -0.37vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 1.11vw;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-extra-option label {
  font-weight: 500;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 0.21vw;
}

.order-main-delivery-step-extra-desc {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-extra-desc a {
  text-decoration: underline;
  color: #BC1622;
}

.order-main-delivery-step-extra textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 1.11vw;
  min-height: 22.22vw;
  border: 0.07vw solid #E2E2E2;
  padding: 3.33vw 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-payment {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.11vw;
  margin: 2.22vw 0;
}

.order-main-delivery-step-payment-box {
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  border-radius: 1.11vw;
  padding: 3.33vw 4.44vw;
  display: flex;
  gap: 2.22vw;
  align-items: center;
  position: relative;
  background: #fff;
}

.order-main-delivery-step-payment-box:nth-of-type(1) svg {
  width: 17.77vw;
  height: 3.05vw;
}

.order-main-delivery-step-payment-box:nth-of-type(2) svg {
  width: 9.16vw;
  height: 4.16vw;
}

.order-main-delivery-step-payment-box:nth-of-type(3) svg {
  width: 8.05vw;
  height: 3.88vw;
}

.order-main-delivery-step-payment-box:nth-of-type(4) svg {
  width: 13.61vw;
  height: 2.77vw;
}

.order-main-delivery-step-payment-box:nth-of-type(5) svg {
  width: 12.22vw;
  height: 3.61vw;
}

.order-main-delivery-step-payment-box:nth-of-type(6) svg {
  width: 12.22vw;
  height: 3.61vw;
}



.order-main-delivery-step-payment-box input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-payment-box input:checked + label::before {
  position: absolute;
  top: -0.50vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 50%;
  content: '';
  border: 1.38vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-payment-box label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-payment-box label::after {
  position: absolute;
  top: -0.50vw;
  left: -6.66vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-payment-box:nth-of-type(5) input:checked + label::before {
  top: 1vw;
}

.order-main-delivery-step-payment-box:nth-of-type(5) label::after {
  top: 1vw;
}

.order-main-delivery-step-payment-box label {
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-payment-box label span {
  font-weight: 400;
  font-size: 2.22vw;
  color: #80878F;
}

.order-main-delivery-step-payment-box svg {
  position: relative;
  bottom: auto;
  right: auto;
  margin-left: auto;
}

.order-main-delivery-step-payment-add {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-delivery-step-payment-add svg {
  margin-top: -0.41vw;
  width: 4.44vw;
  height: 4.44vw;
}

.order-main-delivery-step-info {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.11vw;
  justify-content: space-between;
  margin: 2.22vw 0 4.44vw 0;
}

.order-main-delivery-step-info-input {
  width: 100%;
  height: 10.27vw;
  padding-left: 4.44vw;
  padding-top: 0.21vw;
  box-sizing: border-box;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-get-call {
  display: flex;
  align-items: center;
  gap: 4.44vw;
}

.order-main-delivery-step-get-call-box {
  display: none;
  flex-direction: column;
  gap: 2.22vw;
  margin: 2.22vw 0;
}

.order-main-delivery-step-get-call-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.11vw;
}

.order-main-delivery-step-get-call-row .order-main-delivery-step-pickup-date-box {
  width: fit-content;
  flex-shrink: 0;
  padding-top: 3.33vw;
}

.get-call-choice {
  height: 10.27vw;
  width: 100%;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  padding-left: 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  position: relative;
  top: auto;
  height: fit-content;
  right: auto;
}

.order-main-side-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 3.33vw 4.44vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
  gap: 3.33vw;
}

.order-main-side-title {
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-side-price {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 3.33vw 0;
  border-top: 1px solid #0000001A;
  border-bottom: 1px solid #0000001A;
}

.order-main-side-price .order-main-side-desc {
  color: #333333CC;
}

.order-main-side-desc {
  max-width: 38.88vw;
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-side-price-desc {
  margin: 0;
  font-weight: 700;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-side-discount {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}

.order-main-side-discount-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.order-main-side-discount-box span {
  font-weight: 500;
  color: #00B162;
}

.order-main-side-total {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 3.33vw;
  border-top: 1px solid #0000001A;
}

.order-main-side-total-text {
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #0E0E0E;
}

.order-main-side-add {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
}

.order-main-side-add svg {
  flex-shrink: 0;
  width: 4.44vw;
  height: 4.44vw;
  margin-top: -0.5vw;
}

.order-main-side-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.21vw;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 1.38vw;
  color: #fff;
  background: #BC1622;
  border: none;
  height: 10.27vw;
  cursor: pointer;
}

.order-main-side-btn:hover {
  background: #A0151F;
}

.order-city-choice {
  width: 100%;
  height: 10.27vw;
  border-radius: 1.11vw;
  border: 1px solid #E2E2E2;
  padding-left: 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
  margin-top: 2.22vw;
}

.order-main-delivery-step-pickup-other-file {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

.order-main-delivery-step-pickup-other-file:hover {
  color: #BC1622;
}

.order-main-delivery-step-pickup-other-file:hover svg path {
  stroke: #BC1622;
}

.order-main-delivery-step-pickup-other-file svg {
  margin-top: -0.17vw;
  width: 3.33vw;
  height: 3.33vw;
}

.order-main-delivery-step-pickup-other-file span {
  color: #AAAAAA;
}

.order-main-delivery-step-city {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 2.77vw;
  overflow: hidden;
  background: #fff;
  margin-top: 2.22vw;
}

.order-main-delivery-step-city-top {
  width: 100%;
  box-sizing: border-box;
  padding: 3.33vw 5.55vw;
  border-bottom: 0.07vw solid #E2E2E2;
}

.order-main-delivery-step-city-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.order-main-delivery-step-city-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 4.44vw 5.55vw;
  gap: 3.33vw;
  border-bottom: 1px solid #E2E2E2;
}

.order-main-delivery-step-city-row:last-of-type {
  border: none;
}

.order-main-delivery-step-city-name {
  display: flex;
  align-items: flex-start;
  gap: 2.77vw;
  flex-shrink: 0;
  width: 100%;
}

.order-main-delivery-step-city-name input {
  opacity: 0;
  width: 4.44vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-city-name input:checked + label::before {
  position: absolute;
  top: -0.10vw;
  left: -7.22vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 50%;
  content: '';
  border: 1.38vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-city-name label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-city-name label::after {
  position: absolute;
  top: -0.10vw;
  left: -7.22vw;
  width: 4.44vw;
  height: 4.44vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-city-name label {
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.order-main-delivery-step-city-name label a {
  cursor: pointer;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
}

.order-main-delivery-step-city-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.28vw;
}

.order-main-delivery-step-city-info .desc {
  color: #2C3439;
}

.order-main-delivery-step-city-time {
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
}

.order-main-delivery-step-city-phone {
  margin: 0;
  font-weight: 500;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-city-av {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  gap: 1.11vw;
  align-items: flex-start;
  margin-top: 2.22vw;
}

.order-main-delivery-step-city-av svg {
  margin-top: -1.2vw;
  width: 4.44vw;
  height: 4.44vw;
}

.order-main-delivery-step-city-av-text {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-city-av span {
  font-size: 2.22vw;
  color: #33333399;
}

/* OFFERS PAGE */

.offers-page-hero {
  padding: 5.55vw 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.offers-page-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100vw;
  height: 130.83vw;
  background: linear-gradient(89.74deg, #333333 8.86%, rgba(72, 72, 72, 0.673077) 48.11%, rgba(51, 51, 51, 0) 99.8%);
  z-index: 1;
}

.offers-page-hero-img {
  position: absolute;
  top: -5.55vw;
  right: calc((100vw - 88.88vw) / -2);
  z-index: 1;
  width: 100vw;
  height: 130.83vw;
  z-index: -1;
}

.offers-page-hero-img img {
  width: 100%;
  height: 100%;
}

.offers-page-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2.22vw;
}

.offers-page-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.offers-page-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.offers-page-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.56vw;
  margin-top: 0.83vw;
  max-width: 100%;
}

.offers-page-hero-box {
  display: flex;
  align-items: center;
  gap: 0.56vw;
  padding: 0.69vw 1.11vw 0.69vw 0.83vw;
  background-color: #f1f1f1;
  border-radius: 0.35vw;
  color: #333333;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 100%;
  letter-spacing: 0%;
}


.offers-page-hero-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 4.44vw;
  margin-top: 2.22vw;
  font-weight: 500;
  font-size: 0.97vw;
  line-height: 100%;
}

.offer-page-hero-discount {
  display: flex;
  gap: 3.33vw;
  box-sizing: border-box;
  height: 10vw;
  align-items: center;
  border-radius: 27.77vw;
  padding: 0 1.11vw 0 2.22vw;
  background: #FFFFFF;
  width: fit-content;
}

.offers-page-hero-discount-percent {
  margin: 0;
  display: flex;
  gap: 1.11vw;
  align-items: center;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  background: linear-gradient(132.33deg, #333333 24.26%, rgba(72, 72, 72, 0.673077) 63.95%, rgba(51, 51, 51, 0) 95.14%);
  background-clip: text;
  color: transparent;
}

.offers-page-hero-discount-percent svg {
  margin-top: -3px;
  width: 4.44vw;
  height: 4.44vw;
}

.offers-page-hero-discount-date {
  margin: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 7.77vw;
  padding: 0 4.44vw;
  border-radius: 27.77vw;
  background: #333333;
  color: #fff;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 100%;
}

.offers-page-hero-btn {
  width: fit-content;
  padding: 0 8.88vw;
  height: 11.38vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 44.72vw;
}   

.offers-page-hero-btn:hover {
  background: #A0151F;
}

.offers-page-include {
  margin-top: 8.33vw;
}

.offers-page-include .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.offers-page-include-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2.22vw;
  justify-content: flex-start;
}

.offers-page-include-box {
  width: 43.33vw;
  height: 28.88vw;
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  gap: 2.22vw;
  box-sizing: border-box;
  padding: 3.33vw;
  justify-content: flex-end;
  border-radius: 2.77vw;
  background-color: #F1F1F1;
}

.offers-page-include-box p {
  margin: 0;
  font-weight: 500;
  font-size: 3.61vw;
  line-height: 100%;
  color: #0E0E0E;
}

.offers-page-include-box svg {
  width: 11.11vw;
  height: 11.11vw;
}

.offers-page-suits {
  margin-top: 8.33vw;
}

.offers-page-gift-includes {
    display: flex;
    flex-direction: column;
    gap: 3.33vw;
    z-index: 1;
}

.offers-page-gift-includes-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2.22vw;
}

.offers-page-gift-includes-box {
    width: 100%;
    height: 12.22vw;
    box-sizing: border-box;
    padding: 3.33vw;
    display: flex;
    align-items: center;
    gap: 2.22vw;
    border-radius: 2.77vw;
    background: #F1F1F1;
}

.offers-page-gift-includes-box p {
  font-size: 3.33vw;
  margin: 0;
  margin-top: 0.1vw;
}

.offers-page-gift-includes-box svg {
    width: 5.55vw;
    height: 5.55vw;
    flex-shrink: 0;
    margin-top: -0.5vw;
}

.offers-page-apply {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  margin-top: 1.38vw;
}

.offers-page-apply-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  color: #333;
  max-width: 100%;
}

.offers-page-apply-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.22vw;
  justify-content: flex-start;
  margin-top: 0.56vw;
}

.offers-page-apply-img {
  width: 37.77vw;
  height: 28.61vw;
  border-radius: 2.77vw;
  overflow: hidden;
}

.offers-page-apply-img img {
  width: 100%;
  height: 100%;
}

.offers-page-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1.38vw;
}

.offers-page-form .contacts-form-phone {
  margin: auto;
  margin-top: 6.66vw;
  font-size: 4.44vw;
}

.offers-page-form .form-desc {
  margin: auto;
  margin-top: 2vw;
  font-size: 3.33vw;
}

/* PRESS */

.press-page-hero {
  padding: 5.55vw 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.press-page-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100vw;
  height: 130vw;
  background: linear-gradient(89.74deg, #333333 8.86%, rgba(72, 72, 72, 0.673077) 48.11%, rgba(51, 51, 51, 0) 99.8%);
  z-index: 1;
}

.press-page-hero-img {
  position: absolute;
  top: -5.55vw;
  right: calc((100vw - 88.88vw) / -2);
  z-index: 1;
  width: 100vw;
  height: 130vw;
  z-index: -1;
}

.press-page-hero-img img {
  width: 100%;
  height: 100%;
}

.press-page-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2.22vw;
}

.press-page-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.press-page-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.press-page-hero .hero-subdesc {
  max-width: 100%;
}


.press-page-hero-text {
  display: flex;
  flex-direction: column;
  width: 71.94vw;
  gap: 76.38vw;
  margin-top: 0.83vw;
  font-weight: 500;
  font-size: 0.97vw;
  line-height: 100%;
}

.press-page-hero-btn {
  width: fit-content;
  padding: 0 8.88vw;
  height: 11.38vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 0vw;
}   

.press-page-hero-btn:hover {
  background: #A0151F;
}

.press-gift-steps-container {
  flex-direction: row;
  flex-wrap: wrap;
}

.press-gift-steps-box {
  height: 26.66vw;
  width: 37.77vw;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  padding: 3.33vw;
}

.press-gift-steps-box svg {
  position: relative;
  width: 8.88vw;
  height: 8.88vw;
  right: auto;
  top: auto;
}

.press-banner .title {
  max-width: 60.55vw;
}

.press-catalog {
  margin-top: 2.78vw;
}

.press-catalog .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.press-catalog-nav {
  box-sizing: border-box;
  overflow: hidden;
  height: 8.88vw;
  display: flex;
  width: fit-content;
  padding-right: 3.33vw;
  border-radius: 27.77vw;
  background-color: #3333330D;
  width: 100%;
  overflow-x: scroll;
}

.press-catalog-nav::-webkit-scrollbar {
  display: none;
}

.press-catalog-nav-link {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 5.55vw;
  color: #333333;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 130%;
  border-radius: 27.77vw;
  cursor: pointer;
  flex-shrink: 0;
}

.press-catalog-nav-link_active {
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
}

.press-catalog-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2.77vw;
}

.press-catalog-box {
  width: 100%;
  height: 49.16vw;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 4.44vw;
  border-radius: 2.77vw;
  background-color: #F1F1F1;
  gap: 2.22vw;
  padding-right: 46.66vw;
}

.press-catalog-widget {
  position: absolute;
  top: 2.22vw;
  right: 2.22vw;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 5.55vw;
  padding: 0 3.33vw;
  padding-top: 0.17vw;
  color: #333333;
  font-weight: 400;
  font-size: 2.22vw;
  line-height: 100%;
  letter-spacing: 0%;
  background-color: #FFFFFF;
  border-radius: 27.77vw;
}

.press-catalog-date {
  margin: 0;
  font-weight: 400;
  font-size: 2.22vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.press-catalog-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  max-width: 37.77vw;
  z-index: 1;
}

.press-catalog-desc {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
  max-width: 37.77vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  z-index: 1;
}

.press-catalog-link {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  margin-top: auto;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
}

.press-catalog-link svg {
  margin-top: -2.5px;
  width: 2.22vw;
  height: 2.22vw;
}

.press-catalog-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 42.22vw;
}

.press-catalog-img img {
  width: 100%;
  height: 100%;
}

.press-catalog-box-offer {
  background: #333333;
}

.press-catalog-box-offer p {
  color: #fff;
}

.press-catalog-box-offer .press-catalog-img {
  width: 53.88vw;
}

.press-catalog-box-offer:nth-of-type(6) {
  padding-right: 0;
}

.press-catalog-box-offer:nth-of-type(6).press-catalog-box-offer p {
  max-width: 100%;
}

.press-catalog-box-offer-row {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 1.11vw;
  border-radius: 27.77vw;
  background-color: #fff;
  gap: 2.22vw;
  margin-top: 2.77vw;
  z-index: 1;
}

.press-page-hero-discount-percent {
  margin: 0;
  display: flex;
  gap: 1.11vw;
  align-items: center;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  color: #BC1622 !important;
}

.press-page-hero-discount-percent svg {
  margin-top: -2px;
  width: 3.33vw;
  height: 3.33vw;
}

.press-page-hero-discount-date {
  margin: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 6.11vw;
  padding: 0 3.33vw;
  border-radius: 6.94vw;
  background: #333333;
  color: #fff;
  font-weight: 400;
  font-size: 2.22vw;
  line-height: 100%;
}

.press-catalog-link-offer {
  margin-top: auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 7.77vw;
  padding: 0 4.44vw;
  color: #fff;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  background: #BC1622;
  border-radius: 1.38vw;
  width: fit-content;
  cursor: pointer;
}

.press-catalog-btn {
  margin: auto;
  width: fit-content;
  box-sizing: border-box;
  height: 7.77vw;
  padding: 0 4.44vw;
  background: #333;
  font-weight: 700;
  font-size: 2.77vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  border: none;
  border-radius: 1.38vw;
  cursor: pointer;
}

/* ARTICLE */

.breadcrumbs-top {
  margin-top: 3.33vw;
}

.article-page-hero {
  margin-top: 4.44vw;
}

.article-page-hero .container {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #333333;
  color: #fff;
  box-sizing: border-box;
  padding: 5.55vw;
  position: relative;
  overflow: hidden;
  height: 126.38vw;
}

.article-date {
  margin: 0;
  font-weight: 400;
  font-size: 2.22vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.article-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.article-page-hero-btn {
  width: fit-content;
  padding: 0 8.88vw;
  height: 11.38vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 4.44vw;
}

.article-page-hero-img {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  height: 66.66vw;
  width: 100%;
}

.article-page-hero-img img {
  width: 100%;
  height: 100%;
}

.article-top {
  margin-top: 2.78vw;
}

.article-top .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.article-plot {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  padding: 5.55vw;
  width: 100%;
  border-radius: 2.77vw;
  background: #F1F1F1;
}

.article-plot-title {
  margin: 0;
  font-weight: 500;
  font-size: 5vw;
  line-height: 100%;
  color: #0E0E0E;
}

.article-plot-list {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.article-plot-list-el {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  color: #333;
  cursor: pointer;
}

.article-plot-list-el svg {
  margin-top: -3px;
  width: 3.33vw;
  height: 3.33vw;
}

.article-questions {
  width: 100%;
  box-sizing: border-box;
  padding: 5.55vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #F1F1F1;
  margin-bottom: 3.33vw;
}

.article-questions-title {
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.article-questions .desc {
  text-align: center;
  color: #333333CC;
}

.article-questions-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.21vw;
  width: 100%;
  height: 11.38vw;
  border-radius: 1.38vw;
  background: #333333;
  color: #fff;
  font-weight: 700;
  font-size: 3.88vw;
  line-height: 100%;
  margin-top: 4.44vw;
  border: none;
  cursor: pointer;
}

.article-main {
  margin-top: 7.22vw;
  margin-bottom: 8.33vw;
}

.article-main .container {
  display: flex;
  flex-direction: column;
  gap: 11.11vw;
  justify-content: space-between;
  position: relative;
}

.article-info {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.article-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
}

.article-info .article-desc {
  max-width: 100%;
}

.article-undertitle {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
}

.article-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  max-width: 100%;
}

.article-list-el {
  display: flex;
  gap: 2.22vw;
}

.article-list-el svg {
  width: 4.44vw;
  height: 4.44vw;
}

.article-list-text {
  display: flex;
  flex-direction: column;
  gap: 0.14vw;
}

.bold {
  font-weight: 500 !important;
}

.article-info .title {
  margin-top: 2.22vw;
}

.article-info .title:nth-of-type(1) {
  margin: 0;
}

.article-info-img {
  width: 100%;
  height: 44.44vw;
  overflow: hidden;
  border-radius: 1.38vw;
  margin-top: 2.22vw;
}

.article-info-img img {
  width: 100%;
  height: 100%;
}

.article-more {
  position: sticky;
  top: 4.44vw;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  width: 100%;
  height: fit-content;
}

.article-more .press-catalog-box {
  width: 100%;
}

.article-more .press-catalog-box p {
  max-width: 37.77vw;
}

.article-more .press-catalog-box .press-catalog-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* PAYMENT */

.payment__main {
  margin-top: 2.22vw;
  margin-bottom: 8.33vw;
}

.payment__main .container {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
}

.payment__main .title {
  margin-bottom: 2.22vw;
}

.payment__main-container {
  margin-bottom: 7.77vw;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.payment__main-box {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 2.22vw;
  width: 100%;
  border-radius: 1.38vw;
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 4.44vw;
  cursor: pointer;
}

.payment-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.88vw;
  line-height: 100%;
  color: #2C3439;
}

.payment-arrow {
  position: absolute;
  top: 4.44vw;
  right: 4.44vw;
  transform: rotate(0deg);
  transition: all 0.2s linear;
  width: 3.33vw;
  height: 3.3vw;
}

.payment-arrow_opened {
  transform: rotate(180deg);
  transition: all 0.2s linear;
}

.payment-arrow_opened path {
  stroke: #BC1622;
}

.payment-content {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0s linear;
  margin-top: 0;
}

.payment-content_opened {
  max-height: fit-content;
  opacity: 1;
  pointer-events: all;
  transition: all 0.2s linear;
  margin-top: 0;
}

.payment-content p {
  font-weight: 400;
  font-size: 3.88vw;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 0;
}

.payment-content h3 {
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  margin-top: 3.33vw;
}

.payment-content ul {
  margin: 0;
  padding-left: 3.33vw;
}

.payment-content li {
  margin: 0;
  font-weight: 400;
  font-size: 3.88vw;
  line-height: 140%;
}

.payment-content span {
  font-weight: 500;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(1) svg:not(.payment-arrow) {
  width: 23.05vw;
  height: 3.88vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(2) svg:not(.payment-arrow) {
  width: 13.05vw;
  height: 5.8vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(3) svg:not(.payment-arrow) {
  width: 11.38vw;
  height: 5.55vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(4) svg:not(.payment-arrow) {
  width: 21.11vw;
  height: 4.44vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(5) svg:not(.payment-arrow) {
  width: 16.11vw;
  height: 4.72vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(6) svg:not(.payment-arrow) {
  width: 16.11vw;
  height: 4.72vw;
}

/* PROJECT */

.projects-page {
  margin: 5.55vw 0;
}

.projects-page .container {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.projects-page-row {
  display: flex;
  flex-direction: column;
  gap: 3.33vw;
  justify-content: space-between;
  width: 100%;
}

.projects-page-box {
  width: 100%;
  height: 84.44vw;
  box-sizing: border-box;
  position: relative;
  padding: 58.88vw 3.33vw 3.33vw 3.33vw;
  border-radius: 2.77vw;
  background: #F0F0F0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.projects-page-box:nth-of-type(1) {
  height: 88.05vw;
}

.projects-page-img {
  width: 100%;
  height: 55.55vw;
  position: absolute;
  top: 0;
  left: 0;
}

.projects-page-img img {
  width: 100%;
  height: 100%;
}

.projects-page-box h3 {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
}

.projects-page-box p {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  color: #333333CC;
}

.projects-page-box a {
  margin: 0;
  margin-top: auto;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  color: #BC1622;
  gap: 1.11vw;
}

.projects-page-box a svg {
  margin-top: -2px;
  width: 2.22vw;
  height: 2.22vw;
}

.projects-page-box-link {
  margin: 0;
  margin-top: auto;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  color: #BC1622;
  gap: 1.11vw;
}

.projects-page-box-link svg {
  margin-top: -2px;
  width: 2.22vw;
  height: 2.22vw;
}

.projects-page-btn {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 11.38vw;
  padding: 0 5.55vw;
  border-radius: 1.38vw;
  background: #333333;
  color: #fff;
  margin: 0;
  margin-top: 2.22vw;
  width: fit-content;
  font-weight: 700;
  font-size: 3.88vw;
  line-height: 100%;
  border: none;
  cursor: pointer;
}

.offers-tasks-hero .offers-tasks-btn {
  padding: 0;
  width: 100%;
}

.projects-page-btn:hover {
  background-color: #0E0E0E;
}


.projects-page-hero {
  padding: 5.55vw 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.projects-page-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100vw;
  height: 130vw;
  background: linear-gradient(135.14deg, #333333 17.91%, rgba(72, 72, 72, 0.673077) 42.67%, rgba(51, 51, 51, 0) 74.21%);
  z-index: 1;
}

.projects-page-hero-img {
  position: absolute;
  top: -5.55vw;
  right: calc((100vw - 88.88vw) / -2);
  z-index: 1;
  width: 100vw;
  height: 130vw;
  z-index: -1;
}

.projects-page-hero-img img {
  width: 100%;
  height: 100%;
}

.projects-page-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2.22vw;
}

.projects-page-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 6.66vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.projects-page-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.projects-page-hero .hero-subdesc {
  max-width: 81.38vw;
}


.projects-page-hero-text {
  display: flex;
  flex-direction: column;
  width: 64.44vw;
  gap: 63.88vw;
  margin-top: 2.22vw;
  font-weight: 500;
  font-size: 0.97vw;
  line-height: 100%;
}

.projects-page-hero-btn {
  width: fit-content;
  padding: 0 8.88vw;
  height: 11.38vw;
  display: flex;
  align-items: center;
  border-radius: 1.38vw;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 0.56vw;
}   

.projects-page-hero-btn:hover {
  background: #A0151F;
}

.projects-tasks-hero .offers-tasks-desc {
  max-width: 36.32vw;
}

.projects-gift-steps-box {
  height: 34.44vw;
}

.projects-gift-steps-box svg {
  position: absolute;
  width: 8.88vw;
  height: 8.88vw;
  right: 4.44vw;
  bottom: 4.44vw;
}

.projects-banner {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5.55vw;
  gap: 2.22vw;
}

.projects-banner .title {
  max-width: 100%;
  font-size: 5.55vw;
}

.projects-banner .desc {
  font-size: 3.33vw;
  color: #fff;
  max-width: 63.88vw;
  z-index: 1;
}

/* PROJECT */

.project-page-hero {
  margin-top: 4.44vw;
}

.project-page-hero .container {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #333333;
  color: #fff;
  box-sizing: border-box;
  padding: 5.55vw;
  position: relative;
  overflow: hidden;
  height: 126.9vw;
}

.project-subdesc {
  font-weight: 500;
  font-style: Compact Medium;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
}

.project-hero-row {
  display: flex;
  gap: 2.22vw;
  flex-wrap: wrap;
  margin-top: 3.33vw;
}

.project-hero-info {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  height: 11.94vw;
  padding: 0.5vw 4.44vw 0 12.22vw;
  position: relative;
  border-radius: 1.38vw;
  background: #F1F1F1;
}

.project-hero-info svg {
  width: 5.55vw;
  height: 5.55vw;
  position: absolute;
  left: 3.33vw;
  top: 2.77vw;
}

.project-hero-subdesc {
  margin: 0;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.project-hero-desc {
  margin: 0;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.project-main-img-row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: 2.22vw;
  overflow-x: scroll;
}

.project-main-img-row::-webkit-scrollbar {
  display: none;
}

.project-main-img {
  width: 41.66vw;
  height: 28.88vw;
  border-radius: 1.38vw;
  overflow: hidden;
  flex-shrink: 0;
}

.project-main-img img {
  width: 100%;
  height: 100%;
}

.project-info {
  padding: 0;
  margin-bottom: 2.78vw;
  padding-right: 1.67vw;
}

.project-questions {
  margin-bottom: 2.08vw;
}

.project-questions .article-questions-btn {
  width: 22.36vw;
}

.project-more-row {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.project-more-row .projects-page-box {
  width: 100%;
  height: 96.66vw;
  padding-top: 70vw;
}

.project-more-row .projects-page-img {
  height: 66.66vw;
}

.project-more-row .projects-page-box h3 {
  font-size: 3.88vw;
}

.project-more-row .projects-page-box p {
  font-size: 2.77vw;
}

.project-more-row .projects-page-box a {
  font-size: 3.33vw;
}

.project-banner {
  margin-top: 2.22vw;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5.55vw;
  padding-left: 5.55vw;
  gap: 3.33vw;
}

.project-banner .title {
  font-size: 5vw;
  max-width: 100%;
}

.project-banner .desc {
  color: #fff;
  z-index: 12;
  max-width: 71.11vw;
}

.project-cta {
  width: 100%;
  margin-top: 1.39vw;
}

.project-cta .offers-cta-text {
  flex: none;
}

.project-cta .offers-cta-buttons {
  flex-direction: column;
}

.project-cta .offers-cta-btn {
  box-sizing: border-box;
}

/* SERVICE */

.service-catalog {
  margin-top: 2.78vw;
}

.service-catalog .container {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
}

.service-catalog-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 3.33vw;
}

.service-catalog-box {
  display: flex;
  flex-direction: column;
  gap: 2.22vw;
  box-sizing: border-box;
  width: 100%;
  height: 44.16vw;
  position: relative;
  border-radius: 2.77vw;
  overflow: hidden;
  background: #F1F1F1;
  padding: 4.44vw;
  padding-right: 49.72vw;
}

.service-catalog-title {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.service-catalog-desc {
  margin: 0;
  font-weight: 400;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.service-catalog-link {
  display: flex;
  align-items: center;
  gap: 1.11vw;
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
  margin-top: auto;
}

.service-catalog-link svg {
  margin-top: -2.5px;
  width: 2.22vw;
  height: 2.22vw;
}

.service-catalog-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 45.27vw;
  height: 100%;
}

.service-catalog-img img {
  width: 100%;
  height: 100%;
}

.service-catalog-btn {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.21vw;
  box-sizing: border-box;
  width: 40.55vw;
  height: 11.94vw;
  border-radius: 1.38vw;
  background: #333333;
  color: #fff;
  font-weight: 700;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  cursor: pointer;
  margin: 0;
}

.service-gift-steps-box {
  width: 100%;
  height: 17.77vw;
  padding-right: 4.44vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 5.35vw;
}

.service-gift-steps-box svg {
  position: absolute;
  top: 4.44vw;
  right: 4.44vw;
  width: 8.88vw;
  height: 8.88vw;
}

.service-gift-steps-box p {
  max-width: 100%;
}

.service-banner {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5.55vw;
  height: 56.94vw;
  gap:  2.22vw;
}

.service-banner .offers-banner-img {
  width: 100%;
  height: 100%;
}

.service-banner .offers-banner-img::after {
  width: 100%;
  height: 100%;
  background: linear-gradient(120.74deg, #333333 12.77%, rgba(115, 115, 115, 0) 106.34%);
}

.service-banner .title {
  max-width: 100%;
  font-size: 5.55vw;
}

.service-banner .desc {
  font-size: 3.33vw;
  color: #fff;
  max-width: 63.88vw;
  z-index: 1;
}

.service-page .projects-tasks-hero .offers-tasks-desc {
  max-width: 100%;
}

.service-page-hero {
  margin-top: 4.44vw;
}

.service-page-hero .container {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
  border-radius: 2.77vw;
  background: #333333;
  color: #fff;
  box-sizing: border-box;
  padding: 5.55vw;
  position: relative;
  overflow: hidden;
  height: 141.38vw;
}

.service-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.service-desc {
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 2.22vw 0;
  max-width: 100%;
}

.service-gift-conditions-row {
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2.22vw;
}

.service-gift-steps-container {
  flex-wrap: wrap;
  gap: 2.22vw;
}

.service-gift-conditions-row .legal-gift-conditions-box {
  width: 100%;
  height: 31.94vw;
  padding-right: 17.77vw;
}

.service-gift-conditions-row .legal-gift-conditions-box svg {
  width: 8.88vw;
  height: 8.88vw;
  right: 3.33vw;
}

.service-gift-steps-container .legal-gift-steps-box {
  width: 100%;
  height: 17.22vw;
  padding: 3.33vw 4.44vw;
  padding-bottom: 0.83vw;
}

.service-more .service-catalog-box {
  width: 100%;
  height: 47.77vw;
}

.service-more .service-catalog-box p {
  max-width: 34.72vw;
}

.service-more .service-catalog-box .service-catalog-title {
  font-size: 3.88vw;
}

.service-more .service-catalog-box .service-catalog-desc {
  font-size: 2.77vw;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.service-more .service-catalog-box .service-catalog-link {
  font-size: 3.33vw;
}

.service-more .service-catalog-box .service-catalog-img {
  width: 45.27vw;
}

.service-main .offers-banner-img {
  height: 42.22vw;
}

.service-main .project-banner {
  height: 42.22vw;
}

.service-main .project-banner .desc {
  font-size: 2.77vw;
  max-width: 71.11vw;
}

/* MANAGER */

.manager-hero {
  padding: 5.55vw 0;
}

.manager-hero .prof-hero-img {
  top: -5.55vw;
}

.manager-hero .prof-hero-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.14deg, #333333 17.91%, rgba(72, 72, 72, 0.673077) 42.67%, rgba(51, 51, 51, 0) 74.21%);
}

.manager-hero .hero-subdesc {
  max-width: 100%;
}

.prof-manager-main {
  padding: 8.33vw 0;
}

.prof-manager-main .container {
  padding-right: 5.55vw;
}

.manager-adv-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2.22vw;
  margin-top: 1.11vw;
}

.manager-adv-box {
  display: flex;
  box-sizing: border-box;
  width: 37.22vw;
  height: 13.88vw;
  padding: 3.33vw;
  position: relative;
  border-radius: 2.77vw;
  background: #F1F1F1;
}

.manager-adv-box:last-of-type {
  width: 100%;
}

.manager-adv-box svg {
  position: absolute;
  top: 3.33vw;
  right: 3.33vw;
  width: 6.66vw;
  height: 6.66vw;
}

.manager-adv-title {
  margin: 0;
  font-weight: 500;
  font-size: 2.77vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.manager-what {
  margin: 8.33vw 0;
}

.manager-what .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.manager-what .legal-gift-conditions-box {
  width: 100%;
  height: fit-content;
  padding-bottom: 15.55vw;
}

.manager-what .legal-gift-conditions-box svg {
  width: 11.11vw;
  height: 11.11vw;
}

.manager-how {
  margin-bottom: 8.33vw;
}

.manager-how .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.manager-how .legal-gift-steps-box {
  width: 100%;
  height: fit-content;
  padding-bottom: 4.44vw;
}

.manager-who {
  margin: 8.33vw 0;
}

.manager-who .container {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
}

.manager-who .legal-gift-conditions-box {
  width: 100%;
  height: 30.83vw;
}

.manager-who .legal-gift-conditions-box svg {
  width: 11.11vw;
  height: 11.11 vw;
}

.manager-banner {
  margin-bottom: 8.33vw;
}

.manager-banner .offers-banner {
  height: 146.11vw;
  flex-direction: column;
  align-items: flex-start;
  padding: 5.55vw;
  color: #fff;
  gap: 2.22vw;
}

.manager-banner ul {
  margin: 0;
  padding: 0;
  margin-bottom: 0.56vw;
}

.manager-banner-title {
  margin: 0;
  font-weight: 700;
  font-size: 5vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.manager-banner .desc {
  color: #fff;
  font-size: 3.33vw;
  max-width: 100%;
}

.manager-banner .offers-banner-img {
  width: 100%;
  height: 68.61vw;
  top: auto;
  bottom: 0;
}

.manager-banner .offers-banner-img::after {
  display: none;
}

/* WINDOWS */

.about-windows {
  background-color: #f1f1f1;
  padding-bottom: 8.33vw;
  padding-top: 8.33vw;
}

.about-windows-inner {
  background-color: #fff;
  border-radius: 2.77vw;
  overflow: hidden;
  padding: 5.55vw;
}

.about-windows-head {
  margin-right: -56px;
  padding-bottom: 40px;
  padding-top: 40px;
  position: relative;
}

.about-windows-head-content {
  max-width: 540px;
  position: relative;
  z-index: 2;
}

.about-windows-head-title {
  margin: 0 0 2.22vw;
}

.about-windows-head-subtitle {
  font-size: 3.88vw;
  font-weight: 500;
  margin: 0 0 4.44vw;
}

.about-windows-head-desc {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1ex;
}

.about-windows-head-desc>* {
  margin: 0;
}

.about-windows-head-picture {
  bottom: 0;
  pointer-events: none;
  position: relative;
  right: 0;
  top: 0;
  margin-left: -5.55vw;
  height: 91.38vw;
}

.about-windows-head-picture,.about-windows-head-picture>img {
  display: block;
  height: 100%;
  width: auto;
}

.about-windows-head-picture>img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right;
  object-position: right;
}

.about-windows-suitable {
  display: flex;
  flex-direction: column;
  gap: 4.44vw;
  padding-bottom: 11.11vw;
}

.about-windows-suitable-grid {
  align-items: stretch;
  display: grid;
  gap: 2.22vw;
  grid-template-columns: repeat(2,1fr);
}

.about-windows-suitable-box {
  align-items: flex-start;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: flex;
  flex-direction: column-reverse;
  font-size: 3.61vw;
  font-weight: 500;
  gap: 2.22vw;
  justify-content: space-between;
  padding: 16px 24px;
}

.about-windows-suitable-box-icon {
  flex-shrink: 0;
  height: 11.11vw;
  width: 11.11vw;
}

/* CHECKOUT mobile pt */

.basket-bottom-mobile pt {
  position: fixed;
  bottom: 19.72vw;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 2.22vw 0;
  z-index: 9999;
}

.basket-bottom-mobile pt .container {
  box-sizing: border-box;
  padding: 3.33vw 4.44vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.basket-bottom-text {
  display: flex;
  flex-direction: column;
}

.basket-bottom-text p {
  margin: 0;
  font-weight: 500;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-bottom-text p:nth-of-type(1) {
  color: #333333CC;
  font-weight: 400;
}

.basket-bottom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27.77vw;
  height: 8.33vw;
  border-radius: 1.38vw;
  border: none;
  color: #fff;
  background: #BC1622;
  font-weight: 500;
  font-size: 3.33vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.product-bottom-mobile pt {
  position: fixed;
  bottom: 19.72vw;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 2.22vw 0;
  z-index: 9999;
}

.product-bottom-mobile pt .container {
  box-sizing: border-box;
  padding: 3.33vw 4.44vw;
  border-radius: 1.38vw;
  background: #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-bottom-text {
  display: flex;
  gap: 2.22vw;
  align-items: center;
}

.product-bottom-text span {
  margin: 0;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 130%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: #333333CC;
}

.product-bottom-text p {
  margin: 0;
  font-weight: 500;
  font-size: 4.44vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.product-bottom-mobile pt .product-main-side-quantity {
  margin: 0;
  padding: 0;
  border: none;
  gap: 0.55vw;
  width: fit-content;
}

.product-bottom-mobile pt button {

}

.product-bottom-mobile pt .count-size-input {
  width: 22.77vw;
}

.hide {
  display: none !important;
}

/* CHECKLIST */

.check-list-page {
  padding-bottom: 5.6vw;
}

.check-list {
  padding: 1.1vw 0 0;
}

.check-list .container {
  display: flex;
  flex-direction: column;
  gap: 6.66vw;
}

.check-list .title {
  max-width: 100%;
  margin: 0;
  font-size: 6.66vw;
  line-height: 98%;
}

.check-list-form {
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}

.check-list-form .order-main-delivery-step {
  margin-top: 0;
  padding: 4.44vw;
  border-radius: 2.77vw;
  gap: 1.11vw;
  background: #F1F1F1;
}

.check-list .order-main-delivery-step-title {
  font-size: 3.05vw;
}

.check-list .order-main-delivery-step-subtitle {
  font-size: 4.16vw;
  line-height: 100%;
}

.check-list .order-main-delivery-step-address-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.11vw;
  margin-top: 2.22vw;
}

.check-list .order-main-delivery-step-address-row input {
  width: 100%;
  margin-bottom: 0;
}

.check-list .order-main-delivery-subdesc {
  margin-top: 4.44vw;
  margin-bottom: 1.11vw;
  font-size: 3.33vw;
  line-height: 130%;
}

.check-list-input {
  width: 100%;
  height: 10.27vw;
  border: 1px solid #E2E2E2;
  border-radius: 1.11vw;
  box-sizing: border-box;
  padding: 0 4.44vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  letter-spacing: 0;
  color: #333333;
  background: #fff;
  margin-top: 2.22vw;
}

.check-list-input::placeholder {
  color: #33333366;
}

.check-list-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2.77vw 4.44vw;
}

.check-list-square-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.11vw;
}

.check-list-square-row input {
  margin: 0;
}

.check-list-option {
  display: flex;
  align-items: center;
  min-height: 4.44vw;
}

.check-list-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.check-list-option label {
  position: relative;
  cursor: pointer;
  padding-left: 6.66vw;
  font-weight: 400;
  font-size: 3.05vw;
  line-height: 100%;
  color: #2C3439;
}

.check-list-option label::after {
  position: absolute;
  top: -1.2vw;
  left: 0;
  width: 4.44vw;
  height: 4.44vw;
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
}

.check-list-option input:checked + label::before {
  position: absolute;
  top: -1.2vw;
  left: 0;
  width: 4.44vw;
  height: 4.44vw;
  border: 1.38vw solid #BC1622;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
  z-index: 1;
}

.check-list-policy {
  margin-top: 3.33vw;
}

.check-list-policy .checkbox-policy {
  margin-bottom: 5.55vw;
  gap: 3.33vw;
}

.check-list-policy .checkbox__input {
  width: 4.44vw;
}

.check-list-policy .checkbox__label {
  font-size: 3.05vw;
  line-height: 120%;
}

.check-list-policy .checkbox__label::after {
  top: -0.1vw;
  left: -7.66vw;
  width: 4.44vw;
  height: 4.44vw;
  border-color: #BC1622;
}

.check-list-policy .checkbox__input:checked + .checkbox__label::before {
  top: -0.1vw;
  left: -7.66vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 1.11vw;
  background-size: 3.33vw 2.22vw;
}

.check-list-policy .checkbox__label a {
  color: #BC1622;
}

.check-list-row_sections .check-list-option label::after {
  top: -1.2vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 1.11vw;
  border-color: #C9C9C9;
}

.check-list-row_sections .check-list-option input:checked + label::before {
  top: -1.2vw;
  width: 4.44vw;
  height: 4.44vw;
  border: none;
  border-radius: 1.11vw;
  background-color: #BC1622;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.33vw 2.22vw;
}

.check-list-actions {
  display: flex;
  justify-content: flex-start;
}

.check-list-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 3.75vw;
  height: 11.38vw;
  padding: 0 8.88vw;
  border-radius: 1.38vw;
  background: #BC1622;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 500;
  font-size: 3.88vw;
  line-height: 100%;
}

.check-list-submit:hover {
  background: #A0151F;
}

/* CALCULATOR POPUP */

.popup_calculator.popup_details_opened {
  display: flex;
}

.calculator-main {
  min-height: 133.33vw;
  padding-bottom: 11.11vw;
}

.popup-calculator-container {
  width: 100%;
  max-width: 100%;
  max-height: calc(100vh - 11.11vw);
  gap: 4.44vw;
  overflow-y: auto;
  padding: 5.56vw;
  box-sizing: border-box;
}

.popup-calculator-container::-webkit-scrollbar {
  display: none;
}

.popup-calculator-container::after {
  top: 18.61vw;
  height: 0.28vw;
  background: #DDDDDD;
}

.popup-calculator-container .popup-title {
  margin: 0;
  padding-bottom: 5.56vw;
}

.popup-calculator-body {
  gap: 2.22vw;
}

.popup-calculator-block,
.popup-calculator-surfaces {
  display: contents;
}

.popup-calculator-label {
  margin-bottom: 1.11vw;
  font-size: 3.89vw;
}

.popup-calculator-label:first-child {
  font-weight: 500;
  font-size: 3.33vw;
}

.popup-calculator-dimensions {
  justify-content: space-between;
}

.popup-calculator-surface .popup-calculator-field {
  max-width: 36.94vw;
  flex: 1;
}

.popup-calculator-surface .popup-calculator-field_area {
  max-width: 100%;
}

.popup-calculator-surface .popup-calculator-counter {
  max-width: 36.94vw;
  flex: 1;
}

.popup-calculator-multiply {
  font-size: 5vw;
}

.popup-calculator-field {
  max-width: 41.38vw;
  flex: 1;
  height: 12.5vw;
  padding: 2.08vw 3.89vw;
  border-radius: 1.11vw;
}

.popup-calculator-field-label {
  top: 1.67vw;
  left: 4.44vw;
  font-size: 3.06vw;
}

.popup-calculator-field-input {
  margin-top: 2.78vw;
  font-size: 3.61vw;
}

.popup-calculator-field-unit {
  bottom: 2.08vw;
  right: 4.44vw;
  font-size: 3.61vw;
}

.popup-calculator-field_area {
  margin-bottom: 3.33vw;
  max-width: 100%;
}

.popup-calculator-counters {
  margin-bottom: 2.22vw;
}

.popup-calculator-counter {
  gap: 2.22vw;
  min-height: 11.11vw;
  padding: 2.22vw 3.33vw;
  max-width: 41.38vw;
  flex: 1;
  border-radius: 1.11vw;
}

.popup-calculator-counter-center {
  gap: 1.11vw;
}

.popup-calculator-counter-title,
.popup-calculator-counter-value {
  font-size: 3.61vw;
}

.popup-calculator-counter-btn {
  width: 7.78vw;
  height: 7.78vw;
  border-radius: 1.11vw;
  font-size: 5.56vw;
}

.popup-calculator-surface {
  gap: 2.22vw;
  margin-bottom: 3.33vw;
  padding: 3.33vw;
  border-radius: 1.39vw;
}

.popup-calculator-surface-head {
  gap: 3.33vw;
}

.popup-calculator-surface-title {
  font-size: 3.05vw;
  font-weight: 500;
}

.popup-calculator-remove {
  gap: 1.11vw;
  font-size: 3.05vw;
  font-weight: 500;
}

.popup-calculator-link {
  gap: 1.11vw;
  font-size: 3.61vw;
}

.popup-calculator-link svg {
  right: -4.44vw;
  width: 3.33vw;
  height: 3.33vw;
}

.popup-calculator-add {
  padding: 0 5.56vw 0 4.44vw;
  height: 10.56vw;
  margin-bottom: 5.56vw;
  border-radius: 27.78vw;
  font-size: 3.33vw;
  gap: 2.78vw;
}

.popup-calculator-add svg {
  width: 4.44vw;
  height: 4.44vw;
}

.popup-calculator-layers {
  display: flex;
  gap: 2.22vw;
  margin-bottom: 5.56vw;
}

.popup-calculator-layer {
  min-height: 10vw;
  width: fit-content;
  padding: 0.56vw 5vw 0 5vw;
  border-radius: 1.11vw;
  font-size: 3.89vw;
}

.popup-calculator-layer:nth-child(3) {
  grid-column: 1 / 2;
}

.popup-calculator-absorbency {
  gap: 4.44vw 8.33vw;
  margin-bottom: 5.56vw;
}

.popup-calculator-absorbency-item {
  gap: 1.67vw;
}

.popup-calculator-absorbency-item svg {
  width: 3.33vw;
  height: 3.33vw;
  top: -0.83vw;
  right: -3.89vw;
}

.popup-calculator-absorbency-text {
  padding-left: 6.11vw;
  font-size: 3.61vw;
}

.popup-calculator-absorbency-text::after {
  top: -0.83vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 0.83vw;
}

.popup-calculator-absorbency-item input:checked + .popup-calculator-absorbency-text::before {
  top: -0.83vw;
  width: 4.44vw;
  height: 4.44vw;
  border-radius: 0.83vw;
  background-size: 1.94vw 1.67vw;
}

.popup-calculator-result {
  padding: 3.33vw 0 5.56vw;
  border-top-width: 0.28vw;
  border-bottom-width: 0.28vw;
  font-size: 5vw;
}

.popup-calculator-note {
  margin: 5.56vw 0;
  font-size: 3.33vw;
}

.popup-calculator-actions {
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  justify-content: flex-start;
  gap: 4.44vw;
  margin-top: 1.11vw;
}

.popup-calculator-actions .popup_details-btn-accept {
  width: 100%;
  height: 11.39vw;
}

.popup-calculator-actions .popup_details-btn-cancel {
  width: 100%;
  height: auto;
  padding: 2.22vw 0;
  background: transparent;
  font-weight: 400;
  font-size: 3.33vw;
  color: #2C3439;
  justify-content: center;
}

.popup-calculator-help {
  top: -1.11vw;
  right: -2.38vw;
  width: 4.44vw;
  height: 4.44vw;
}

  /* Orders filters modal — Figma tablet/mobile stacked (616:26777) */
  #popup-filters.popup_details,
  #popup-filters.popup_details_opened {
    align-items: center !important;
    justify-content: center !important;
    padding: 4.44vw !important;
    box-sizing: border-box !important;
  }

  #popup-filters.popup_details_opened {
    display: flex !important;
  }

  #popup-filters .popup-container {
    width: 91.11vw !important;
    max-width: 91.11vw !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 2.77vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #popup-filters .popup-container::after {
    display: none !important;
  }

  #popup-filters .popup_details-close {
    top: 5.55vw !important;
    right: 5.55vw !important;
    width: 5.55vw !important;
    height: 5.55vw !important;
    z-index: 2 !important;
  }

  #popup-filters .popup-title {
    margin: 0 !important;
    padding: 5.55vw !important;
    padding-right: 12vw !important;
    font-size: 3.88vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    border-bottom: 0.27vw solid #F1F1F1 !important;
  }

  #popup-filters .popup-filters-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 4.44vw !important;
    padding: 5.55vw !important;
    margin: 0 !important;
  }

  #popup-filters .popup-filters-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.39vw !important;
    width: 100% !important;
  }

  #popup-filters .popup-filters-field:nth-child(n + 3),
  #popup-filters .popup-filters-actions {
    grid-column: auto !important;
  }

  #popup-filters .popup-filters-label {
    margin: 0 !important;
    font-size: 3.33vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #333 !important;
  }

  #popup-filters .popup-filters-date,
  #popup-filters .popup-filters-select {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 11.11vw !important;
    padding: 3.33vw 4.44vw !important;
    border: 0.27vw solid #E2E2E2 !important;
    border-radius: 1.11vw !important;
    box-sizing: border-box !important;
    background: #fff !important;
    gap: 2.22vw !important;
  }

  #popup-filters .popup-filters-input {
    width: 100% !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 3.33vw !important;
    color: #333 !important;
  }

  #popup-filters .popup-filters-input::placeholder {
    color: rgba(51, 51, 51, 0.5) !important;
  }

  #popup-filters .popup-filters-date svg,
  #popup-filters .popup-filters-select svg {
    width: 3.88vw !important;
    height: 3.88vw !important;
    flex-shrink: 0 !important;
  }

  #popup-filters .popup-filters-select span {
    font-size: 3.33vw !important;
    color: #333 !important;
  }

  #popup-filters .popup-filters-checks,
  #popup-filters .popup-filters-radios {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 2.22vw 4.44vw !important;
  }

  #popup-filters .popup-filters-check,
  #popup-filters .popup-filters-radio {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2.22vw !important;
    margin: 0 !important;
    font-size: 3.33vw !important;
    color: #333 !important;
    cursor: pointer !important;
  }

  #popup-filters .popup-filters-check input,
  #popup-filters .popup-filters-radio input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #popup-filters .popup-filters-check span,
  #popup-filters .popup-filters-radio span {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 4.44vw !important;
    height: 4.44vw !important;
    border: 0.27vw solid #C9C9C9 !important;
    border-radius: 1.11vw !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    background: #fff !important;
  }

  #popup-filters .popup-filters-radio span {
    border-radius: 50% !important;
  }

  #popup-filters .popup-filters-check input:checked + span {
    border-color: #BC1622 !important;
    background: #BC1622 !important;
  }

  #popup-filters .popup-filters-check input:checked + span::after {
    content: "" !important;
    width: 2.22vw !important;
    height: 1.39vw !important;
    border-left: 0.42vw solid #fff !important;
    border-bottom: 0.42vw solid #fff !important;
    transform: rotate(-45deg) translate(0.2vw, -0.2vw) !important;
    box-sizing: border-box !important;
  }

  #popup-filters .popup-filters-radio input:checked + span {
    border: 0.56vw solid #BC1622 !important;
    background: #fff !important;
  }

  #popup-filters .popup-filters-radio input:checked + span::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 2.22vw !important;
    height: 2.22vw !important;
    border-radius: 50% !important;
    background: #BC1622 !important;
    transform: translate(-50%, -50%) !important;
  }

  #popup-filters .popup-filters-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2.22vw !important;
    padding-top: 3.33vw !important;
    margin: 0 !important;
  }

  #popup-filters .popup-filters-actions .popup_details-btn {
    width: 100% !important;
    height: auto !important;
    min-height: 11.11vw !important;
    padding: 3.33vw 5.55vw !important;
    font-size: 3.33vw !important;
    font-weight: 500 !important;
    border-radius: 1.39vw !important;
  }

  #popup-filters .popup-filters-actions .popup_details-btn-cancel {
    width: 100% !important;
    background: transparent !important;
    color: #0E0E0E !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 400 !important;
  }

  /* Projects empty state — hidden unless no cards */
  .empty-projects-message,
  .empty-estimate-message,
  .empty-orders-message {
    display: none !important;
  }

  .personal-orders-container:not(:has(.personal-orders-box)) .empty-projects-message,
  .personal-orders-container:not(:has(.personal-orders-box)) .empty-estimate-message,
  .personal-orders-container:not(:has(.personal-orders-box)) .empty-orders-message {
    display: flex !important;
    align-items: center !important;
    gap: 3.33vw !important;
    width: 100% !important;
    padding: 4.44vw 5.55vw !important;
    border-radius: 1.39vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .empty-projects-message svg,
  .empty-estimate-message svg,
  .empty-orders-message svg {
    width: 11.11vw !important;
    height: 11.11vw !important;
    flex-shrink: 0 !important;
  }

  .empty-projects-message-text,
  .empty-estimate-message-text,
  .empty-orders-message-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.11vw !important;
  }

  .empty-projects-message-title,
  .empty-estimate-message-title,
  .empty-orders-message-title {
    margin: 0 !important;
    font-size: 3.88vw !important;
    font-weight: 500 !important;
    color: #0E0E0E !important;
  }

  .empty-projects-message-desc,
  .empty-estimate-message-desc,
  .empty-orders-message-desc {
    margin: 0 !important;
    font-size: 3.33vw !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .empty-projects-message-desc a,
  .empty-projects-create,
  .empty-estimate-message-desc a,
  .empty-estimate-create {
    color: #BC1622 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
  }

  @keyframes loadingAnimation {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}
}