@media (min-width: 1440px) {

html {
  font-family: 'Rooftop';
  overflow-x: clip;
  background-color: #fff;
}

.container {
  width: 1440px;
  margin: 0 auto;
}

/*HEADER */

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

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

.header__info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 28px;
}

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

.header__cons {
  margin-left: auto;
  width: 179px;
  height: 34px;
  border-radius: 100px;
  background: #F1F1F1;
  color: #333333;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding-top: 3px;
}

.header__cons:hover {
  color: #BC1622;
}

.header__main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  background-color: #fff;
}

.header__logo {
  width: 205px;
  height: 40px;
}

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

.header__catalog {
  width: 120px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
  background: #BC1622;
  cursor: pointer;
  position: relative;
}

.header__catalog svg {
  width: 16px;
  height: 16px;
  display: block;
}

.header__catalog p {
   color: #FFFFFF;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 3px;
}

.header__catalog:hover {
  background: #A0151F;
}

.search-line {
  width: 701px;
  height: 32px;
  display: flex;
  position: relative;
  gap: 10px;
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid #E2E2E2;
  align-items: center;
  border-radius: 4px;
}

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

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

.search-line__submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 78px;
  border: none;
  outline: none;
  background: #333333;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 5px;
  cursor: pointer;
}

.search-line__submit:hover {
  background-color: #0E0E0E;
}

.header__links {
  display: flex;
  gap: 20px;
  align-items: center;
}

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

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

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

.header__link svg {
  width: 24px;
  height: 24px;
  margin: auto;
}

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

.header__nav {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  padding-bottom: 7px;
  position: relative;
}

.header__nav-link {
  margin: 0;
  text-decoration: none;
  color: #0E0E0E;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 5px;
  position: relative;
}

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

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

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

.header__discount p {
  font-size: 12px;
  margin-top: 2px;
}

.header__discount:hover {
  background: #A0151F;
}

.header__discount svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

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

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

/* PROMO */

.promo {
  margin-top: 32px;
}

.promo .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

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

.promo-main .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 30px;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  z-index: 3;
}

.promo-main .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 30px;
  color: transparent;
  background-image: url(../../img/arrow-next-promo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  z-index: 3;
}

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

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

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

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

.promo-main-img::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 448px;
  height: 100%;
  background: linear-gradient(89.74deg, #333333 0.25%, rgba(115, 115, 115, 0) 99.8%);
}

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

.promo-list {
  width: 100%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  justify-content: space-between;
}

.promo-list .swiper-button-prev-unique,
.swiper-button-next-unique {
  top: 213px;
  position: absolute;
  left: -8px;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  z-index: 999;
  cursor: pointer;
}

.promo-list .swiper-button-next-unique,
.swiper-button-prev-unique {
  top: 213px;
  position: absolute;
  right: -8px;
  color: transparent;
  background-image: url(../../img/arrow-next-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  z-index: 3;
  cursor: pointer;
}

.promo-box {
  width: 351px !important;
  height: 91px;
  background: #F1F1F1;
  border-radius: 10px;
  margin-right: 0;
  overflow: hidden;
  display: flex;
  box-sizing: border-box;
  padding: 20px 152px 0 32px;
  position: relative;
  cursor: pointer;
}

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

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

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

.red {
  color: #BC1622;
}

.promo-box svg {
  position: absolute;
  top: 20px;
  right: 32px;
  width: 40px;
  height: 40px;
}

/* CARDS */

.main-cards {
  margin-top: 40px;
  margin-bottom: 80px;
}

.main-cards .container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 20px;
}

.main-cards-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px;
  background: #F1F1F1;
  border-radius: 10px;
  gap: 8px;
  overflow: hidden;
  position: relative;
}

.main-cards-box:nth-of-type(1) {
  width: 715px;
  height: 186px;
}

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

.main-cards-box:nth-of-type(2) {
  width: 715px;
  height: 186px;
}

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

.main-cards-box:nth-of-type(3) {
  width: 412px;
  height: 246px;
}

.main-cards-box:nth-of-type(4) {
  width: 595px;
  height: 246px;
}

.main-cards-box:nth-of-type(4).main-cards-box::after {
  position: absolute;
  top: 0;
  content: '';
  right: 0px;
  width: 343px;
  height: 100%;
  background-image: url(../../img/card4.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.main-cards-box:nth-of-type(5) {
  width: 412px;
  height: 246px;
}

.main-cards-box ul {
  margin: 0;
  padding-left: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

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

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

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

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

.main-cards-link svg {
  width: 8px;
  height: 8px;
}

.main-cards-link-red {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 0;
  color: #BC1622;
  display: flex;
  gap: 4px;
  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: 8px;
  height: 8px;
}

/* BRANDS */

.brands {
  background-color: #F1F1F1;
  padding: 40px 0;
}

.brands .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

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

.brands-slider {
  width: 100%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}

.brands-slider .swiper-button-prev-unique-brands,
.swiper-button-next-unique-brands {
  position: absolute;
  top: 105px;
  right: -8px;
  color: transparent;
  background-image: url(../../img/arrow-next-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  z-index: 9;
}

.brands-slider .swiper-button-next-unique,
.swiper-button-prev-unique-brands {
  position: absolute;
  top: 105px;
  left: -8px;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  z-index: 3;
}

.brands-slide {
  width: 192px !important;
  height: 120px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 16px;
}

.brands-slide .brands-slide-logo {
  transform: scale(1);
  transition: all 0.5s linear;
  cursor: pointer;
}

.brands-slide:hover .brands-slide-logo {
  transform: scale(1.1);
  transition: all 0.5s linear;
}

/* PRODUCTS */

.products {
  margin-top: 80px;
}

.products .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.products-container {
  display: flex;
  gap: 10px;
}

.products-box {
  display: flex;
  flex-direction: column;
  width: 280px;
  height: 465px;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

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

.products-promo {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
  border-radius: 100px 0 0 100px;
  background: #333333;
  padding: 8px 20px;
}

.products-settings {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.products-settings-box {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #F1F1F1;
}

.products-settings-box svg {
  width: 18px;
  height: 18px;
}

.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: 193px;
  height: 193px;
  margin-bottom: 16px;
}

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

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

.products-pricetag {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 0;
  border-bottom: 1px solid #0000001A;
  width: 100%;
}

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

.products-price-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

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

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

.products-info {
  display: flex;
  gap: 4px;
  flex-direction: column;
  padding: 8px 0 16px 0;
  box-sizing: border-box;
  min-height: 60px;
}

.products-info p {
  display: flex;
  align-items: center;
  gap: 4px;
}

.products-info svg {
  width: 16px;
  height: 16px;
}

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

.buy-btn {
  width: 90px;
  height: 30px;
  outline: none;
  border: none;
  background: #BC1622;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  flex-shrink: 0;
  cursor: pointer;
}

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

.products-quantity {
  display: flex;
  align-items: center;
  gap: 4px;
}

.products-quantity button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  font-size: 20px;
  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: 45px;
  height: 22px;
  text-align: center;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
}

.products-more, .article-page-detail-btn {
  width: 176px;
  height: 43px;
  background: #333333;
  border-radius: 5px;
  color: #fff;
  margin: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

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

/* PROJECTS */

.projects {
  padding: 40px 0;
  background: #F1F1F1;
}

.projects .container {
  display: flex;
  gap: 0;
  flex-direction: column;
  position: relative;
  height: fit-content;
}

.projects-container {
  width: 100%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  top: 62px;
}

.projects-container .swiper-button-prev-unique-projects,
.swiper-button-next-unique-projects {
  position: absolute;
  top: 182px;
  right: -8px;
  color: transparent;
  background-image: url(../../img/arrow-next-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  z-index: 3;
  cursor: pointer;
}

.projects-container .swiper-button-next-unique-projects,
.swiper-button-prev-unique-projects {
  position: absolute;
  top: 182px;
  left: -8px;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  z-index: 9;
  cursor: pointer;
  
}

.projects-box {
  width: 233px !important;
  min-height: 236px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-right: 10px;
}

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

.projects-link {
  opacity: 0;
  height: 0;
  color: #BC1622;
  padding-left: 20px;
  transition: all 0.2s linear;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
}

.projects-box:hover .projects-link {
  opacity: 1;
  height: fit-content;
  padding-bottom: 16px;
  transition: all 0.2s linear;
}

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

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

.projects-img {
  width: 233px;
  height: 160px;
}

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

.projects-name {
  margin: 0;
  padding-left: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.projects-more {
  margin: auto;
  width: 148px;
  height: 43px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #BC1622;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 315px;
  cursor: pointer;
}

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

/* FAQ */

.faq {
  margin: 80px 0;
}

.faq .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.faq-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.faq-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 20px;
  background: #F1F1F1;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

.faq-question {
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  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: 12px;
  max-width: 870px;
  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: 16px;
  right: 20px;
  transform: rotate(0deg);
  transition: all 0.2s linear;
}

.faq-fold svg {
  width: 16px;
  height: 16px;
}

/* ABOUT */

.about {
  margin-bottom: 80px;
}

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

.about-info {
  display: flex;
  flex-direction: column;
  width: 590px;
}

.about-info .title {
  margin-bottom: 21px;
}

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

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

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

.about-link svg {
  width: 8px;
  height: 8px;
}

.about-facts {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 24px;
  width: 590px;
}

.about-facts-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 16px;
  width: 285px;
  min-height: 103px;
  border-radius: 10px;
  gap: 8px;
  background: #F1F1F1;
}

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

/* MAIN-FORM */

.main-form {
  padding: 80px 0;
  background: #F1F1F1;
}

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

.main-form-text {
  display: flex;
  flex-direction: column;
  max-width: 519px;
}

.main-form-text .title {
  margin-bottom: 28px;
}

.main-form-phone {
  margin: 11px 0 28px 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #BA1420;
  cursor: pointer;
}

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

.main-form-links {
  display: flex;
  gap: 16px;
}

.main-form-link svg {
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.main-form-box {
  display: flex;
  flex-direction: column;
  width: 524px;
}

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

.main-form-subtitle {
  margin: 8px 0 24px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
}

.main-form-input {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  outline: none;
  border-radius: 4px;
  padding-left: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.main-form-input:last-of-type {
  margin-bottom: 24px;
}

.checkbox-policy {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.policy-check {
  position: relative;
}

.checkbox__input {
  opacity: 0;
  width: 24px;
  flex-shrink: 0;
  cursor: pointer;
}

.checkbox__input:checked+.checkbox__label::before {
  position: absolute;
  top: -5px;
  left: -40px;
  width: 24px;
  height: 24px;
  content: '';
  background-color: #BC1622;
  border-radius: 4px;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 10px 8px;
  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: -5px;
  left: -40px;
  width: 24px;
  height: 24px;
  content: '';
  border: 1px solid #333333;
  border-radius: 4px;
  box-sizing: border-box;
  pointer-events: none;
}

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

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

/* PROMO-BANNER */

.promo-banner {
  margin: 80px 0;
}

.promo-banner .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 30px;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  z-index: 3;
}

.promo-banner .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 30px;
  color: transparent;
  background-image: url(../../img/arrow-next-promo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  z-index: 3;
}

/* FOOTER */

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

.footer .subtitle {
  color: #fff;
}

.footer .container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.footer__top {
  display: flex;
  justify-content: space-between;
  padding-top: 42px;
}

.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer__nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

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

.footer__contacts {
  width: 278px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}

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

.footer .undertitle {
  color: #fff;
  text-align: right;
  margin-bottom: 6px;
}

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

.footer__cards {
  margin-top: 30px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.footer__cards .footer__card:nth-of-type(1) {
  width: 57px;
}

.footer__cards .footer__card:nth-of-type(2) {
  width: 59px;
}

.footer__cards .footer__card:nth-of-type(3) {
  width: 36px;
}

.footer__bottom {
  width: 100%;
  display: flex;
  gap: 42px;
  align-items: flex-end;
  padding: 26px 0 20px 0;
  position: relative;
}

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

.footer__logo {
  width: 234px;
  height: 44px;
}

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

.footer-cr {
  margin: 0;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
}

.footer-develop {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 16px;
}

.footer-develop .desc {
  width: 73px;
  text-align: right;
  color: #fff;
}

.footer-develop svg { 
  width: 117px;
  height: 35px;
}

.footer__mails {
  gap: 3px;
}

/* 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: 0px;
    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: 6px;
    overflow: hidden;
    animation: loadingAnimation 6s linear;
    /* Замените 3s на ваше значение delay из autoplay */
  }

  .promo-main .swiper-pagination {
    left: 100px;
    right: auto;
    width: fit-content;
    bottom: 20px;
  }

  .promo-main .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    flex-shrink: 0;
    margin: 0 3px !important;
  }

  .promo-main .swiper-pagination-bullet-active {
    width: 22px !important;
    height: 6px !important;
    flex-shrink: 0; 
    border-radius: 6px;
  }

  .promo-banner-slider .swiper-pagination {
    left: 100px;
    right: auto;
    width: fit-content;
    bottom: 20px;
  }

  .promo-banner-slider .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    flex-shrink: 0;
    margin: 0 3px !important;
  }

  .promo-banner-slider .swiper-pagination-bullet-active {
    width: 22px !important;
    height: 6px !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.216vw !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: 32px;
}

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

.about__nav {
  display: flex;
  flex-direction: column;
  width: 234px;
  flex-shrink: 0;
  gap: 4px;
}

.about__nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 33px;
  padding-left: 24px;
  padding-top: 4px;
  background-color: #F1F1F1;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

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

.about__nav-link_active::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 33px;
  background-color: #BC1622;
  top: 0;
  left: 0;
}

.about__main-text {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 1186px;
  margin-bottom: 40px;
}

.about__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

.about-info-row {
  display: flex;
  justify-content: space-between;
}

.about-info-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 588px;
  height: 109px;
  gap: 4px;
  padding: 20px 288px 20px 20px;
  box-sizing: border-box;
  background-color: #F1F1F1;
  border-radius: 10px;
}

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

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

.about-info-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 224px;
  height: 100%;
}

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

.about-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

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

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

.about-list-item svg {
  width: 16px;
  height: 16px;
}

.about-mission {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  gap: 8px;
  background-color: #F1F1F1;
  border-radius: 10px;
}

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

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

.about-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-why {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-why-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.about-why-box {
  display: flex;
  box-sizing: border-box;
  width: 286px;
  height: 91px;
  background-color: #F1F1F1;
  border-radius: 10px;
  padding: 20px;
  justify-content: space-between;
}

.about-why-box .desc {
  max-width: 220px;
  font-weight: 500;
}

.about-why-box svg {
  width: 40px;
  height: 40px;
}

/* RETAIL */

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

  .retail-hero-img {
    position: absolute;
    top: -62px;
    right: calc((100vw - 1440px) / -2);
    z-index: 1;
    width: 958px;
    height: 399px;
    z-index: -1;
  }

  .retail-hero-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 958px;
    height: 400px;
    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;
  }

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

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

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

  .retail-hero-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    max-width: 574px;
  }

  .retail-hero-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px 10px 12px;
    background-color: #F1F1F1;
    border-radius: 5px;
    color: #333333;
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
  }

  .retail-hero-box svg {
    width: 20px;
    height: 20px;
  }

  .retail-hero-box p {
    margin: 0;
    padding-top: 3px;
  }

  .retail-hero-row {
    display: flex;
    width: 574px;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
  }

  .retail-hero-info {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
  }

  .retail-hero-info p {
    margin: 0;
    padding-top: 3px;
  }

  .retail-hero-info svg {
    width: 40px;
    height: 40px;
  }

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

  .retail-hero-btn:hover {
    background: #A0151F;
  }

  .retail-control {
    padding: 40px 0 80px 0;
    overflow: hidden;
  }

  .retail-control .container {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 20px;
  }

  .retail-control .title {
    max-width: 500px;
  }

  .retail-control ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 24px;
  }

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

  .retail-control-img {
    position: absolute;
    top: -38px;
    right: -25px;
    width: 724px;
    height: 372px;
  }

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

  .retail-control-btn {
    width: 334px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    outline: none;
    border: none;
    margin-top: 8px;
    cursor: pointer;
  }

  .retail-control-btn:hover {
    background: #A0151F;
  }

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

  .retail-points-box {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 24px;
    gap: 12px;
    width: 352.5px;
    height: 297px;
    background-color: #F1F1F1;
    border-radius: 10px;
  }

  .retail-points-box svg {
    position: absolute;
    bottom: 16px;
    right: 24px;
    width: 60px;
    height: 60px;
  }

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

  .retail-points-box-top svg {
    width: 24px;
    height: 24px;
  }

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

  .retail-points-box ul {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

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

  .retail-catalog {
    margin: 80px 0 40px 0;
  }

  .retail-catalog .container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .retail-catalog-nav {
    display: flex;
    width: fit-content;
    background: #3333330D;
    border-radius: 99px;
    overflow: hidden;
    cursor: pointer;
  }

  .retail-catalog-nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    width: fit-content;
    padding: 12px 24px 12px 20px;
  }

  .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 {
    padding-right: 36px;
  }

  .retail-catalog-nav-link-active {
    background: #BC1622;
    border-radius: 99px;
    color: #FFFFFF;
  }

  .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: 13px;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 2px;
  }

  .retail-catalog-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .retail-catalog-box {
    width: 231px;
    height: 150px;
    position: relative;
    box-sizing: border-box;
    padding: 16px 20px;
    background: #F1F1F1;
    border-radius: 10px;
    cursor: pointer;
  }

  .retail-catalog-img {
    position: absolute;
    width: 192px;
    height: 91px;
    bottom: 0px;
    right: 0px;
  }

  .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: 14px;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .retail-catalog-button {
    margin: auto;
    margin-top: 8px;
    outline: none;
    border: none;
    color: #fff;
    background: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 42px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .retail-catalog-button:hover {
    background: #0E0E0E;
  }

  .retail-service {
    padding: 40px 0;
    background: #F1F1F1;
  }
  .retail-service .container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .retail-service-row {
    display: flex;
    justify-content: space-between;
  }

  .retail-service-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 715px;
    height: 146px;
    border-radius: 10px;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 20px;
  }

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

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

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

  .retail-service-link svg {
    margin-top: -2px;
    width: 8px;
    height: 8px;
  }

  .retail-service-svg {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
  }

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

  .retail-gift-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 40px 56px 48px 56px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px;
    overflow: hidden;
  }

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

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

  .retail-gift-hero .title {
    margin-top: 7px;
  }

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

  .retail-gift-hero .retail-gift-desc {
    max-width: 527px;
  }

  .retail-gift-btn {
    border: none;
    outline: none;
    margin-top: 20px;
    width: 393px;
    height: 46px;
    border-radius: 5px;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .retail-gift-btn:hover {
    background: #A0151F;
  }

  .retail-gift-hero-img {
    position: absolute;
    top: -40px;
    right: -56px;
    z-index: 1;
    width: 697px;
    height: 421px;
  }

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

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

  .retail-gift-conditions-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .retail-gift-conditions-box {
    box-sizing: border-box;
    padding: 24px;
    border-radius: 10px;
    background-color: #F1F1F1;
    width: 324.5px;
    height: 198px;
    position: relative;
  }

  .retail-gift-conditions-box svg {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 23px;
    bottom: 16px;
  }

  .retail-gift-includes {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .retail-gift-includes-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .retail-gift-includes-box {
    width: 324px;
    height: 66px;
    box-sizing: border-box;
    padding: 16px 20px;
    display: flex;
    gap: 11px;
    border-radius: 10px;
    background: #F1F1F1;
  }

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

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

  .retail-gift-includes-box:last-of-type {
    width: 658px;
  }

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

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

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

  .retail-gift-example {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .retail-gift-example-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .retail-gift-example-box {
    width: 324px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .retail-gift-example-img {
    width: 100%;
    height: 220px;
    border-radius: 5px;
    border: 0.5px solid #AAAAAA;
    overflow: hidden;
    margin-bottom: 4px;
  }

  .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: 13px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #BC1622;
    text-decoration: none;
    gap: 4px;
    cursor: pointer;
    opacity: 0;
    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: -2px;
  }

  .retail-gift-steps {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .retail-gift-steps-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .retail-gift-steps-box {
    box-sizing: border-box;
    width: 436px;
    height: 232px;
    padding: 24px;
    border-radius: 10px;
    background: #F1F1F1;
    gap: 8px;
    display: flex;
    flex-direction: column;
    position: relative;
  }

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

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

  .retail-gift-bottom {
    margin-top: -12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .retail-gift-bottom .subtitle {
    max-width: 618px;
  }

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

  .retail-gift-bottom-btn:hover {
    background: #A0151F;
  }

  /* Personal */

  .personal {
    margin: 32px 0 80px 0;
  }

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

  .personal-panel {
    display: flex;
    flex-direction: column;
    width: 234px;
  }

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

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

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

  .personal-panel-nav-link {
    color: #333333;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 11px 24px 8px 20px;
    border-radius: 5px;
    background: #F1F1F1;
    cursor: pointer;
    overflow: hidden;
    position: relative;
  }

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

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

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

  .personal-panel-bottom .personal-panel-name {
    padding-top: 3px;
  }

  .personal-panel-btn {
    width: 72px;
    height: 32px;
    border-radius: 5px;
    background: #333333;
    color: #fff;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
    flex-shrink: 0;
    padding-top: 3px;
  }

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

  .personal-container {
    width: 1186px;
    display: none;
  }

  .personal-container_active {
    display: flex;
  }

  .personal-main {
    flex-wrap: wrap;
    gap: 10px;
  }

  .personal-main-box {
    display: flex;
    flex-direction: column;
    width: 289px;
    height: 143px;
    gap: 4px;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border-radius: 10px;
    padding: 20px;
    cursor: pointer;
  }

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

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

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

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

  .personal-main-box-svg svg {
    width: 32px;
    height: 32px;
  }

  .personal-orders {
    flex-direction: column;
    gap: 20px;
  }

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

  .personal-orders-widgets {
    display: flex;
    width: 100%;
    align-items: center;
  }

  .personal-orders-sort {
    display: flex;
    align-items: center;
    gap: 12px;
  }

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

  .personal-orders-sort-container {
    display: flex;
    background-color: #3333330D;
    border-radius: 100px;
    overflow: hidden;
    height: 32px;
  }

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

  .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: auto;
  }

  .personal-search-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 314px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    height: 33px;
    box-sizing: border-box;
    padding: 0 16px;
  }

  .personal-search-line__input {
    width: 90%;
    height: 16px;
    border: none;
    outline: none;
    color: #0E0E0E;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0%;
  }

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

  .personal-search svg {
    width: 16px;
    height: 16px;
  }

  .personal-filters {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px 0 20px;
    border-radius: 100px;
    background: #F1F1F1;
    height: 32px;
    margin-left: 20px;
    cursor: pointer;
  }

  .personal-filters-desc {
    margin: 0;
    color: #333333;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 3px;
  }

  .personal-filters:hover .personal-filters-desc {
    color: #A0151F;
  }

  .personal-filters svg {
    width: 16px;
    height: 16px;
  }

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

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

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

  .personal-orders-box {
    width: 100%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    gap: 20px;
    padding: 16px 20px;
    border-radius: 5px;
    background: #F1F1F1;
    overflow: hidden;
  }

  .personal-orders-box-copy-success {
    display: none;
    align-items: center;
    gap: 4px;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #00B162;
  }

  .personal-orders-box-copy-success svg {
    width: 12px;
    height: 12px;
    margin-top: -2.5px;
  }

  .personal-orders-box-status {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0 12px 0 16px;
    height: 29px;
    background: #33333314;
    border-radius: 5px 5px 0 5px;
    color: #333333;
    font-weight: 400;
    font-size: 11px;
    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: 368px;
    flex-shrink: 0;
    gap: 4px;
  }

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

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

  .personal-orders-box-link {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #BC1622;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    margin-top: 12px;
    cursor: pointer;
  }

  .personal-orders-box-link:hover {
    color: #ED2039;
  }

  .personal-orders-box-link:hover svg path {
    fill: #ED2039;
  }

  .personal-orders-box-link svg {
    width: 8px;
    height: 8px;
    margin-top: -3px;
  }

  .personal-orders-box-delivery {
    display: flex;
    flex-direction: column;
    width: 368px;
    flex-shrink: 0;
    gap: 4px;
  }

  .personal-orders-box-where {
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333;
    margin: 7px 0 4px 0;
  }

  .personal-orders-box-where svg {
    width: 12px;
    height: 12px;
    margin-top: -3px;
  }

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

  .personal-orders-box-additional {
    color: #333333CC;
    margin: 0;
    margin-top: -2px;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0%;
  }

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

  .personal-orders-box-info {
    display: flex;
    flex-direction: column;
    width: 368px;
    flex-shrink: 0;
    gap: 4px;
  }

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

  .personal-orders-box-paid svg {
    width: 16px;
    height: 16px;
  }

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

  .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: 11px;
    line-height: 130%;
    letter-spacing: 0%;
  }

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

  .personal-orders-container-product {
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 22px;
    row-gap: 20px;
  }

  /* ПОДРОБНЕЕ ЗАКАЗ*/
  .personal-container-orders-back {
      display: flex;
      align-items: center;
      gap: 4px;
      font-weight: 400;
      font-size: 12px;
      line-height: 130%;
      letter-spacing: 0%;
      color: #333333;
      cursor: pointer;
      margin-top: -1px;
  }

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

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

  .personal-container-orders-back svg {
      width: 6px;
      height: 16px;
      margin-top: -3px;
  }

  .personal-orders-info-main {
      display: flex;
      width: 100%;
      justify-content: space-between;
      padding-top: 20px;
      border-top: 1px solid #0000001A;
  }

  .personal-orders-info {
      display: flex;
      flex-direction: column;
      width: 937px;
      gap: 10px;
  }

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

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

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

  .personal-orders-box-title-delivery svg {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    cursor: pointer;
  }

  .tooltiptext {
    position: absolute;
    display: none;
    top: -23px;
    right: -331px;
    z-index: 1;
    width: 317px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 15px 0px #0000001F;
    padding: 15px 12px 12px 12px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0%;
    margin: 0;
  }

  .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; 
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent white transparent transparent;
  }

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

  .personal-orders-info-container .personal-orders-box-title .copy-icon svg {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    cursor: pointer;
  }

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

  .personal-orders-info-edit {
      position: absolute;
      top: 16px;
      right: 20px;
      display: flex;
      flex-direction: column;
      gap: 4px;
  }

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

  .personal-orders-info-edit-el svg {
      width: 12px;
      height: 12px;
      margin-top: -4px;
  }

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

  .personal-orders-info-status span {
      width: 4px;
      height: 4px;
      background: #AAAAAA;
      border-radius: 50%;
      margin-top: -3px;
  }

  .personal-orders-info-container .personal-orders-box-date {
      margin-top: 2px;
  }

  .personal-orders-info-packed {
      margin: 0;
      margin-top: 8px;
      margin-bottom: 24px;
      font-weight: 400;
      font-size: 10px;
      line-height: 100%;
      letter-spacing: 0%;
      color: #333333CC;
  }

  .personal-orders-info-container .personal-orders-box-address {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 4px;
  }

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

  .personal-orders-info-container .personal-orders-box-address span svg {
      margin-top: -3px;
      width: 12px;
      height: 12px;
  }

  .personal-orders-info-deliver {
      margin: 0;
      margin-top: 2px;
      margin-bottom: 6px;
      color: #0E0E0E;
      font-weight: 500;
      font-size: 12px;
      line-height: 130%;
      letter-spacing: 0%;
  }

  .personal-orders-info-container .personal-orders-box-additional {
      margin-bottom: 24px;
  }

  .personal-orders-info-reciever {
      margin: 0;
      margin-top: 6px;
      margin-bottom: 4px;
      color: #0E0E0E;
      font-weight: 400;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0%;
  }

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

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

  .personal-orders-info-attach svg {
      width: 12px;
      height: 12px;
  }

  .personal-orders-info-downloads {
      display: flex;
      gap: 32px;
      align-items: center;
      margin: 16px 0;
  }

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

  .personal-orders-info-downloads-link svg {
      width: 12px;
      height: 12px;
      margin-top: -3px;
  }

  .personal-orders-info-products {
      display: flex;
      flex-direction: column;
      gap: 5px;
  }

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

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

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

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

  .personal-orders-info-products-name {
      width: 544px;
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

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

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

  .personal-orders-info-products-info {
      width: 127px;
      display: flex;
      flex-direction: column;
      gap: 4px;
  }

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

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

  .personal-orders-info-products-side {
      width: 90px;
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

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

  .personal-orders-info-products-widget {
      width: 24px;
      height: 24px;
  }

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

  .personal-orders-info-products-count {
      display: flex;
      gap: 4px;
      justify-content: flex-end;
      align-items: center;
      margin-top: 8px;
  }

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

  .personal-orders-info-products-btn {
      width: 100%;
      height: 30px;
      background: #BC1622;
      border-radius: 5px;
      border: none;
      color: #fff;
      font-weight: 700;
      font-size: 12px;
      line-height: 100%;
      letter-spacing: 0%;
      cursor: pointer;
      padding-top: 4px;
  }

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

  .personal-orders-info-price {
      width: 229px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
  }

  .personal-orders-info-price-box {
      width: 100%;
      height: fit-content;
      box-sizing: border-box;
      padding: 16px 20px;
      border-radius: 5px;
      background-color: #F1F1F1;
  }

  .personal-orders-info-price-box .personal-orders-box-paid {
      align-items: flex-start;
      margin: 4px 0;
  }

  .personal-orders-info-price-btn {
      border: none;
      border-radius: 5px;
      background: #333333;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 0%;
      height: 41px;
      width: 100%;
      padding-top: 4px;
      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: 14px;
      line-height: 100%;
      letter-spacing: 0%;
      margin-top: 12px;
      gap: 8px;
  }

  .personal-orders-info-price-bill svg {
      width: 16px;
      height: 16px;
      margin-top: -4px;
  }

  /* HISTORY */

  .personal-orders-sort-history-container{
    display: flex;
    gap: 4px;
  }

  .personal-orders-sort-history-container .personal-orders-sort-option {
    padding: 0 12px;
    border-radius: 5px;
    height: 29px;
    background: #F1F1F1;
    padding-top: 3px;
  }

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

  .personal-date-sort {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 40px;
  }

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

  .personal-date-sort-desc {
    margin: 0;
    width: 50px;
    color: #333333CC;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0%;
    margin-top: 3px;
  }

  .personal-date-input {
    width: 117px;
    height: 33px;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    padding: 0 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 1px;
    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: 8.8px;
    right: 14px;
    content: '';
    width: 16px;
    height: 16px;
    z-index: 5;
    cursor: pointer;
  }

  .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: 4px;
  }

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

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

  .personal-orders-info-price-bill-download {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #333;
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 0%;
    cursor: pointer;
  }

  .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: 12px;
    height: 12px;
    margin-top: -3px;
  }

  /* HISTORY */

.personal-container-settings {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #F1F1F1;
}

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

.personal-container-settings-subdesc {
  margin: 16px 0 4px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-container-settings-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 296px;
  position: relative;
}

.personal-container-settings-success {
  position: absolute;
  top: 9px;
  right: -90px;
  display: none;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00B162;
}

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

.personal-container-settings-success svg {
  width: 12px;
  height: 12px;
  margin-top: -4px;
}

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

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

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

.personal-container-settings-row span svg {
  width: 12px;
  height: 12px;
}

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

.personal-container-settings-gender-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 37px;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 20px 0 16px;
  cursor: pointer;
  position: relative;
}

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

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

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

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

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

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

.personal-container-settings-phone-add svg {
  margin-top: -3px;
  width: 12px;
  height: 12px;
}

.select2-container {
  width: 296px !important;
}

.select2-container--default .select2-selection--single {
  height: 32px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  padding: 0 16px;
  width: 296px;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0%;
  padding: 0;
  padding-top: 3px;
  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 4px 4px;
  width: 296px !important;
  box-sizing: border-box;
}

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

.select2-results {
  width: 296px;
  box-sizing: border-box;
}

.personal-container-settings-name-change {
  width: fit-content;
  display: none;
  align-items: center;
  gap: 4px;
}

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

.personal-container-settings-name-change-input {
  width: 296px;
  height: 32px;
  outline: none;
  border-radius: 4px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  border: 1px solid #E2E2E2;
  margin-right: 4px;
  padding-left: 16px;
  padding-top: 3px;
}

.personal-container-settings-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

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

.personal-container-settings-btn svg {
  width: 16px;
  height: 16px;
}

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

.city-wrapper {
  position: relative;
  width: 296px;
}

.city-wrapper .personal-container-settings-success {
  top: 13px;
}

/* EDIT */

.personal-container-settings-edit {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.personal-container-settings-edit-btn {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
  gap: 4px;
  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: 12px;
  height: 12px;
  margin-top: -4px;
}

/* POPUP DETAILS */

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

.popup_details_opened {
  display: flex;
}

.popup-container {
  display: flex;
  flex-direction: column;
  gap: 20px; /* 1.39vw * 14.4 = 20.01 -> 20px */
  box-sizing: border-box;
  padding: 20px; /* 1.39vw * 14.4 = 20.01 -> 20px */
  border-radius: 10px; /* 0.69vw * 14.4 = 9.93 -> 10px */
  width: 556px; /* 38.61vw * 14.4 = 555.98 -> 556px */
  background: #fff;
  position: relative;
}

.popup-container::after {
  position: absolute;
  content: '';
  top: 66px; /* 4.58vw * 14.4 = 65.95 -> 66px */
  left: 0;
  width: 100%;
  height: 1px; /* 0.07vw * 14.4 = 1.00 -> 1px */
  background: #F1F1F1;
}

/* Orders filters popup — Figma 647:39182 (desktop ≥1440) */
#popup-filters.popup_details,
#popup-filters.popup_details_opened {
  align-items: center;
  justify-content: center;
}

#popup-filters .popup-container {
  width: 480px;
  max-width: 480px;
  padding: 0;
  gap: 0;
  overflow: hidden;
}

#popup-filters .popup-container::after {
  display: none;
}

#popup-filters .popup_details-close {
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  z-index: 2;
}

#popup-filters .popup-title {
  margin: 0;
  padding: 20px 50px 20px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  color: #0e0e0e;
  border-bottom: 1px solid #f1f1f1;
  box-sizing: border-box;
}

#popup-filters .popup-filters-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 12px;
  padding: 20px;
  margin: 0;
  box-sizing: border-box;
}

#popup-filters .popup-filters-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

#popup-filters .popup-filters-field:nth-child(n + 3),
#popup-filters .popup-filters-actions {
  grid-column: 1 / -1;
}

#popup-filters .popup-filters-label {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #333;
}

#popup-filters .popup-filters-date,
#popup-filters .popup-filters-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  padding: 10px 16px;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  gap: 8px;
}

#popup-filters .popup-filters-input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 14px;
  line-height: 140%;
  color: #333;
}

#popup-filters .popup-filters-input::placeholder {
  color: rgba(51, 51, 51, 0.5);
}

#popup-filters .popup-filters-date svg,
#popup-filters .popup-filters-select svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

#popup-filters .popup-filters-select span {
  font-size: 14px;
  line-height: 140%;
  color: #333;
}

#popup-filters .popup-filters-checks,
#popup-filters .popup-filters-radios {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
}

#popup-filters .popup-filters-check,
#popup-filters .popup-filters-radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 130%;
  color: #333;
  cursor: pointer;
  user-select: none;
}

#popup-filters .popup-filters-check input,
#popup-filters .popup-filters-radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#popup-filters .popup-filters-check span,
#popup-filters .popup-filters-radio span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  box-sizing: border-box;
  flex-shrink: 0;
  background: #fff;
}

#popup-filters .popup-filters-radio span {
  border-radius: 50%;
}

#popup-filters .popup-filters-check input:checked + span {
  border-color: #bc1622;
  background: #bc1622;
}

#popup-filters .popup-filters-check input:checked + span::after {
  content: "";
  width: 8px;
  height: 5px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(-45deg) translate(1px, -1px);
  box-sizing: border-box;
}

#popup-filters .popup-filters-radio input:checked + span {
  border: 2px solid #bc1622;
  background: #fff;
}

#popup-filters .popup-filters-radio input:checked + span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bc1622;
  transform: translate(-50%, -50%);
}

#popup-filters .popup-filters-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding-top: 4px;
  margin: 0;
}

#popup-filters .popup-filters-actions .popup_details-btn {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  border-radius: 5px;
}

#popup-filters .popup-filters-actions .popup_details-btn-accept {
  background: #bc1622;
  color: #fff;
}

#popup-filters .popup-filters-actions .popup_details-btn-cancel {
  background: transparent;
  color: #0e0e0e;
  border: none;
  box-shadow: none;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
}

.popup_details-close {
  position: absolute;
  top: 24px; /* 1.67vw * 14.4 = 24.04 -> 24px */
  right: 20px; /* 1.39vw * 14.4 = 20.01 -> 20px */
  cursor: pointer;
  width: 20px; /* 1.39vw * 14.4 = 20.01 -> 20px */
  height: 20px; /* 1.39vw * 14.4 = 20.01 -> 20px */
}

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

.popup-title {
  margin: 0;
  width: 100%;
  padding-bottom: 20px; /* 1.39vw * 14.4 = 20.01 -> 20px */
  color: #0E0E0E;
  font-weight: 700;
  font-size: 24px; /* 1.67vw * 14.4 = 24.04 -> 24px */
  line-height: 100%;
  letter-spacing: 0%;
  padding-top: 3px; /* 0.21vw * 14.4 = 3.02 -> 3px */
}

.popup-desc {
  margin: 0;
  color: #333333CC;
  width: 100%;
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 130%;
  letter-spacing: 0%;
}

.popup_details-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
}

.popup_details-btn {
  width: 254px; /* 17.64vw * 14.4 = 254.01 -> 254px */
  height: 41px; /* 2.85vw * 14.4 = 41.04 -> 41px */
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 5px; /* 0.35vw * 14.4 = 5.04 -> 5px */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 3px; /* 0.21vw * 14.4 = 3.02 -> 3px */
  font-weight: 500;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  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: 8px; /* 0.56vw * 14.4 = 8.06 -> 8px */
}

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

.popup_details-form {
  display: flex;
  flex-direction: column;
  gap: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  width: 100%;
}

.popup_details-form-field {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px; /* 0.28vw * 14.4 = 4.03 -> 4px */
}

.popup_details-form-label {
  margin: 0;
  color: #333333CC;
  font-weight: 400;
  font-size: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  line-height: 130%;
  letter-spacing: 0%;
}

.popup_details-form-input {
  width: 100%;
  box-sizing: border-box;
  height: 40px; /* 2.78vw * 14.4 = 40.03 -> 40px */
  border-radius: 4px; /* 0.28vw * 14.4 = 4.03 -> 4px */
  border: 1px solid #E2E2E2;
  padding-left: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  padding-top: 3px; /* 0.21vw * 14.4 = 3.02 -> 3px */
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.popup_details-form-hide {
  position: absolute;
  content: '';
  right: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  top: 32px; /* 2.22vw * 14.4 = 31.96 -> 32px */
  width: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  height: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  background-image: url(../../img/show.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  cursor: pointer;
}

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

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

/* Datepicker */


/* datepicker styles */

.datepicker-container {
  position: relative;
}

.datepicker {
  position: absolute;
  top: 100%;
  z-index: 100;
  right: 0;
  margin-top: 11px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0px 2px 8px 0px #00000026;
}

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

.datepicker button {
  cursor: pointer;
  border: none;
  border-radius: 2px;
  background: transparent;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  touch-action: manipulation;
  box-sizing: border-box;
  padding-top: 5px;
  width: 24px;
  height: 24px;
}

.days,
.dates {
  display: grid;
  grid-template-columns: repeat(7, 24px);
  column-gap: 13px;
  row-gap: 7px;
  margin: 0 18px 11px 18px;
}

.days {
  margin: 8px 18px 2px 18px;
}

.days span {
  font-size: 14px;
  line-height: 28px;
  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 8px;
  border-bottom: 1px solid #F0F0F0;
}

.datepicker-header button {
  width: 22px;
  height: 40px;
  padding: 0;
}

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

.month-year-display {
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 4px;
}

.month-year-display span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
}

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

/* ESTIMATE */

.personal-orders-estimate-add {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 20px 0 16px;
  border-radius: 99px;
  background-color: #F1F1F1;
  color: #333;
  font-weight: 700;
  font-size: 12px;
  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: 16px;
  height: 16px;
  margin-top: -3px;
}

.personal-date-sort-desc-estimate {
  width: 104px;
}

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

.personal-estimate-box-widgets {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.personal-estimate-box-widget {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 3px 16px 0 12px;
  border-radius: 99px;
  background: #FFFFFF;
  color: #333333CC;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  width: fit-content;
  gap: 4px;
  cursor: pointer;
}

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

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

.personal-estimate-box-widget svg {
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

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

.personal-estimate-info-container {
  margin-bottom: 12px;
}

.personal-estimate-info-container .personal-orders-box-date {
  margin-bottom: 20px;
}

.personal-estimate-info-container .personal-orders-box-title span {
  width: 20px;
  height: 20px;
  margin-top: -3px;
  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 20px;
  color: #333333;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  border-radius: 99px;
  cursor: pointer;
  padding-top: 3px;
}

.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-box-paid-title {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 12px;
  margin-bottom: 12px;
  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: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 14px;
}

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

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

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

.personal-orders-info-estimate {
  gap: 16px;
}

.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: 3px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #0000001A;
  cursor: pointer;
  margin-bottom: 16px;
}

.personal-estimate-sort-title_opened {
  padding: 0;
  border: none;
  margin-bottom: 16px !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: 16px;
  height: 16px;
  margin-top: -3px;
}

.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: 5px;
  width: 100%;
  padding-top: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
}

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

.personal-estimate-sort-fold-row {
  display: grid;
  grid-template-columns: 40px 40px 440px 80px 80px 80px 80px;
  column-gap: 16px;
  padding-bottom: 9px;
  padding-top: 4px;
  border-bottom: 1px solid #0000001A;
}

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

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

.personal-estimate-sort-img {
  width: 40px;
  height: 40px;
}

.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: 744px 80px 80px;
  padding-bottom: 20px;
}

.popup-input {
  border: none;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  padding-left: 16px;
  padding-top: 3px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

/* COMPARE */

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

.personal-container-delete-all {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid #0000001A;
  flex-shrink: 0;
  color: #333;
  font-weight: 500;
  font-size: 12px;
  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: 16px;
  height: 16px;
  margin-top: -3px;
}

.personal-compare-widgets {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.personal-orders-sort-checkbox {
  margin: 0;
  gap: 12px;
}

.personal-orders-sort-checkbox .checkbox__input:checked + .checkbox__label::before {
  top: -6px;
  left: -36px;
}

.personal-orders-sort-checkbox .checkbox__label::after {
  top: -6px;
  left: -36px;
}

.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: 13.02vw;
  position: absolute;
  top: 0;
  right: -12.12vw;
  content: '';
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 90;
  pointer-events: none;
}

.personal-compare-box {
  width: 233px;
  margin-right: 5px;
  display: flex;
  flex-direction: column;
}

.personal-compare-box-top {
  padding: 20px 20px 0 20px;
}

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

.personal-compare-box-top .products-pricetag {
  position: relative;
  border: none;
  padding: 12px 0;
  margin-top: 12px;
}

.personal-compare-box-top .products-pricetag::after {
  position: absolute;
  content: "";
  top: 0;
  left: -20px;
  width: 233px;
  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: 12px 20px;
  padding-top: 15px;
  gap: 2px;
  min-height: 56px;
}

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

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

.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: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  min-height: 13px;
}

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

.personal-compare-container .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0;
  top: 171px;
  bottom: auto;
  color: transparent;
  background-image: url(../../img/arrow-prev-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  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: 171px;
  bottom: auto;
  color: transparent;
  background-image: url(../../img/arrow-next-promo-list.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  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: 4px;
}

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

.personal-favorite-sort-box svg {
  width: 16px;
  height: 16px;
}

.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: 16px;
  column-gap: 5px;
}

.products-favorite-container .products-box {
  width: 233px;
}

.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: 12px;
}

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

.personal-favorite-filter span {
  display: flex;
  align-items: center;
  gap: 2px;
  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: -4px;
}

/* СПИСКОМ */

.products-favorite-container_list {
  row-gap: 4px;
}

.products-box_list {
  flex-direction: row;
  width: 100% !important;
  height: fit-content;
  padding: 20px 0;
  padding-bottom: 25px;
  gap: 24px;
  border-bottom: 1px solid #0000001A;
  border-radius: 0;
}

.products-box_list .products-img {
  flex-shrink: 0;
  width: 193px;
  height: 193px;
}

.products-box_list .products-settings {
  left: auto;
  right: 0;
  top: 20px;
}

.products-box_list .products-promo {
  right: auto;
  left: 0;
  border-radius: 100px 100px 100px 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: 677px;
  gap: 4px;
  flex-shrink: 0;
}

.products-info-column .desc {
  font-size: 14px;
  font-weight: 500;
}

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

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

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

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

.products-info-column-data {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

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

.products-box_list .products-pricetag {
  width: 220px;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: none;
  gap: 4px;
  padding-top: 3px;
}

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

.products-box_list .products-info {
  padding: 4px 0 18px 0;
}

.box-only {
  display: flex;
}

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

.products-favorite-container_list-img {
  row-gap: 4px;
}

.products-box_list-img {
  flex-direction: row;
  width: 100% !important;
  height: fit-content;
  padding: 20px 0;
  padding-bottom: 25px;
  gap: 24px;
  border-bottom: 1px solid #0000001A;
  border-radius: 0;
}

.products-box_list-img .products-img {
  flex-shrink: 0;
  width: 104px;
  height: 104px;
}

.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: 600px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 0;
  border: none;
}

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

.products-box_list-img .products-pricetag .desc {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0;
}

.products-box_list-img .products-buy {
  flex-direction: column-reverse;
  height: fit-content;
  gap: 8px;
  margin-left: auto;
  margin-top: 40px;
}

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

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

.products-box_list-img .products-promo {
  top: 20px;
  right: auto;
  left: 20px;
  border-radius: 100px;
  padding: 4px 12px;
  font-size: 10px;
}

/* SUPPORT */

.personal-support-box {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-sizing: border-box;
}

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

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

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

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

.personal-support-links {
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
}

.personal-support-link {
  width: 24px;
  height: 24px;
}

.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: 16px;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 10px;
  background: #F1F1F1;
}

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

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

.personal-refund-add {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 13px;
  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: 12px;
  height: 12px;
  margin-top: -3px;
}

.personal-refund-case {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2px;
  padding-bottom: 20px;
  border-bottom: 1px solid #0000001A;
  margin-bottom: 4px;
}

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

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

.personal-refund-status {
  margin: 0;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-status span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: -3px;
}

.personal-refund-more {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 0 16px;
  border-radius: 100px;
  height: 30px;
  display: flex;
  align-items: center;
  padding-top: 3px;
  color: #333333CC;
  background-color: #fff;
  cursor: pointer;
}

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

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

.personal-refund-deadline {
  margin: 0;
  margin-top: -2px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.personal-refund-theme {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  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: 40px;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    padding: 0 16px;
    width: 100%;
    display: flex;
    align-items: center;
}

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

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

.popup_refund-add .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px;
    right: 7px;
    width: 20px;
}

.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 4px 4px;
    width: 516px !important;
    box-sizing: border-box;
}

.popup_refund-add .select2-results__option {
    padding: 12px 0;
    padding-left: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    letter-spacing: 0%;
}

.popup-textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  min-height: 80px;
  padding: 12px 16px;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 13px;
  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: 8px;
}

.personal-refund-info-title {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.personal-refund-info-desc {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-info-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-refund-info-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  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: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #0000001A;
}

.personal-orders-widgets-more {
  margin-left: auto;
  display: flex;
  align-items: center;
  color: #333333;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  gap: 4px;
  cursor: pointer;
}

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

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

.personal-orders-widgets-more svg {
  width: 20px;
  height: 20px;
  margin-top: -5px;
}

/* ОБЪЕКТЫ */

.personal-projects-box-number .personal-orders-box-link {
  margin-top: 0;
}

.personal-projects-box-number .personal-estimate-desc {
  margin-top: 12px;
}

.personal-projects-box-address {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
}

.personal-date-sort-desc-projects {
  width: 112px;
}

/* STAFF */

.personal-staff-more {
  margin-left: 32px;
}

.personal-staff-box {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #F1F1F1;
}

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

.personal-staff-container {
  width: 100%;
  display: flex;
  gap: 10px;
  padding-bottom: 20px;
  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: 10px;
  width: 360px;
}

.personal-staff-name {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.personal-staff-subdesc {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  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: 4px;
  cursor: pointer;
}

.personal-staff-subdesc-widget:hover {
  color: #ED2039;
}

.personal-staff-subdesc-widget:hover path {
  stroke: #ED2039;
}

.personal-staff-subdesc-widget svg {
  width: 12px;
  height: 12px;
  margin-top: -4px;
}

.personal-staff-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 599px;
}

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

.personal-staff-desc span {
  color: #0E0E0E;
}

.personal-staff-widgets {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.personal-staff-access {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.personal-staff-access-text {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  width: 95px;
  margin-top: 7px;
}

.personal-staff-access-popup {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 32px;
}

/* 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: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  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(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 100px;
}

.slider.round:before {
  border-radius: 50%;
}

/* AUTH */

.popup_login .popup-container {
  width: 400px; /* 27.77vw * 14.4 = 399.88 -> 400px */
}

.popup-login-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 5px; /* 0.34vw * 14.4 = 4.89 -> 5px */
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 6px; /* 0.416vw * 14.4 = 5.99 -> 6px */
}

.popup-login-nav-link {
  width: 170px; /* 11.8vw * 14.4 = 169.92 -> 170px */
  height: 32px; /* 2.22vw * 14.4 = 31.96 -> 32px */
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
  box-sizing: border-box;
  padding-top: 3px; /* 0.2vw * 14.4 = 2.88 -> 3px */
  border-radius: 5px; /* 0.34vw * 14.4 = 4.89 -> 5px */
  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: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.popup_login .popup-input {
  width: 100%;
}

.popup_login-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
  margin-top: 24px; /* 1.66vw * 14.4 = 23.9 -> 24px */
}

.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: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.popup-forgot-pass {
  font-weight: 400;
  font-size: 13px; /* 0.9vw * 14.4 = 12.96 -> 13px */
  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: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

#popup-code .popup-desc {
  color: #2C3439;
}

.popup-phone-edit {
  margin: 0;
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  margin-top: -16px; /* -1.11vw * 14.4 = -15.98 -> -16px */
  cursor: pointer;
}

.popup-phone-edit:hover {
  color: #ED2039;
}

.popup-code-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.popup-code {
  width: 123px; /* 8.54vw * 14.4 = 122.97 -> 123px */
  height: 58px; /* 4.02vw * 14.4 = 57.88 -> 58px */
  border-radius: 5px; /* 0.34vw * 14.4 = 4.89 -> 5px */
  box-sizing: border-box;
  border: 1px solid;
  padding-top: 4px; /* 0.3vw * 14.4 = 4.32 -> 4px */
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-size: 18px; /* 1.25vw * 14.4 = 18px */
  line-height: 100%;
  letter-spacing: 0%;
}

#popup-code .popup-code-timer {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 140%;
  letter-spacing: 0%;
}

#popup-code .popup-code-send-again {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  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: 10px;
}

#popup-change-confirm .popup_details-btn svg {
  width: 16px;
  height: 16px;
  margin-top: -5px;
}

.popup_register .popup-container {
  width: 556px;
}

.popup-register-types {
  display: flex;
  gap: 8px;
  box-sizing: border-box;
}

.popup-register-type {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: fit-content;
  height: 41px;
  padding: 0 20px 0 16px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  background-color: #F1F1F1;
}

.popup-register-type input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.popup-register-type span {
  position: relative;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #2C3439;
  margin-top: 3px;
  cursor: pointer;
}

.popup-register-type span::after {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  border: 5px solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.popup-register-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.popup-register-form .popup-input {
  width: 100%;
}


.popup-register-policy {
  margin-top: 16px;
}

.popup-register-policy .checkbox-policy {
  margin-bottom: 12px;
  gap: 16px;
}

.popup-register-policy .checkbox__input {
  width: 24px;
}

.popup-register-policy .checkbox__label {
  font-size: 14px;
  line-height: 140%;
}

.popup-register-policy .checkbox__label::after {
  top: -4px;
  left: -40px;
  width: 24px;
  height: 24px;
  border-color: #BC1622;
}

.popup-register-policy .checkbox__input:checked + .checkbox__label::before {
  top: -4px;
  left: -40px;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background-size: 7px 6px;
}

.popup-register-policy .checkbox__label a {
  color: #BC1622;
  text-decoration: underline;
} 

.popup-register-required {
  margin: 0 0 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #33333399;
}

.popup-register-required span {
  color: #BC1622;
}

.popup-register-required::first-letter {
  color: #BC1622;
}

.popup-btn-register-submit {
  width: 100%;
  margin-top: 8px;
  background-color: #BC1622;
  color: #fff;
}

.popup-btn-register-submit:hover {
  background: #A0151F;
}

.popup-register-login-link {
  display: block;
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: 14px;
  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: 16px;
  transform: translateY(calc(-50% + 1.5px));
  font-weight: 400;
  font-size: 13px;
  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: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  margin-bottom: 80px; /* 5.55vw * 14.4 = 79.92 -> 80px */
  margin-top: 32px; /* 2.22vw * 14.4 = 31.96 -> 32px */
}

.breadcrumbs {
  display: flex;
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  align-items: center;
}

.breadcrumbs span {
  margin: 0;
  color: #AAAAAA;
  font-weight: 400;
  font-size: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  line-height: 130%;
  letter-spacing: 0%;
}

.breadcrumbs-link {
  margin: 0;
  text-decoration: none;
  color: #AAAAAA;
  font-weight: 400;
  font-size: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  line-height: 130%;
  letter-spacing: 0%;
}

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

.breadcrumbs-link_active {
  color: #333333;
  pointer-events: none;
  cursor: default;
}

.catalog-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.catalog-base {
  display: flex;
  align-items: center;
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  color: #333333;
  margin: 0;
  font-weight: 500;
  font-size: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  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: 20px; /* 1.38vw * 14.4 = 19.87 -> 20px */
  height: 20px; /* 1.38vw * 14.4 = 19.87 -> 20px */
  margin-top: -3px; /* -0.2vw * 14.4 = -2.88 -> -3px */
}

.catalog-container {
  display: grid;
  grid-template-columns: 233px 1187px; /* 16.18vw * 14.4 = 232.99 -> 233px, 65.76vw * 14.4 = 946.94 -> 947px */
  justify-content: space-between;
}

.catalog__nav {
  display: flex;
  flex-direction: column;
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  width: 233px; /* 16.18vw * 14.4 = 232.99 -> 233px */
  flex-shrink: 0;
}

.catalog__nav-link {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  padding: 11px 40px 8px 16px; /* 0.75vw * 14.4 = 10.8 -> 11px, 2.77vw * 14.4 = 39.88 -> 40px, 0.55vw * 14.4 = 7.92 -> 8px, 1.11vw * 14.4 = 15.98 -> 16px */
  width: 100%;
  border-radius: 5px; /* 0.34vw * 14.4 = 4.89 -> 5px */
  background: #F1F1F1;
  font-weight: 500;
  font-size: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
  cursor: pointer;
}

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

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

.catalog__nav-link span {
  position: absolute;
  top: 11px; /* 0.75vw * 14.4 = 10.8 -> 11px */
  right: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  width: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  height: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

.catalog__main-text {
  display: flex;
  width: 1187px; /* 65.76vw * 14.4 = 946.94 -> 947px */
  flex-direction: column;
  gap: 50px; /* 3.47vw * 14.4 = 49.96 -> 50px */
}

.catalog__main-products-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px; /* 0.69vw * 14.4 = 9.93 -> 10px */
}

.catalog__main-products-list-item {
  width: 189px; /* 10.38vw * 14.4 = 149.47 -> 149px */
  display: flex;
  height: 180px; /* 13.61vw * 14.4 = 195.98 -> 196px */
  flex-direction: column;
  box-sizing: border-box;
  padding: 12px 10px; /* 0.83vw * 14.4 = 11.95 -> 12px, 0.69vw * 14.4 = 9.93 -> 10px */
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  border-radius: 10px; /* 0.69vw * 14.4 = 9.93 -> 10px */
  background: #F1F1F1;
  align-items: flex-start;
}

.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: 120px; /* 8.33vw * 14.4 = 119.95 -> 120px */
}

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

.promo-catalog {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  height: 160px; /* 11.11vw * 14.4 = 159.98 -> 160px */
  padding: 48px 229px 48px 48px; /* 3.33vw * 14.4 = 47.95 -> 48px, 15.9vw * 14.4 = 228.96 -> 229px, 3.33vw * 14.4 = 47.95 -> 48px, 3.33vw * 14.4 = 47.95 -> 48px */
  border-radius: 10px; /* 0.69vw * 14.4 = 9.93 -> 10px */
  background: #333333;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
}

.hero-catalog-title {
  margin: 0;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 32px; /* 2.22vw * 14.4 = 31.96 -> 32px */
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
}

.promo-catalog-title {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
}

.promo-catalog-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 586px; /* 40.69vw * 14.4 = 585.93 -> 586px */
}

.promo-catalog-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 448px; /* 31.11vw * 14.4 = 447.98 -> 448px */
  height: 160px; /* 11.11vw * 14.4 = 159.98 -> 160px */
  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: 20px; /* 1.38vw * 14.4 = 19.87 -> 20px */
}

.catalog-text-seo {
  margin: 0;
  color: #0E0E0E;
  font-weight: 700;
  font-size: 24px; /* 1.66vw * 14.4 = 23.90 -> 24px */
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-text-desc {
  margin: 0;
  color: #0E0E0E;
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 140%;
  letter-spacing: 0%;
}

.catalog-text-container {
  display: flex;
  flex-direction: column;
  gap: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

.catalog-text-title {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 22px; /* 1.52vw * 14.4 = 21.88 -> 22px */
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-text-subtitle {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 18px; /* 1.25vw * 14.4 = 18px */
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-text-more {
  margin: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px; /* 0.97vw * 14.4 = 13.96 -> 14px */
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
}

.catalog-text-more:hover {
  color: #ED2039;
}

.catalog-text-more:hover path {
  fill: #ED2039;
}

.catalog-text-more svg {
  width: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  height: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  margin-top: -3px; /* -0.2vw * 14.4 = -2.88 -> -3px */
}

/* CATALOG STEP 2 */

.products-catalog-widgets {
  justify-content: flex-start;
}

.catalog-product-outcome {
  margin: 0;
  color: #2C3439;
  font-weight: 400;
  font-size: 13px; /* 0.9vw * 14.4 = 12.96 -> 13px */
  line-height: 130%;
  letter-spacing: 0%;
}

.products-catalog-widgets .personal-favorite-filter {
  margin-left: auto;
  margin-right: 40px; /* 2.77vw * 14.4 = 39.88 -> 40px */
}

.catalog-categories {
  display: flex;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.catalog-category-link {
  display: flex;
  flex-direction: column;
  gap: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  box-sizing: border-box;
  border-radius: 10px; /* 0.69vw * 14.4 = 9.93 -> 10px */
  width: 164px; /* 11.38vw * 14.4 = 163.87 -> 164px */
  height: 160px; /* 11.11vw * 14.4 = 159.98 -> 160px */
  background: #F1F1F1;
  padding: 12px 10px; /* 0.83vw * 14.4 = 11.95 -> 12px, 0.69vw * 14.4 = 9.93 -> 10px */
  cursor: pointer;
}

.catalog-category-link .subdesc {
  color: #333333;
  text-align: center;
}

.catalog-category-link:hover .subdesc {
  color: #BC1622;
}

.catalog-category-img {
  width: 100%;
  height: 101px; /* 6.99vw * 14.4 = 100.65 -> 101px */
}

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

.catalog-examples {
  display: flex;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
  padding: 12px 0; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

.catalog-examples-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px 6px 12px; /* 0.616vw * 14.4 = 8.87 -> 9px, 0.83vw * 14.4 = 11.95 -> 12px, 0.416vw * 14.4 = 5.99 -> 6px, 0.83vw * 14.4 = 11.95 -> 12px */
  border-radius: 5px; /* 0.34vw * 14.4 = 4.89 -> 5px */
  background: #F1F1F1;
  cursor: pointer;
}

.catalog-examples-link:hover {
  color: #BC1622;
}

.catalog__filters {
  width: 233px; /* 16.18vw * 14.4 = 232.99 -> 233px */
  display: flex;
  flex-direction: column;
  gap: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

.catalog__filters-title {
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 18px; /* 1.25vw * 14.4 = 18px */
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.catalog__filters-box {
  display: flex;
  flex-direction: column;
  gap: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  width: 100%;
  padding-bottom: 20px; /* 1.38vw * 14.4 = 19.87 -> 20px */
  border-bottom: 1px solid #0000001A;
}

.catalog__filters-desc {
  margin: 0;
  color: #333333;
  font-weight: 400;
  font-size: 13px; /* 0.9vw * 14.4 = 12.96 -> 13px */
  line-height: 130%;
  letter-spacing: 0%;
}

.gray {
  color: #333333CC;
}

.catalog__filters-list {
  display: flex;
  flex-direction: column;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
  box-sizing: border-box;
  width: 100%;
  padding: 8px 20px; /* 0.55vw * 14.4 = 7.92 -> 8px, 1.38vw * 14.4 = 19.87 -> 20px */
}

.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: 12px 0; /* 0.83vw * 14.4 = 11.95 -> 12px */
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.catalog__filters-checkbox {
  display: flex;
  align-items: center;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.catalog__filters-checkbox-label {
  margin-top: 4px; /* 0.3vw * 14.4 = 4.32 -> 4px */
}

/* CHECKBOX BOX */

.catalog__filters-checkbox-input {
  opacity: 0;
  width: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  flex-shrink: 0;
  cursor: pointer;
}

.catalog__filters-checkbox-input:checked+.catalog__filters-checkbox-label::before {
  position: absolute;
  top: -1px; /* -0.1vw * 14.4 = -1.44 -> -1px */
  left: -24px; /* -1.66vw * 14.4 = -23.90 -> -24px */
  width: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  height: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  content: '';
  background-color: #BC1622;
  border-radius: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 8px 6px; /* 0.59vw * 14.4 = 8.49 -> 8px, 0.45vw * 14.4 = 6.48 -> 6px */
  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: -1px; /* -0.1vw * 14.4 = -1.44 -> -1px */
  left: -24px; /* -1.66vw * 14.4 = -23.90 -> -24px */
  width: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  height: 16px; /* 1.11vw * 14.4 = 15.98 -> 16px */
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  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: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
  color: #333;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px; /* 0.9vw * 14.4 = 12.96 -> 13px */
  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: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  height: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  margin-top: -4px; /* -0.3vw * 14.4 = -4.32 -> -4px */
}

.catalog__filters-brands {
  display: flex;
  flex-direction: column;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
  padding: 8px 0; /* 0.55vw * 14.4 = 7.92 -> 8px */
  box-sizing: border-box;
  width: 100%;
}

.catalog__filters-brands-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.catalog__filters-brands-link {
  margin: 0;
  box-sizing: border-box;
  padding: 3px 12px 0 12px; /* 0.2vw * 14.4 = 2.88 -> 3px, 0.83vw * 14.4 = 11.95 -> 12px */
  display: flex;
  height: 29px; /* 2.01vw * 14.4 = 28.94 -> 29px */
  align-items: center;
  color: #333333;
  border-radius: 5px; /* 0.34vw * 14.4 = 4.89 -> 5px */
  background: #F1F1F1;
  font-weight: 400;
  font-size: 13px; /* 0.9vw * 14.4 = 12.96 -> 13px */
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

.catalog__filters-brands-link:hover {
  color: #BC1622;
}

.catalog__filters-more {
  margin: 0;
  margin-top: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  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: 4px; /* 0.27vw * 14.4 = 3.88 -> 4px */
  position: relative;
  margin-bottom: 8px; /* 0.55vw * 14.4 = 7.92 -> 8px */
}

.range-slider.dragging {
  cursor: ew-resize;
}

.range-titles {
  width: 100%;
  display: flex;
  gap: 129px; /* 8.95vw * 14.4 = 128.88 -> 129px */
  margin-top: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

.range-slider>input {
  width: 88px; /* 6.11vw * 14.4 = 87.98 -> 88px */
  height: 32px; /* 2.22vw * 14.4 = 31.96 -> 32px */
  outline: none;
  border-radius: 6px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  padding-left: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
  color: rgba(44, 52, 57, 1);
  font-weight: 400;
  font-size: 13px; /* 0.9vw * 14.4 = 12.96 -> 13px */
  line-height: 100%;
  background-color: transparent;
  position: relative;
}

.range {
  width: 100%;
  display: grid;
  position: relative;
  z-index: 5;
  margin-top: 12px; /* 0.83vw * 14.4 = 11.95 -> 12px */
}

.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: 20px; /* 1.38vw * 14.4 = 19.87 -> 20px */
  height: 20px; /* 1.38vw * 14.4 = 19.87 -> 20px */
  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: 99px; /* 6.9vw * 14.4 = 99.36 -> 99px */
  overflow: visible;
  z-index: -1;
}

.progress {
  position: absolute;
  height: 100%;
  background: #BC1622;
  cursor: ew-resize;
}

/* LEGAL */

.legal-hero {
  padding: 39px 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}

.legal-hero .container::after {
  position: absolute;
  content: '';
  top: -39px;
  right: -76px;
  width: 1035px;
  height: 400px;
  background: linear-gradient(89.74deg, #333333 8.86%, rgba(#333333, 0.673077) 48.11%, rgba(#333333, 0) 99.8%);
  z-index: -1;
}

.legal-hero-img {
  position: absolute;
  top: -39px;
  right: calc((100vw - 1440px) / -2);
  z-index: 1;
  width: 1070px;
  height: 400px;
  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: 8px;
}

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

.legal-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  max-width: 678px;
}

.legal-hero-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 10px 12px;
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #333333;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.legal-hero-box .icon-svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #333333;
}

.legal-hero-box p {
  margin: 0;
  padding-top: 3px;
}

.legal-hero-text {
  display: flex;
  flex-direction: column;
  width: 495px;
  gap: 12px;
  margin-top: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.legal-hero-text p {
    margin: 0;
}

.legal-hero-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}

.legal-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  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: 80px;
  background-color: #F1F1F1;
}

.legal-conditions .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.legal-conditions-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.legal-conditions-box {
  width: 280px;
  height: 136px;
  display: flex;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  padding: 23px 20px 0 54px;
  gap: 7px;
  border-radius: 10px;
  background: #FFFFFF;
}

.legal-conditions-box svg {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
}

  .legal-gift {
    padding: 40px 0;
    background-color: #F1F1F1;
}

.legal-gift-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 40px 56px 40px 56px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px;
    overflow: hidden;
}

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

.legal-gift-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 12px;
}

.legal-gift-hero .title {
    margin-top: 7px;
    z-index: 2;
}

.legal-gift-desc {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #333;
    z-index: 2;
}

.legal-gift-hero .legal-gift-desc {
    max-width: 702px;
}

.legal-gift-btns {
    display: flex;
    gap: 10px;
}

.legal-gift-btn {
    border: none;
    outline: none;
    margin-top: 20px;
    padding: 0 32px;
    width: fit-content;
    height: 46px;
    border-radius: 5px;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    cursor: pointer;
}

.legal-gift-btn-gray {
    background-color: #F1F1F1;
    color: #333333;
}

.legal-gift-hero-img {
    position: absolute;
    top: -40px;
    right: -56px;
    z-index: 1;
    width: 683px;
    height: 329px;
}

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

.legal-gift-includes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1;
    margin-top: -20px;
}

.legal-gift-includes-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.legal-gift-includes-box {
    width: 436px;
    height: 66px;
    box-sizing: border-box;
    padding: 16px 20px;
    display: flex;
    gap: 8px;
    border-radius: 10px;
    background: #F1F1F1;
}

.legal-gift-includes-box p {
    font-weight: 500;
}

.legal-gift-includes-box svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.legal-gift-includes-box:nth-last-child(n+4) {
    height: 83px;
}

.legal-gift-conditions {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.legal-gift-conditions-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.legal-gift-conditions-box {
    position: relative;
    box-sizing: border-box;
    width: 324.5px;
    height: 163px;
    padding: 20px 16px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 10px;
    background-color: #F1F1F1;
}

.legal-gift-conditions-box svg {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 60px;
    height: 60px;
}

.legal-subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
}

.legal-gift-steps {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.legal-gift-steps-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.legal-gift-steps-box {
    position: relative;
    box-sizing: border-box;
    width: 324px;
    height: 156px;
    padding: 24px;
    border-radius: 10px;
    background: #F1F1F1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.legal-gift-steps-num {
    margin: 0;
    margin-top: auto;
    text-align: right;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    color: #AAAAAA;
}

.legal-control {
    padding: 66px 0 67px 0;
    overflow: hidden;
}

.legal-control .container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.legal-control .title {
    max-width: 500px;
    margin: 6px 0;
}

.legal-control-list {
    max-width: 500px;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
}

.legal-control-btns {
    display: flex;
    gap: 10px;
}

.legal-control-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    height: 46px;
    padding: 0 32px;

    margin-top: 12px;

    border: none;
    border-radius: 5px;
    outline: none;

    background: #BC1622;
    color: #fff;

    font-weight: 500;
    font-size: 18px;
    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: -63px;
    right: -25px;

    width: 724px;
    height: 372px;
}

.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: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #333333;
  }

  .main-form-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 28px 0 25px 0;
    list-style: none;
    padding-left: 0;
  }

  .main-form-list-el {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .main-form-list-el svg {
    margin-top: -3px;
  }

  .contacts-form-phone {
    font-size: 18px;
    margin: 0 0 24px 0;
  }

  .contacts-form-links {
    gap: 8px;
  }

  .contacts-form-links .main-form-link svg {
    width: 40px;
    height: 40px;
  }


  @keyframes loadingAnimation {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.pc {
  display: none !important;
}

.pc-1440 {
  display: flex !important;
}


/* ===== СТИЛИ ДЛЯ СТРАНИЦ РАЗДЕЛА "О НАС" ===== */
/* Дополнительные стили для страниц: О нас, Партнеры, Бренды,
   Сертификаты, Правовая информация, Реквизиты, Контакты, Сервис и поддержка */

/* --- sections.css правила --- */

.brands-products .products-box {
  width: 233px;
}

.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: 10px;
  grid-template-columns: repeat(6,1fr);
}

.partners-solutions-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.partners-solution {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: .75rem;
  display: flex;
  height: 113px;
  justify-content: center;
  overflow: hidden;
}

.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: 8px;
}

.our-partners-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}

.our-partners-card {
  background-color: #fff;
  border-radius: .75rem;
  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: .75rem .75rem 0 0;
  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: 8px;
  padding: 16px 8px 0;
}

.our-partners-card-title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.our-partners-card-desc {
  color: #333;
  font-size: 12px;
  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: 20px;
}

.about-step {
  align-items: flex-start;
  background-color: #f1f1f1;
  border-radius: .75rem;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-height: 114px;
  padding: 20px;
}

.about-step-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.about-step-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.about-step-desc,.about-step-title {
  color: #333;
  letter-spacing: 0;
  margin: 0;
}

.about-step-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
}

.about-step-num {
  align-self: flex-end;
  color: #aaa;
  flex-shrink: 0;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin-top: auto;
}

.about-steps-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}

.about-steps-grid-5 {
  grid-template-columns: repeat(5,1fr);
}

.about-steps-grid-5 .about-step {
  flex-direction: column;
}

.about-requisites {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-requisites-table {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}

.about-requisites-row {
  align-items: flex-start;
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  display: flex;
  gap: 24px;
  min-height: 36px;
  padding: 8px 12px;
}

.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 452px;
}

.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: 14px;
  font-weight: 400;
  gap: 8px;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-requisites-download .icon-svg {
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.about-projects {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-projects-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.about-projects-list {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}

.about-projects-box {
  border-radius: 10px;
  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: 4px;
  padding: 16px;
}

.about-projects-box-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

.about-projects-box-desc {
  color: rgba(51,51,51,.8);
  font-size: 12px;
  line-height: 1.3;
}

.about-projects-box-link {
  align-items: center;
  color: #bc1622;
  display: flex;
  font-size: 14px;
  gap: 4px;
  margin-top: auto;
  text-decoration: none;
  transition: color .2s linear;
}

.about-projects-box-link .icon-svg {
  height: 1ex;
  width: 1ex;
}

.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: 5px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin-top: 24px;
  min-height: 43px;
  padding: 12px 20px;
  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: 5px;
  grid-template-columns: repeat(5,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: 40px;
  margin-bottom: 40px;
  width: 1186px;
}

.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;
}

.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: top right;
  object-position: top right;
  width: 100%;
}

.about-information-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5,1fr);
  position: relative;
  z-index: 2;
}

.about-information-list--3 {
  grid-template-columns: repeat(3,1fr);
}

.about-information-box {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 10px;
  color: #333;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 130%;
  min-height: 48px;
  padding: 8px 16px;
  padding-top: 12px;
  box-sizing: border-box;
  position: relative;
}

.about-information-box svg {
  width: 32px;
  height: 32px;
}

.about-information-box-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.about-information-box-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}

.about-information-box-desc {
  font-size: 11px;
  line-height: 1.1;
}

.about-information-box-icon {
  display: block;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.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: 270px;
  height: 46px;
  border-radius: 5px;
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  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: 20px;
}

.about-how-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}

.about-how-grid--3 {
  grid-template-columns: repeat(3,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: 10px;
  display: flex;
  gap: 8px;
  min-height: 48px;
  padding: 12px 16px;
  box-sizing: border-box;
}

.main-form--inner-white {
  background: #fff;
  padding: 0;
}

.main-form--inner-white .container {
  width: 100%;
}

.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: 77.22%;
}

.about-hero {
  align-items: center;
  background-color: #333;
  border-radius: .75rem;
  display: flex;
  min-height: 301px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.about-hero__picture {
  inset: 0;
  position: absolute;
  z-index: 0;
}

.about-hero__picture,.about-hero__picture img {
  display: block;
  height: 100%;
  width: 100%;
}

.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;
  gap: 38px;
  padding: 34px 0 34px 40px;
  position: relative;
  width: 600px;
  z-index: 1;
}

.about-hero__info {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.about-hero__title {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-hero__suptitle {
  font-size: 11px;
}

.about-hero__subtitle {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-hero__desc {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  gap: 1ex;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-hero__desc>* {
  margin: 0;
}

.about-hero__btn {
  align-items: center;
  background-color: #bc1622;
  border: none;
  border-radius: .25rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 20px;
  transition: background-color .2s ease;
  width: 270px;
}

.about-hero:has(.about-hero__container) {
  border-radius: 0!important;
}

.about-hero__container {
  padding: 0;
}

.about-hero__container .about-hero__inner {
  padding-bottom: 54px;
  padding-left: 0;
  padding-top: 54px;
}

.about-help {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-help-items {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}

.about-help-item {
  background-color: #f1f1f1;
  border-radius: 10px;
  color: #333;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
  justify-content: space-between;
  padding: 20px;
  box-sizing: border-box;
}

.about-help-item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.about-help-item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.about-help-item-desc {
  font-size: 13px;
  line-height: 1.3;
}

.about-help-item-icon {
  align-self: flex-end;
  flex-shrink: 0;
  height: 60px;
  width: 60px;
}

.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: 20px;
}

.about-documents-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2,1fr);
}

.about-documents-doc-card {
  background-color: #f1f1f1;
  border-radius: .75rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 130px;
  padding: 20px;
}

.about-documents-doc-top {
  align-items: flex-start;
  display: flex;
  gap: 20px;
}

.about-documents-doc-icon {
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.about-documents-doc-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.about-documents-doc-title {
  color: #333;
  font-size: 18px;
  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 24px;
  padding-top: 12px;
}

.about-documents-doc-link {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  gap: 8px;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-documents-doc-link .icon-svg {
  flex-shrink: 0;
  height: 14px;
  width: 14px;
}

.about-documents-doc-link .icon-svg.icon-arrow-top-right {
  height: 8px;
  width: 8px;
}

.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(4,1fr);
}

.about-decisions-box {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  text-decoration: none;
  height: 201px;
  position: relative;
  box-sizing: border-box;
}

.about-decisions-box svg:not(.icon-arrow-top-right) {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.about-decisions-box-head {
  align-items: flex-start;
  display: flex;
  font-size: 16px;
  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: 13px;
  line-height: 1.3;
}

.about-decisions-box-link {
  align-items: center;
  color: #bc1622;
  display: flex;
  font-size: 14px;
  gap: 4px;
  transition: color .2s linear;
}

.about-decisions-box-link>.icon-svg {
  height: 8px;
  width: 8px;
}

.about-cta {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
}

.about-cta-text {
  display: flex;
  flex: 0 0 540px;
  flex-direction: column;
  gap: 8px;
}

.about-cta-title {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-cta-buttons {
  display: flex;
  gap: 8px;
}

.about-cta-btn {
  align-items: center;
  border: none;
  border-radius: .25rem;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 20px;
  text-decoration: none;
  transition: background-color .2s ease;
  width: 270px;
}

.about-cta-btn_light {
  background-color: #f1f1f1;
  color: #333;
}

.about-cta-btn_primary {
  background-color: #bc1622;
  color: #fff;
}

.about-contacts-cards {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3,1fr);
}

.about-contacts-card {
  background-color: #f1f1f1;
  border-radius: .75rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 92px;
  padding: 16px;
}

.about-contacts-card-label {
  color: #333;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-contacts-card-value {
  color: #333;
  font-size: 16px;
  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: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-certificates-docs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-certificates-docs-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.about-certificates-docs-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2,1fr);
}

.about-certificates-doc-card {
  align-items: stretch;
  background-color: #f1f1f1;
  border-radius: .75rem;
  box-sizing: border-box;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-height: 188px;
  padding: 20px;
}

.about-certificates-doc-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.about-certificates-doc-title {
  color: #333;
  font-size: 18px;
  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: 20px 8px;
  grid-template-columns: repeat(6,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: .75rem .75rem 0 0;
  display: flex;
  height: 119px;
  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: 4px;
  padding: 8px 12px;
}

.about-brands-list-card-title {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-brands-list-card-desc {
  color: rgba(51,51,51,.8);
  font-size: 11px;
  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: center;
  min-height: 160px;
  overflow: hidden;
  padding: 42px;
  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: 93px 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}

.prof-hero-img {
  position: absolute;
  top: -93px;
  right: calc((100vw - 1440px) / -2);
  z-index: 1;
  width: 1070px;
  height: 400px;
  z-index: -1;
}

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

.prof-hero .container {
  z-index: 2;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 8px;
}

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

.prof-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  max-width: 678px;
}

.prof-hero-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 10px 12px;
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #333333;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}


.prof-hero-text {
  display: flex;
  flex-direction: column;
  width: 728px;
  gap: 48px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.hero-subdesc {
  margin: 0;
  color: #fff;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
}

.prof-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}   

.prof-hero-btn:hover {
  background: #A0151F;
}


.prof-tasks {
  padding: 40px 0;
  background-color: #F1F1F1;
}

.prof-tasks-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 40px 56px 52px 56px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px;
    overflow: hidden;
}

.prof-tasks-container .main-form-title {
    color: #0E0E0E;
}

.prof-tasks-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 12px;
}

.prof-tasks-hero .title {
    margin-top: 7px;
    z-index: 2;
    max-width: 687px;
}

.prof-tasks-desc {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #333;
    z-index: 2;
}

.prof-tasks-desc span {
  font-weight: 500;
}

.prof-tasks-hero .prof-tasks-desc {
    max-width: 687px;
}

.prof-tasks-btn {
    border: none;
    outline: none;
    margin-top: 20px;
    padding: 0 32px;
    width: fit-content;
    height: 46px;
    border-radius: 5px;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    cursor: pointer;
}

.prof-tasks-hero-img {
    position: absolute;
    top: -40px;
    right: -56px;
    z-index: 1;
    width: 683px;
    height: 329px;
}

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

.prof-tasks-conditions {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.prof-tasks-conditions-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.prof-tasks-conditions-box {
    position: relative;
    box-sizing: border-box;
    width: 436px;
    height: 161px;
    padding: 20px 16px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 10px;
    background-color: #F1F1F1;
}

.prof-tasks-conditions-box svg {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 32px;
    height: 32px;
}

.legal-subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
}

.prof-tasks-conditions-box .desc {
  font-size: 14px;
}

.prof-promo {
  margin: 40px 0;
}

.prof-promo .container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 48px;
  height: 160px;
  background: #333333;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.prof-promo .title {
  color: #fff;
  max-width: 756px;
}

.prof-promo-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 508px;
  height: 160px;
}

.prof-promo-img img {
  width: 100%;
  height: 100%;
}

.prof-select {
  padding-bottom: 40px;
}

.prof-select .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.prof-select-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.prof-select-box {
  width: 280px;
  height: 174px;
  display: flex;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  gap: 4px;
  border-radius: 10px;
  background: #F1F1F1;
}

.prof-select-box svg {
  position: absolute;
  bottom: 16px;
  right: 20px;
  width: 60px;
  height: 60px;
}

.prof-manager {
  padding-top: 40px;
  background: #F1F1F1;
}

.prof-manager .container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  height: 338px;
  padding: 40px 56px;
  position: relative;
}

.prof-manager-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 595px;
  height: 100%;
}

.prof-manager-img img {
  width: 100%;
  height: 100%;
}

.prof-manager ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.prof-manager li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.prof-manager svg {
  margin-top: -3px;
}

.prof-manager-desc {
  margin: 0;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

/* OFFERS */

.offers-hero {
  padding: 82px 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.offers-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 958px;
  height: 400px;
  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-hero-img {
  position: absolute;
  top: -82px;
  right: calc((100vw - 1440px) / -2);
  z-index: 1;
  width: 1070px;
  height: 400px;
  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: 12px;
}

.offers-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

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

.offers-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  max-width: 586px;
}

.offers-hero-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 10px 12px;
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #333333;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}


.offers-hero-text {
  display: flex;
  flex-direction: column;
  width: 586px;
  gap: 36px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.offers-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}   

.offers-hero-btn:hover {
  background: #A0151F;
}

.offers-tasks {
  padding: 40px 0;
  background-color: #F1F1F1;
  margin-top: 40px;
}

.offers-tasks-container {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 40px 56px 52px 56px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px;
    overflow: hidden;
}

.offers-tasks-container .main-form-title {
    color: #0E0E0E;
}

.offers-tasks-hero {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 12px;
}

.offers-tasks-hero .title {
    margin-top: 7px;
    z-index: 2;
    max-width: 687px;
}

.offers-tasks-desc {
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #333;
    z-index: 2;
}

.offers-tasks-desc span {
  font-weight: 500;
}

.offers-tasks-hero .offers-tasks-desc {
    max-width: 687px;
}

.offers-tasks-btn {
    border: none;
    outline: none;
    margin-top: 20px;
    padding: 0 32px;
    width: fit-content;
    height: 46px;
    border-radius: 5px;
    background-color: #BC1622;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    cursor: pointer;
}

.offers-tasks-hero-img {
    position: absolute;
    top: -40px;
    right: -56px;
    z-index: 0;
    width: 697px;
    height: 421px;
}

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

.offers-gift-steps {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.offers-gift-steps-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.offers-gift-steps-box {
    position: relative;
    box-sizing: border-box;
    width: 324px;
    height: 115px;
    padding: 16px 20px;
    border-radius: 10px;
    background: #F1F1F1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.offers-gift-steps-num {
    margin: 0;
    margin-top: auto;
    text-align: right;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    color: #AAAAAA;
}

.offers-banner {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  background: #333;
  padding-left: 48px;
  height: 160px;
}

.offers-banner .title {
  color: #fff;
  max-width: 580px;
  z-index: 2;
}

.offers-banner-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 586px;
  height: 160px;
}

.offers-banner-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 448px;
  height: 160px;
  content: '';
  background: linear-gradient(89.74deg, #333333 0.25%, rgba(115, 115, 115, 0) 99.8%);
}

.offers-banner-img img {
  width: 100%;
  height: 100%;
}

.offers-cta {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
}

.offers-cta-text {
  display: flex;
  flex: 0 0 540px;
  flex-direction: column;
  gap: 8px;
}

.offers-cta-title {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.offers-cta-buttons {
  display: flex;
  gap: 8px;
}

.offers-cta-btn {
  align-items: center;
  border: none;
  border-radius: .25rem;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  height: 46px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 20px;
  text-decoration: none;
  transition: background-color .2s ease;
  width: 270px;
}

.offers-cta-btn_light {
  background-color: #f1f1f1;
  color: #333;
}

.offers-cta-btn_primary {
  background-color: #bc1622;
  color: #fff;
}

.offers-popular {
  margin: 40px 0;
}

.offers-popular .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.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: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BC1622;
  cursor: pointer;
}

.offers-popular-container {
  width: 100%;
  display: flex;
}

.offers-popular-container .swiper-wrapper {
  width: 100%;
  display: flex;
}

.offers-popular-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 10px;
  width: 352px;
  height: 180px;
  overflow: hidden;
  padding: 16px 20px;
  background: #F1F1F1;
  margin-right: 10px;
  position: relative;
  gap: 8px;
}

.offers-popular-discount {
  position: absolute;
  top: 0;
  right: 0;
  width: fit-content;
  box-sizing: border-box;
  padding: 0 12px;
  height: 29px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: #fff;
  border-radius: 100px 0 0 100px;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
}

.offers-popular-box .products-price {
  max-width: 126px;
}

.offers-popular-price {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.offers-popular-price span {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  text-decoration: line-through;
  color: #AAAAAA;
}

.offers-popular-price p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #333;
}

.offers-popular-btn {
  margin-top: auto;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  flex-shrink: 0;
  padding: 0 16px;
  cursor: pointer;
}

.offers-popular-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 125px;
  height: 100px;
}

.offers-popular-img img {
  width: 100%;
  height: 100%;
}

.offers-catalog .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.offers-catalog-nav {
  display: flex;
  overflow: hidden;
  background: #3333330D;
  border-radius: 100px;
  height: 41px;
  width: fit-content;
}

.offers-catalog-nav-link {
  margin: 0;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #333;
  padding: 0 20px;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 100px;
  overflow: hidden;
}

.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: 14px;
  line-height: 100%;
  color: #fff;
}

.offers-catalog-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.offers-catalog-box {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  width: 715px;
  height: 179px;
  overflow: hidden;
  border-radius: 10px;
  background: #F1F1F1;
  padding: 16px;
  gap: 8px;
}

.offers-catalog-widget {
  position: absolute;
  top: 0;
  right: 0;
  height: 29px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 16px;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
  border-radius: 100px 0 0 100px;
}

.offers-catalog-widget svg {
  margin-top: -3px;
}

.offers-catalog-title {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #333;
}

.offers-catalog-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #333333CC;
}

.offers-catalog-discount {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}

.offers-catalog-discount-percent {
  display: flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);
  background-clip: text;
  color: transparent;
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.offers-catalog-discount-date {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 23px;
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  padding: 0 13px;
  border-radius: 100px;
  background: #FFFFFF;
  color: #333333CC;
}

.offers-catalog-btn {
  margin-top: 8px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333333;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  flex-shrink: 0;
  padding: 0 16px;
  cursor: pointer;
}

.offers-catalog-img {
  width: 301px;
  height: 179px;
  position: absolute;
  top: 0;
  right: 0;
}

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

/* OFFERS PAGE */

.offers-page-hero {
  padding: 50px 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.offers-page-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 958px;
  height: 400px;
  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: -50px;
  right: calc((100vw - 1440px) / -2);
  z-index: 1;
  width: 1070px;
  height: 400px;
  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: 12px;
}

.offers-page-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.offers-page-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.offers-page-hero-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  max-width: 586px;
}

.offers-page-hero-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 10px 12px;
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #333333;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}


.offers-page-hero-text {
  display: flex;
  flex-direction: column;
  width: 586px;
  gap: 24px;
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.offer-page-hero-discount {
  display: flex;
  gap: 12px;
  box-sizing: border-box;
  height: 37px;
  align-items: center;
  border-radius: 100px;
  padding: 0 4px 0 12px;
  background: #FFFFFF;
  width: fit-content;
}

.offers-page-hero-discount-percent {
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  background: linear-gradient(274.32deg, #ED2039 2.3%, #BC1622 94.86%);  
  background-clip: text;
  color: transparent;
}

.offers-page-hero-discount-percent svg {
  margin-top: -3px;
}

.offers-page-hero-discount-date {
  margin: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 29px;
  padding: 0 20px;
  border-radius: 100px;
  background: #333333;
  color: #fff;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
}

.offers-page-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 8px;
}   

.offers-page-hero-btn:hover {
  background: #A0151F;
}

.offers-page-include {
  margin-top: 40px;
}

.offers-page-include .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.offers-page-include-container {
  display: flex;
  justify-content: space-between;
}

.offers-page-include-box {
  width: 352px;
  height: 72px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 24px;
  justify-content: space-between;
  border-radius: 10px;
  background-color: #F1F1F1;
}

.offers-page-include-box p {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #0E0E0E;
}

.offers-page-suits {
  margin-top: 80px;
}

.offers-page-gift-includes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1;
}

.offers-page-gift-includes-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.offers-page-gift-includes-box {
    width: 324px;
    height: 56px;
    box-sizing: border-box;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    background: #F1F1F1;
}

.offers-page-gift-includes-box p {
  font-size: 14px;
}

.offers-page-gift-includes-box svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: -3px;
}

.offers-page-apply {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.offers-page-apply-desc {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333;
  max-width: 681px;
}

.offers-page-apply-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}

.offers-page-apply-img {
  width: 324px;
  height: 244px;
  border-radius: 10px;
  overflow: hidden;
}

.offers-page-apply-img img {
  width: 100%;
  height: 100%;
}

.offers-page-form {
  display: flex;
  justify-content: space-between;
}

.offers-page-form .contacts-form-phone {
  margin-top: 71px;
  margin-bottom: 17px;
}

.offers-page-form .form-desc {
  margin-top: -17px;
}


/* PAYMENT */

.payment__main {
  margin-top: 25px;
  margin-bottom: 16px;
}

.payment__main .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.payment__main .title {
  margin-bottom: 16px;
}

.payment__main-container {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.payment__main-box {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  border-radius: 5px;
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 16px 24px;
  cursor: pointer;
}

.payment-desc {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #2C3439;
}

.payment-arrow {
  position: absolute;
  top: 17.5px;
  right: 24px;
  transform: rotate(0deg);
  transition: all 0.2s linear;
}

.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: 12px;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0s linear;
  margin-top: -10px;
}

.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: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 0;
}

.payment-content h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  margin-top: 12px;
}

.payment-content ul {
  margin: 0;
  padding-left: 22px;
}

.payment-content li {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

.payment-content span {
  font-weight: 500;
}

.projects-page {
  margin: 40px 0;
}

.projects-page .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.projects-page-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.projects-page-box {
  width: 352px;
  height: 333px;
  box-sizing: border-box;
  position: relative;
  padding: 206px 16px 16px 16px;
  border-radius: 10px;
  background: #F0F0F0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.projects-page-img {
  width: 100%;
  height: 190px;
  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: 16px;
  line-height: 100%;
  color: #333333;
}

.projects-page-box p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #333333CC;
}

.projects-page-box .projects-page-box-link {
  margin: 0;
  margin-top: auto;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BC1622;
  gap: 4px;
}

.projects-page-box .projects-page-box a {
  margin: 0;
  margin-top: auto;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BC1622;
  gap: 4px;
}

.projects-page-box a svg {
  margin-top: -2px;
}

.projects-page-btn {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 43px;
  padding: 0 20px;
  border-radius: 5px;
  background: #333333;
  color: #fff;
  margin: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  border: none;
  cursor: pointer;
}

.projects-page-btn:hover {
  background-color: #0E0E0E;
}


.projects-page-hero {
  padding: 59px 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.projects-page-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 958px;
  height: 400px;
  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;
}

.projects-page-hero-img {
  position: absolute;
  top: -59px;
  right: calc((100vw - 1440px) / -2);
  z-index: 1;
  width: 1070px;
  height: 400px;
  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: 12px;
}

.projects-page-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.projects-page-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}


.projects-page-hero-text {
  display: flex;
  flex-direction: column;
  width: 586px;
  gap: 48px;
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.projects-page-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 8px;
}   

.projects-page-hero-btn:hover {
  background: #A0151F;
}

.projects-tasks-hero .offers-tasks-desc {
  max-width: 523px;
}

.projects-gift-steps-box {
  height: 149px;
}

.projects-gift-steps-box svg {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 16px;
  bottom: 16px;
}

.projects-banner {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 32px;
  gap: 12px;
}

.projects-banner .title {
  max-width: 751px;
}

.projects-banner .desc {
  font-size: 14px;
  color: #fff;
  max-width: 544px;
}

/* PRESS */

.press-page-hero {
  padding: 82px 0;
  background-color: #333333;
  color: #fff;
  overflow: hidden;
}


.press-page-hero-img::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 958px;
  height: 400px;
  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: -82px;
  right: calc((100vw - 1440px) / -2);
  z-index: 1;
  width: 1070px;
  height: 400px;
  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: 12px;
}

.press-page-hero .hero-title {
  margin: 0;
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.press-page-hero .hero-desc {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}


.press-page-hero-text {
  display: flex;
  flex-direction: column;
  width: 586px;
  gap: 48px;
  margin-top: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.press-page-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 8px;
}   

.press-page-hero-btn:hover {
  background: #A0151F;
}

.press-gift-steps-container {

}

.press-gift-steps-box {
  height: 72px;
  width: 257px;
}

.press-gift-steps-box svg {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 16px;
  top: 16px;
}

.press-banner .title {
  max-width: 720px;
}

.press-catalog {
  margin-top: 40px;
}

.press-catalog .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.press-catalog-nav {
  box-sizing: border-box;
  overflow: hidden;
  height: 41px;
  display: flex;
  width: fit-content;
  padding-right: 12px;
  border-radius: 100px;
  background-color: #3333330D;
}

.press-catalog-nav-link {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: #333333;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  border-radius: 100px;
  cursor: pointer;
}

.press-catalog-nav-link_active {
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
}

.press-catalog-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.press-catalog-box {
  width: 473px;
  height: 188px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  background-color: #F1F1F1;
  gap: 8px;
}

.press-catalog-widget {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 22px;
  padding: 0 12px;
  padding-top: 2.5px;
  color: #333333;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  background-color: #FFFFFF;
  border-radius: 100px;
}

.press-catalog-date {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.press-catalog-title {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  max-width: 267px;
}

.press-catalog-desc {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
  max-width: 267px;
}

.press-catalog-link {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
}

.press-catalog-link svg {
  margin-top: -2.5px;
}

.press-catalog-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 174px;
}

.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: 220px;
}

.press-catalog-box-offer-row {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 4px;
  border-radius: 100px;
  background-color: #fff;
  gap: 16px;
  margin-top: 17px;
}

.press-page-hero-discount-percent {
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #BC1622 !important;
}

.press-page-hero-discount-percent svg {
  margin-top: -2px;
  width: 16px;
  height: 16px;
}

.press-page-hero-discount-date {
  margin: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 24px;
  padding: 0 12px;
  border-radius: 100px;
  background: #333333;
  color: #fff;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
}

.press-catalog-link-offer {
  margin-top: auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 30px;
  padding: 0 16px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  background: #BC1622;
  border-radius: 5px;
  width: fit-content;
  cursor: pointer;
}

.press-catalog-btn {
  margin: auto;
  width: fit-content;
  box-sizing: border-box;
  height: 43px;
  padding: 0 20px;
  background: #333;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* ARTICLE */

.breadcrumbs-top {
  margin-top: 32px;
}

.article-page-hero {
  margin-top: 16px;
}

.article-page-hero .container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 10px;
  background: #333333;
  color: #fff;
  box-sizing: border-box;
  padding: 32px 40px;
  position: relative;
  overflow: hidden;
}

.article-date {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
}

.article-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.article-page-hero-btn {
  width: fit-content;
  padding: 0 32px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: none;
  outline: none;
  background-color: #bc1622;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  margin-top: 41px;
}

.article-page-hero-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 393px;
}

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

.article-top {
  margin-top: 40px;
}

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

.article-plot {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  width: 987px;
  border-radius: 10px;
  background: #F1F1F1;
}

.article-plot-title {
  margin: 0;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  color: #0E0E0E;
}

.article-plot-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.article-plot-list-el {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #333;
  cursor: pointer;
}

.article-plot-list-el svg {
  margin-top: -3px;
}

.article-questions {
  width: 393px;
  box-sizing: border-box;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  background: #F1F1F1;
}

.article-questions-title {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  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: 3px;
  width: 258px;
  height: 41px;
  border-radius: 5px;
  background: #333333;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  margin-top: 12px;
  border: none;
  cursor: pointer;
}

.article-main {
  margin-top: 40px;
}

.article-main .container {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.article-info {
  box-sizing: border-box;
  width: 987px;
  padding: 0 0px 32px 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.article-desc {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
}

.article-info .article-desc {
  max-width: 699px;
}

.article-undertitle {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}

.article-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 699px;
}

.article-list-el {
  display: flex;
  gap: 8px;
}

.article-list-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bold {
  font-weight: 500 !important;
}

.article-info .title {
  margin-top: 20px;
}

.article-info .title:nth-of-type(1) {
  margin: 0;
}

.article-info-img {
  width: 100%;
  height: 280px;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 20px;
}

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

.article-more {
  position: sticky;
  top: 64px;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 393px;
  height: fit-content;
}

.article-more .press-catalog-box {
  width: 100%;
}

.article-more .press-catalog-box p {
  max-width: 187px;
}

.article-more .press-catalog-box .press-catalog-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* PROJECT */

.project-page-hero {
  margin-top: 16px;
}

.project-page-hero .container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 10px;
  background: #333333;
  color: #fff;
  box-sizing: border-box;
  padding: 32px 44px;
  position: relative;
  overflow: hidden;
}

.project-subdesc {
  font-weight: 500;
  font-style: Compact Medium;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
}

.project-hero-row {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}

.project-hero-info {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
  height: 50px;
  padding: 3px 16px 0 40px;
  position: relative;
  border-radius: 5px;
  background: #F1F1F1;
}

.project-hero-info svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
  top: 15px;
}

.project-hero-subdesc {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.project-hero-desc {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.project-main-img-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}

.project-main-img {
  width: 314px;
  height: 216px;
  border-radius: 5px;
  overflow: hidden;
}

.project-main-img img {
  width: 100%;
  height: 100%;
}

.project-info {
  padding: 0;
  margin-bottom: 40px;
  padding-right: 24px;
}

.project-questions {
  margin-bottom: 30px;
}

.project-questions .article-questions-btn {
  width: 322px;
}

.project-more-row {
  display: flex;
  gap: 8px;
}

.project-more-row .projects-page-box {
  width: 192px;
  height: 243px;
  padding-top: 108px;
}

.project-more-row .projects-page-img {
  height: 96px;
}

.project-more-row .projects-page-box h3 {
  font-size: 14px;
}

.project-more-row .projects-page-box p {
  font-size: 10px;
}

.project-more-row .projects-page-box a {
  font-size: 12px;
}

.project-banner {
  margin-top: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 28px;
  gap: 12px;
}

.project-banner .desc {
  color: #fff;
  z-index: 12;
  max-width: 409px;
}

.project-cta {
  width: 100%;
  margin-top: 20px;
}

.project-cta .offers-cta-buttons {
  flex-direction: column;
}

.project-cta .offers-cta-btn {
  box-sizing: border-box;
}

/* SERVICE */

.service-catalog {
  margin-top: 40px;
}

.service-catalog .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.service-catalog-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.service-catalog-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
  width: 715px;
  height: 188px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #F1F1F1;
  padding: 16px;
}

.service-catalog-title {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
}

.service-catalog-desc {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.service-catalog-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  cursor: pointer;
  margin-top: auto;
}

.service-catalog-link svg {
  margin-top: -2.5px;
}

.service-catalog-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
  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: 3px;
  box-sizing: border-box;
  width: 146px;
  height: 43px;
  border-radius: 5px;
  background: #333333;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  cursor: pointer;
}

.service-gift-steps-box {
  width: 257px;
  height: 72px;
}

.service-gift-steps-box svg {
  position: absolute;
  top: 16px;
  right: 16px;
}

.service-gift-steps-box p {
  max-width: 185px;
}

.service-banner {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 32px;
  height: 192px;
  gap: 12px;
}

.service-banner .offers-banner-img {
  width: 508px;
  height: 192px;
}

.service-banner .offers-banner-img::after {
  width: 448px;
  height: 192px;
}

.service-banner .title {
  max-width: 751px;
}

.service-banner .desc {
  font-size: 14px;
  color: #fff;
  max-width: 544px;
}

.service-page-hero {
  margin-top: 16px;
}

.service-page-hero .container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 10px;
  background: #333333;
  color: #fff;
  box-sizing: border-box;
  padding: 32px 44px;
  position: relative;
  overflow: hidden;
}

.service-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.service-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 12px 0;
  max-width: 678px;
}

.service-gift-conditions-row .legal-gift-conditions-box {
  width: 233px;
  height: 160px;
}

.service-gift-conditions-row .legal-gift-conditions-box svg {
  width: 40px;
  height: 40px;
}

.service-gift-steps-container .legal-gift-steps-box {
  width: 233px;
  height: 150px;
  padding: 16px;
  padding-bottom: 12px;
}

.service-more .service-catalog-box {
  width: 100%;
  height: 130px;
}

.service-more .service-catalog-box p {
  max-width: 198px;
}

.service-more .service-catalog-box .service-catalog-title {
  font-size: 14px;
}

.service-more .service-catalog-box .service-catalog-desc {
  font-size: 10px;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.service-more .service-catalog-box .service-catalog-link {
  font-size: 12px;
}

.service-more .service-catalog-box .service-catalog-img {
  width: 163px;
}

.service-gift-conditions-row {
  gap: 0;
}

.service-gift-steps-container {
  gap: 0;
}

.service-main .offers-banner-img {
  height: 126px;
}

.service-main .project-banner {
  height: 126px;
}

.service-main .project-banner .desc {
  font-size: 12px;
  max-width: 468px;
}

/* MANAGER */

.manager-hero {
  padding: 69px 0;
}

.manager-hero .prof-hero-img {
  top: -69px;
}

.manager-hero .prof-hero-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 731px;
  height: 400px;
  background: linear-gradient(89.74deg, #333333 8.86%, rgba(72, 72, 72, 0.673077) 48.11%, rgba(51, 51, 51, 0) 99.8%);
}

.prof-manager-main {
  padding: 40px 0;
}

.manager-adv-row {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}

.manager-adv-box {
  display: flex;
  box-sizing: border-box;
  width: 225px;
  height: 64px;
  padding: 16px;
  position: relative;
  border-radius: 10px;
  background: #F1F1F1;
}

.manager-adv-box svg {
  position: absolute;
  top: 16px;
  right: 16px;
}

.manager-adv-title {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.manager-what {
  margin: 40px 0;
}

.manager-what .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.manager-what .legal-gift-conditions-box {
  width: 352px;
  height: 163px;
}

.manager-what .legal-gift-conditions-box svg {
  width: 60px;
  height: 60px;
}

.manager-how {
  margin-bottom: 40px;
}

.manager-how .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.manager-how .legal-gift-steps-box {
  width: 352px;
  height: 131px;
}

.manager-who {
  margin: 40px 0;
}

.manager-who .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.manager-who .legal-gift-conditions-box {
  width: 352px;
  height: 146px;
}

.manager-who .legal-gift-conditions-box svg {
  width: 60px;
  height: 60px;
}

.manager-banner {
  margin-bottom: 40px;
}

.manager-banner .offers-banner {
  height: 291px;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  color: #fff;
  gap: 12px;
}

.manager-banner ul {
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
}

.manager-banner-title {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
}

.manager-banner .desc {
  color: #fff;
  font-size: 14px;
  max-width: 535px;
}

.manager-banner .offers-banner-img {
  width: 603px;
  height: 291px;
}

.manager-banner .offers-banner-img::after {
  display: none;
}

/* BASKET */

.basket-main {
  margin: 16px 0 80px 0;
}

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

.basket-info {
  display: flex;
  flex-direction: column;
  width: 1151px;
  flex-shrink: 0;
  gap: 8px;
}

.basket-info-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.basket-info-sort {
  display: flex;
  align-items: center;
  gap: 8px;
}

.basket-info-sort input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-info-sort input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  background-color: #BC1622;
  border-radius: 4px;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 10px 8px;
  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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #333333;
  border-radius: 4px;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-info-sort .desc {
  margin-top: 3px;
}

.basket-info-widgets {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 16px 0;
}

.basket-info-select-all {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}

.basket-info-select-all input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-info-select-all input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  background-color: #BC1622;
  border-radius: 4px;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 10px 8px;
  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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #333333;
  border-radius: 4px;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-info-select-all .desc {
  margin-top: 4px;
}

.basket-info-delete {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.basket-info-delete-desc {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 4px;
}

.basket-info-widgets-row {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 20px;
}

.basket-info-widget {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.basket-info-widget .desc {
  margin-top: 4px;
}

.basket-info-widget:hover .desc {
  color: #BC1622;
}

.basket-info-widget:hover svg path {
  stroke: #BC1622;
}

.basket-cards-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.basket-card {
  display: flex;
  position: relative;
  gap: 24px;
  padding: 12px 0;
  width: 100%;
  padding-top: 17px;
  border-top: 1px solid #0000001A;
}

.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: 758px;
}

.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: 5px;
  width: 16px;
  height: 16px;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.basket-card:has(.basket-card-checkbox:checked)::after {
  position: absolute;
  top: 5px; /* добавил px */
  left: 0;
  width: 16px;
  height: 16px;
  content: '';
  background-color: #BC1622;
  border-radius: 4px;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 10px 8px;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-card::before {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #333333;
  border-radius: 4px;
  box-sizing: border-box;
  pointer-events: none; 
}

.personal-orders-info-products-btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 32px;
  border-radius: 100px;
  box-sizing: border-box;
  gap: 4px;
  padding-top: 3px;
  background: #F1F1F1;
  color: #333333;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  border: none;
}

.personal-orders-info-products-btn-delete svg {
  margin-top: -2.5px;
}

.basket-side {
  width: 229px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.basket-checkout {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  background-color: #F1F1F1;
  gap: 16px;
}

.basket-checkout-title {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-checkout-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 16px;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.basket-checkout-checkbox-el {
  display: flex;
  align-items: center;
  gap: 8px;
}

.basket-checkout-checkbox-el input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-checkout-checkbox-el input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  border: 5px 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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  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: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.basket-checkout-weight {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 16px;
  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: 12px;
  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: 74px;
  flex-shrink: 0;
}

.basket-checkout-discount-numbers span {
  margin: 0;
  display: inline;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00B162;
}

.basket-checkout-bonus {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
  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: 42px;
  height: 24px;
}

.basket-checkout-bonus-toggle .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
}

.basket-checkout-bonus-toggle input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.basket-checkout-bonus-fold {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.basket-checkout-bonus-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.basket-checkout-bonus-input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  height: 29px;
  padding-left: 12px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
}

.basket-checkout-bonus-desc {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333CC;
}

.basket-checkout-coupon {
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  height: 37px;
  font-weight: 400;
  font-size: 11px;
  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: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-checkout-btn {
  width: 100%;
  height: 41px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #BC1622;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

.basket-checkout-btn:hover {
  background: #A0151F;
}

.basket-checkout-banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 8px;
  padding: 12px;
  border-radius: 5px;
  position: relative;
  background: #E6F8F0;
  overflow: hidden;
}

.basket-checkout-banner svg {
  position: absolute;
  top: 0;
  right: 0;
}

.basket-checkout-banner-desc {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  max-width: 158px;
}

.basket-checkout-banner-btn {
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 28px;
  border-radius: 100px;
  background: #FFFFFF;
  color: #333333;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
}

/* PRODUCT */

.product-main {
  margin: 16px 0 40px 0;
}

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

.product-main-info {
  display: flex;
  flex-direction: column;
  width: 1151px;
  flex-shrink: 0;
  gap: 8px;
}

.product-main-title {
  margin: 0;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.product-main-info-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0;
}

.product-main-info-widgets {
  display: flex;
  gap: 20px;
  align-items: center;
}

.product-main-info-widget {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.product-main-fav-success {
  display: none;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  height: 32px;
  padding: 3px 16px 0 12px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  background: #E6F8F0;
  margin-top: -3px;
}

.product-main-fav-success svg {
  margin-top: -4px;
}

.product-main-info-widget:hover .desc {
  color: #BC1622;
}

.product-main-info-widget svg {
  margin-top: -5px;
}

.product-main-info-widget:hover svg path {
  stroke: #BC1622;
}

.product-main-info-code {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #33333399;
}

.product-main-info-nav {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px;
  background: #F1F1F1;
}

.product-main-info-nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  padding: 0 12px;
  padding-top: 3px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
  cursor: pointer;
}

.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: 40px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}

.product-main-container_opened {
  display: flex;
}

.product-main-img-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 280px;
  flex-shrink: 0;
}

.product-main-img {
  width: 100%;
  height: 280px;
}

.product-main-img img {
  width: 100%;
  height: 100%;
}

.product-main-img-row {
  display: flex;
  width: 100%;
  gap: 4px;
}

.product-main-img-small {
  width: 67px;
  height: 67px;
}

.product-main-img-small img {
  width: 100%;
  height: 100%;
}

.product-main-description {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.product-main-description-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-main-description-box .desc {
  color: #333333;
}

.product-main-description-box .desc span {
  color: #33333399;
}

.product-main-description-row {
  display: flex;
  gap: 4px;
}

.product-main-description-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 12px;
  padding-top: 3px;
  height: 33px;
  border-radius: 4px;
  border: 1px solid #0000001A;
  font-weight: 400;
  font-size: 13px;
  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: 8px;
}

.product-main-description-title {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-description-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 8px 0;
}

.product-main-description-item {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.menu-dots {
  flex-grow: 1; /* Заполняет всё доступное пространство */
  border-bottom: 1px dotted #ccc; /* Создаем точки */
  height: 0.5em; /* Регулирует высоту расположения точек относительно текста */
  margin-bottom: 2px;
}

.product-main-description-all {
  cursor: pointer;
  color: #BC1622;
}

.product-main-description-all:hover {
  color: #A0151F;
}

.product-main-side {
  width: 229px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-main-side-price {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 5px;
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-main-side-price-title {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.product-main-side-price-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.product-main-side-price-row span {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  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: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-quantity {
  display: flex;
  align-items: center;
  gap: 2px;
  padding-bottom: 12px;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.product-main-side-quantity button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: #FFFFFF;
  font-weight: 400;
  padding-top: 3px;
  font-size: 20px;
  letter-spacing: 0%;
  box-sizing: border-box;
  cursor: pointer;
}

.product-main-side-quantity input {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  border-radius: 4px;
  text-align: center;
  width: 137px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  padding-top: 3px;
}

.product-main-side-btns {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.product-main-side-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  border: none;
  height: 41px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  border-radius: 5px;
  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: 12px 16px;
  border-radius: 5px;
  background: #E6F8F0;
}

.product-main-side-discount-title {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.product-main-side-discount-desc {
  margin: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-discount-desc span {
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #00B162;
  display: flex;
  gap: 4px;
  padding-top: 3px;
}

.product-main-side-discount-desc span svg {
  margin-top: -3px;
}

.product-main-side-discount-link {
  font-weight: 400;
  font-size: 11px;
  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: 16px;
  gap: 12px;
  border-radius: 5px;
  background: #F1F1F1;
}

.product-main-side-info-av {
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-info-av svg {
  margin-top: -2px;
}

.product-main-side-info-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.product-main-side-info-desc {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.product-main-side-info-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.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: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  gap: 4px;
}

.product-main-side-info-show {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  gap: 4px;
  color: #333333CC;
  cursor: pointer;
  margin-top: 4px;
}

.product-main-side-info-show svg {
  margin-top: -3px;
}

.product-main-side-info-ad {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
  margin-top: -4px;
}

.product-main-side-info-map {
  cursor: pointer;
  margin: 0;
  margin-top: -4px;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  color: #333;
}

.product-main-feedback {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.product-main-feedback-add {
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
}

.product-main-feedback-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 4px;
  padding-top: 12px;
  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: 24px;
  border-bottom: 1px solid #0000001A;
}

.product-main-feedback-name {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-feedback-date {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
  margin-bottom: 8px;
}

.product-main-feedback-img-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.product-main-feedback-img {
  width: 104px;
  height: 104px;
  border-radius: 5px;
  overflow: hidden;
}

.product-main-feedback-img img {
  width: 100%;
  height: 100%;
}

.product-main-feedback-comm {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 8px;
}

.product-main-feedback-notes {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  display: flex;
  gap: 4px;
}

.product-main-feedback-notes span {
  font-weight: 400;
  font-size: 13px;
}

.product-main-cert {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-main-cert-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-main-cert-text {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  display: flex;
  gap: 4px;
  margin-top: 3px;
  cursor: pointer;
}

.product-main-cert-text:hover {
  color: #BC1622;
}

.product-main-cert-text span {
  color: #33333399;
}

/* ORDER */

.order-main {
  margin-top: 16px;
  margin-bottom: 40px;
}

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

.order-main-container {
  width: 1151px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
}

.order-main-title {
  margin: 0;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-delivery-nav {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  height: 48px;
  border-radius: 100px;
  background: #F1F1F1;
  padding: 8px;
}

.order-main-delivery-nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0 20px;
  padding-top: 3px;
  background-color: #3333330D;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

.order-main-delivery-nav-link:hover {
  color: #BA1420;
}

.order-main-delivery-nav-link_active {
  border-radius: 100px !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: 36px;
  border-radius: 0 100px 100px 0;
}

.order-main-delivery-nav-link:first-of-type {
  border-radius: 100px 0 0 100px;
}

.order-main-delivery-nav-link:first-of-type.order-main-delivery-nav-link_active::after {
  border-radius: 100px 0 0 100px;
}

.order-main-delivery-nav-link:last-of-type.order-main-delivery-nav-link_active::after {
  border-radius: 0 100px 100px 0;
}

.order-main-delivery-container {
  display: none;
  flex-direction: column;
  width: 100%;
  gap: 12px;
}

.order-main-delivery-container_active {
  display: flex;
}

.order-main-delivery-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 24px;
  gap: 8px;
  border-radius: 10px;
  background: #F1F1F1;
}

.order-main-delivery-step-title {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #33333399;
}

.order-main-delivery-step-subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-options {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.order-main-delivery-option {
  display: flex;
  gap: 8px;
  align-items: center;
  box-sizing: border-box;
  height: 41px;
  padding: 0 20px 0 16px;
  border-radius: 5px;
  background: #FFFFFF;
}

.order-main-delivery-option input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-option input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  border: 5px 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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  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: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 3px;
}

.order-main-delivery-step-address {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  padding-top: 3px;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 8px;
}

.order-main-delivery-step-show-map {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
  cursor: pointer;
  margin: 4px 0 4px auto;
}

.order-main-delivery-step-show-map:hover {
  color: #BA1420;
}

.order-main-delivery-step-show-map:hover svg path{
  stroke: #BA1420;
}

.order-main-delivery-step-show-map svg {
  margin-top: -3px;
}

.order-main-delivery-step-address-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.order-main-delivery-step-address-row input {
  display: flex;
  align-items: center;
  padding-top: 3px;
  box-sizing: border-box;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  padding-left: 16px;
}

.order-main-delivery-step-floor {
  width: 200px;
}

.order-main-delivery-step-entry {
  width: 200px;
}

.order-main-delivery-step-add {
  width: 687px;
}

.order-main-delivery-step-pickup {
  display: flex;
  gap: 16px;
  align-items: center;
  margin: 16px 0;
}

.order-main-delivery-step-pickup-text {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 3px;
}

.order-main-delivery-step-pickup-comm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 38px 0;
}

.order-main-delivery-step-pickup-other {
  margin: 24px 0;
  display: none;
  flex-direction: column;
  gap: 8px;
}

.order-main-delivery-step-pickup-other-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.order-main-delivery-step-pickup-other-input {
  display: flex;
  box-sizing: border-box;
  height: 40px;
  width: 362px;
  padding-left: 16px;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 4px;
}

.zk-choice {
  height: 40px;
  width: 362px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
}

.order-main-delivery-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-pickup-comm textarea {
  width: 100%;
  min-height: 80px;
  box-sizing: border-box;
  padding: 12px 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
}

.order-main-delivery-step-pickup-date {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 12px;
}

.order-main-delivery-step-pickup-date-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.order-main-delivery-step-pickup-date-box {
  display: flex;
  box-sizing: border-box;
  height: 51px;
  border-radius: 5px;
  background: #fff;
  padding: 9px 20px 0 16px;
  align-items: baseline;
  gap: 8px;
}

.order-main-delivery-step-pickup-date-box input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-pickup-date-box input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  border: 5px 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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  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: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-pickup-date-box label span {
  font-weight: 400;
  font-size: 10px;
}

.date-choice {
  width: 569px;
  height: 51px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  padding-left: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-time {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.order-main-delivery-step-pickup-time-select {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.time-choice {
  width: 860px;
  height: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  padding-left: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-time-select span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-right: 20px;
}

.order-main-delivery-step-pickup-time-select span svg {
  margin-top: -3px;
}

.order-main-delivery-step-extra {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  padding: 12px 16px 12px 16px;
  min-height: 40px;
  gap: 8px;
}

.order-main-delivery-step-extra:first-of-type {
  margin-top: 8px;
}

.order-main-delivery-step-extra-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.order-main-delivery-step-extra-option input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-extra-option input:checked + label::before {
  position: absolute;
  top: -2.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  background-color: #BC1622;
  border-radius: 4px;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 10px 8px;
  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: -2.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #333333;
  border-radius: 4px;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-extra-option label {
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 3px;
}

.order-main-delivery-step-extra-desc {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 11px;
  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: 4px;
  min-height: 80px;
  border: 1px solid #E2E2E2;
  padding: 12px 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-payment {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

.order-main-delivery-step-payment-box {
  width: 209px;
  height: 76px;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 16px;
  display: flex;
  gap: 8px;
  align-items: baseline;
  position: relative;
  background: #fff;
}

.order-main-delivery-step-payment-box input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-payment-box input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  border: 5px 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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-payment-box label {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-payment-box label span {
  font-weight: 400;
  font-size: 10px;
  color: #80878F;
}

.order-main-delivery-step-payment-box svg {
  position: absolute;
  bottom: 12px;
  right: 10px;
}

.order-main-delivery-step-payment-add {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-delivery-step-payment-add svg {
  margin-top: -3px;
}

.order-main-delivery-step-info {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 8px 0 24px 0;
}

.order-main-delivery-step-info-input {
  width: 362px;
  height: 40px;
  padding-left: 16px;
  padding-top: 3px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-get-call {
  display: flex;
  align-items: center;
  gap: 16px;
}

.order-main-delivery-step-get-call-box {
  display: none;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 8px 0;
}

.order-main-delivery-step-get-call-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.order-main-delivery-step-get-call-row .order-main-delivery-step-pickup-date-box {
  width: 149px;
  flex-shrink: 0;
}

.get-call-choice {
  height: 51px;
  width: 636px;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  padding-left: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-side {
  width: 229px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: sticky;
  top: 64px;
  height: fit-content;
  right: 0;
}

.order-main-side-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 12px 16px;
  border-radius: 5px;
  background: #F1F1F1;
  gap: 16px;
}

.order-main-side-title {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-side-price {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 16px 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: 114px;
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-side-price-desc {
  margin: 0;
  font-weight: 700;
  font-size: 13px;
  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: 16px;
  border-top: 1px solid #0000001A;
}

.order-main-side-total-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #0E0E0E;
}

.order-main-side-add {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
}

.order-main-side-add svg {
  flex-shrink: 0;
}

.order-main-side-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 3px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 5px;
  color: #fff;
  background: #BC1622;
  border: none;
  height: 41px;
  cursor: pointer;
}

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

.popup_buy-box {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  gap: 20px;
  background: #F1F1F1;
}

.popup_buy-box-img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  flex-shrink: 0;
}

.popup_buy-box-img img {
  width: 100%;
  height: 100%;
}

.popup_buy-box-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.popup_buy-box-name {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.popup_buy-box-price {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.popup_buy-box-quantity {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 9px;
}

.popup_buy-box-quantity button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: #FFFFFF;
  font-weight: 400;
  padding-top: 3px;
  font-size: 20px;
  letter-spacing: 0%;
  box-sizing: border-box;
  cursor: pointer;
}

.popup_buy-box-quantity input {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 28px;
  border-radius: 4px;
  text-align: center;
  width: 53px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  padding-top: 3px;
}

.popup_buy-box-total {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
}

.popup_buy-box-total span {
  font-weight: 700;
}

.active {
  display: flex !important;
}

.order-city-choice {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  padding-left: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-other-file {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 11px;
  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: -2.5px;
}

.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: 10px;
  overflow: hidden;
  background: #fff;
  margin-top: 4px;
}

.order-main-delivery-step-city-top {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 20px;
  border-bottom: 1px solid #E2E2E2;
}

.order-main-delivery-step-city-title {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.order-main-delivery-step-city-row {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 20px;
  gap: 32px;
  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: 10px;
  flex-shrink: 0;
  width: 280px;
}

.order-main-delivery-step-city-name input {
  opacity: 0;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-city-name input:checked + label::before {
  position: absolute;
  top: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  border: 5px 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: -1.5px;
  left: -24px;
  width: 16px;
  height: 16px;
  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: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.order-main-delivery-step-city-name label a {
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
}

.order-main-delivery-step-city-info {
  width: 569px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
}

.order-main-delivery-step-city-info .desc {
  color: #2C3439;
}

.order-main-delivery-step-city-time {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
}

.order-main-delivery-step-city-phone {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-city-av {
  width: 150px;
  flex-shrink: 0;
  display: flex;
  gap: 4px;
  align-items: flex-start;
}

.order-main-delivery-step-city-av svg {
  margin-top: -3px;
  width: 16px;
  height: 16px;
}

.order-main-delivery-step-city-av-text {
  margin: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-city-av span {
  font-size: 10px;
  color: #33333399;
}

.order-main-delivery-step-payment-box:nth-of-type(1) svg {
  width: 82px;
  height: 14px;
}

.order-main-delivery-step-payment-box:nth-of-type(2) svg {
  width: 41px;
  height: 21px;
}

.order-main-delivery-step-payment-box:nth-of-type(3) svg {
  width: 41px;
  height: 21px;
}

.order-main-delivery-step-payment-box:nth-of-type(4) svg {
  width: 76px;
  height: 16px;
}

.order-main-delivery-step-payment-box:nth-of-type(5) svg {
  width: 58px;
  height: 17px;
}

.order-main-delivery-step-payment-box:nth-of-type(6) svg {
  width: 58px;
  height: 17px;
}

/* 404 */

.not-found {
  padding: 112px 0;
  background: #333333;
  position: relative;
}

.not-found-img {
  position: absolute;
  width: 1070px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
}

.not-found-img img {
  width: 100%;
  height: 100%;
}

.not-found .title {
  z-index: 1;
}

.not-found .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #fff;
  z-index: 2;
}

.not-found-desc {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  z-index: 1;
}

.not-found-link {
  margin-top: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 238px;
  height: 46px;
  background: #BC1622;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.not-found-link:hover {
  background: #A0151F;
}

/* POLICY */

.policy {
  margin: 16px 0 40px 0;
  color: #0E0E0E;
}

.policy .title {
  color: #0E0E0E;
}

.policy .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.policy-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.policy-title {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}

.policy-box .desc {
  font-size: 14px;
}

/* WINDOWS */

.about-windows {
  background-color: #f1f1f1;
  padding-bottom: 40px;
  padding-top: 40px;
}

.about-windows-inner {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 56px 40px;
}

.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 12px;
}

.about-windows-head-subtitle {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 32px;
}

.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: absolute;
  right: 0;
  top: 0;
}

.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: 24px;
  padding-bottom: 40px;
}

.about-windows-suitable-grid {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4,1fr);
}

.about-windows-suitable-box {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 10px;
  justify-content: space-between;
  padding: 16px 24px;
}

.about-windows-suitable-box-icon {
  flex-shrink: 0;
  height: 40px;
  width: 40px;
}

.header__nav-fold {
  position: absolute;
  margin-top: 10px;
  top: 22px;
  left: 0;
  width: 320px;
  height: fit-content;
  box-sizing: border-box;
  display: none !important;
  flex-direction: column;
  padding: 16px 24px;
  border-radius: 0 10px 10px 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px #00000026;
  z-index: 999;
}

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

#nav-about {
  left: 537px;
}

#nav-for {
  left: 706px;
}

.header__nav-fold .header__nav-link {
  padding: 10px 0;
  border-bottom: 1px solid #E2E2E2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__nav-fold .header__nav-link:first-of-type {
  padding-top: 0;
}

.header__nav-fold .header__nav-link:last-of-type {
  border: none;
}

.catalog__dropdown {
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  width: 948px;
  height: 231px;
  border-radius: 0 10px 10px 10px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px #00000026;
  z-index: 9999;
}

.catalog__dropdown-nav {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-height: 100%;
  overflow-y: scroll;
  width: 320px;
  padding: 16px 24px;
  z-index: 98;
  flex-shrink: 0;
}

.catalog__dropdown_active {
  display: flex;
}

.catalog__dropdown-nav-link {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  border-bottom: 1px solid #D1D1D1;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #0E0E0E;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.catalog__dropdown-nav-link:last-of-type {
  border-bottom: none;
}

.catalog__dropdown-nav-link:hover {
  color: #BC1622;
}

.catalog__dropdown-nav-link:hover path {
  stroke: #BC1622
}

.catalog__dropdown-nav-link_active {
  color: #009439;
}

.catalog__dropdown-nav-link_active path {
  stroke: #009439
}

.catalog__dropdown-box {
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 24px;
  gap: 16px;
}

.catalog__dropdown-box_active {
  display: flex;
}

.catalog__dropdown-title {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #0E0E0E !important;
}

.catalog__dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 280px 280px;
  grid-template-rows: auto;
  row-gap: 12px;
  column-gap: 20px;
}

.catalog__dropdown-link {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #0E0E0E;
  text-decoration: none;
}

.catalog__dropdown-link:hover {
  color: #BC1622;
  cursor: pointer;
}

/* CHECKLIST */

.check-list-page {
  padding-bottom: 80px;
}

.check-list {
  padding: 16px 0 0;
}

.check-list .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.check-list .title {
  max-width: 100%;
  margin: 0;
  font-size: 32px;
  line-height: 98%;
}

.check-list-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.check-list-form .order-main-delivery-step {
  margin-top: 0;
  padding: 24px;
  border-radius: 5px;
  gap: 8px;
  background: #F1F1F1;
}

.check-list .order-main-delivery-step-title {
  font-size: 11px;
}

.check-list .order-main-delivery-step-subtitle {
  font-size: 18px;
  line-height: 100%;
}

.check-list .order-main-delivery-step-address-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.check-list .order-main-delivery-step-address-row input {
  width: 100%;
  margin-bottom: 0;
}

.check-list .order-main-delivery-subdesc {
  margin-top: 20px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 130%;
}

.check-list-input {
  width: 100%;
  height: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  color: #333333;
  background: #fff;
  margin-top: 8px;
}

.check-list-input::placeholder {
  color: #33333366;
}

.check-list-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.check-list-square-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.check-list-option {
  display: flex;
  align-items: center;
  min-height: 17px;
}

.check-list-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.check-list-option label {
  position: relative;
  cursor: pointer;
  padding-left: 24px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #2C3439;
}

.check-list-option label::after {
  position: absolute;
  top: -2.5px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
}

.check-list-option input:checked + label::before {
  position: absolute;
  top: -2.5px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 5px solid #BC1622;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
  z-index: 1;
}

.check-list-policy {
  margin-top: 8px;
}

.check-list-policy .checkbox-policy {
  margin-bottom: 12px;
  gap: 8px;
}

.check-list-policy .checkbox__input {
  width: 16px;
}

.check-list-policy .checkbox__label {
  font-size: 13px;
  line-height: 120%;
}

.check-list-policy .checkbox__label::after {
  top: -1px;
  left: -20px;
  width: 16px;
  height: 16px;
  border-color: #BC1622;
}

.check-list-policy .checkbox__input:checked + .checkbox__label::before {
  top: -1px;
  left: -20px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-size: 7px 6px;
}

.check-list-policy .checkbox__label a {
  color: #BC1622;
}

.check-list-row_sections .check-list-option label::after {
  top: -2.5px;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border-color: #C9C9C9;
}

.check-list-row_sections .check-list-option input:checked + label::before {
  top: -2.5px;
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 3px;
  background-color: #BC1622;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 7px 6px;
}

.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: 155px;
  height: 46px;
  padding: 0 32px;
  border-radius: 5px;
  background: #BC1622;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.check-list-submit:hover {
  background: #A0151F;
}

/* CALCULATOR POPUP */

.popup_calculator.popup_details_opened {
  display: flex;
}

.calculator-main {
  min-height: 480px;
  padding-bottom: 40px;
}

.popup-calculator-container {
  width: 556px;
  max-height: calc(100vh - 40px);
  gap: 16px;
  overflow-y: scroll;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}

.popup-calculator-container::-webkit-scrollbar {
  display: none;
}

.popup-calculator-container::after {
  position: absolute;
  top: 67px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #DDDDDD;
  z-index: 1;
}

.popup-calculator-container .popup-title {
  margin: 0;
  padding-bottom: 20px;
}

.popup-calculator-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.popup-calculator-block,
.popup-calculator-surfaces {
  display: contents;
}

.popup-calculator-label {
  margin: 0;
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #333333;
}

.popup-calculator-label:first-child {
  margin-top: 0;
  font-weight: 500;
}

.popup-calculator-dimensions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-calculator-surface .popup-calculator-field {
  max-width: 225px;
}

.popup-calculator-surface .popup-calculator-field_area {
  max-width: 100%;
}

.popup-calculator-surface .popup-calculator-counter {
  width: 225px;
}

.popup-calculator-multiply {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #2C3439;
}

.popup-calculator-field {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  max-width: 245px;
  height: 45px;
  box-sizing: border-box;
  padding: 7.5px 14px;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  background: #FFFFFF;
}

.popup-calculator-field-label {
  position: absolute;
  top: 6px;
  left: 16px;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  color: #33333399;
}

.popup-calculator-field-input {
  width: 100%;
  margin-top: 10px;
  border: none;
  outline: none;
  background: transparent;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #2C3439;
}

.popup-calculator-field-unit {
  position: absolute;
  bottom: 7.5px;
  right: 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #2C3439;
}

.popup-calculator-field_area {
  margin-bottom: 12px;
  max-width: 100%;
}

.popup-calculator-counters {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 8px;
}

.popup-calculator-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  box-sizing: border-box;
  min-height: 40px;
  padding: 8px 12px;
  width: 245px;
  border-radius: 4px;
  background: #F1F1F1;
}

.popup-calculator-counter-center {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.popup-calculator-counter-title {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #2C3439;
}

.popup-calculator-counter-control {
  display: none;
}

.popup-calculator-counter-head {
  display: none;
}

.popup-calculator-counter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #333;
  cursor: pointer;
}

.popup-calculator-counter-value {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #33333399;
}

.popup-calculator-surface {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 5px;
  background: #F1F1F1;
}

.popup-calculator-surface-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.popup-calculator-surface-title {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #333333;
}

.popup-calculator-remove {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #BC1622;
  cursor: pointer;
}

.popup-calculator-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  border: none;
  background: transparent;
  padding: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #BC1622;
  cursor: pointer;
  position: relative;
}

.popup-calculator-link svg {
  right: -16px;
  top: 0;
  width: 12px;
  height: 12px;
}

.popup-calculator-add {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  padding: 0 20px 0 16px;   
  height: 38px;
  margin-bottom: 20px;
  border: none;
  border-radius: 100px;
  background: #F1F1F1;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  color: #333333;
  cursor: pointer;
  gap: 10px;
}

.popup-calculator-add svg {
  width: 16px;
  height: 16px;
}

.popup-calculator-layers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.popup-calculator-layer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 18px;
  border: none;
  border-radius: 4px;
  background: #F1F1F1;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  color: #2C3439;
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 2px;
}

.popup-calculator-layer_active {
  background: #BC1622;
  font-weight: 500;
  color: #FFFFFF;
}

.popup-calculator-absorbency {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 43px;
  margin-bottom: 20px;
}

.popup-calculator-absorbency-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  position: relative;
}

.popup-calculator-absorbency-item svg {
  width: 12px;
  height: 12px;
  top: -3px;
  right: -14px;
}

.popup-calculator-absorbency-item input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.popup-calculator-absorbency-text {
  position: relative;
  padding-left: 22px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #2C3439;
}

.popup-calculator-absorbency-text::after {
  position: absolute;
  top: -3px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  content: "";
  box-sizing: border-box;
  background: #FFFFFF;
}

.popup-calculator-absorbency-item input:checked + .popup-calculator-absorbency-text::before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  content: "";
  box-sizing: border-box;
  z-index: 1;
  background-color: #BC1622;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 7px 6px;
  background-repeat: no-repeat;
}

.popup-calculator-result {
  margin: 0;
  padding: 12px 0 20px 0;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #2C3439;
}

.popup-calculator-result span {
  color: #00B162;
}

.popup-calculator-note {
  margin: 20px 0 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: #2C3439;
  display: flex;
  flex-direction: column;
}

.popup-calculator-note a {
  color: #BC1622;
  font-weight: 500;
  text-decoration: none;
}

.popup-calculator-actions {
  margin-top: 4px;
}

.popup-calculator-help {
  flex-shrink: 0;
  position: absolute;
  top: -4px;
  right: 35px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

}