/* media-pt.css — tablet 768px (768px–1278px)
 * Figma: Qi5hxrp6GE7HEy2hl2lkUw | px → vw: px / 768 * 100 | container: 94.79vw (728px)
 * Редактируйте этот файл напрямую — все tablet-стили только здесь.
 * Не затрагивает мобилку (≤767px) — там работает media-mobile.css.
 */

@media screen and (min-width: 768px) and (max-width: 1278px) {

  /* CONTAINER / VISIBILITY */

  .container {
    width: 94.79vw;
    margin: 0 auto;
  }

  /* style.css locks .mobile/.pc with !important — visibility must override */
  .mobile {
    display: flex !important;
  }

  .pc:not(.footer__contacts),
  .pc-1440:not(.footer__contacts) {
    display: none !important;
  }

  /* HEADER — tablet (768px frame) */

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

  .header-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
    background-color: #fff;
  }

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

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

  .header__logo {
    width: 20.05vw;
    height: 3.91vw;
  }

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

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

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

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

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

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

  .search-line {
    width: 100%;
    height: 5.21vw;
    display: flex;
    position: relative;
    gap: 1.3vw;
    box-sizing: border-box;
    padding: 1.04vw 2.08vw;
    border: 1px solid #E2E2E2;
    align-items: center;
    border-radius: 0.52vw;
  }

  .search-line svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

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

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

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

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

  .header__nav_opened {
    left: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .header__phone {
    font-weight: 400;
    font-size: 1.69vw;
    line-height: 130%;
    color: #333333;
    text-decoration: none;
  }

  .subtitle {
    font-size: 2.34vw;
    line-height: 100%;
  }

  .undertitle {
    font-size: 3.13vw;
    line-height: 100%;
  }

  .title {
    font-size: 4.17vw;
    line-height: 100%;
  }


/* ===== OTHER PAGES (mobile→tablet base) ===== */

/* BOTTOM-tabs */

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

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

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

.bottom-tab span {
  position: absolute;
  top: 1.88vw;
  right: -0.19vw;
  box-sizing: border-box;
  padding: 0.39vw;
  border-radius: 277.77vw;
  background-color: #BC1622;
  color: #Fff;
  font-weight: 700;
  font-size: 1.04vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  height: 1.56vw;
}

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

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

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



  .mobile {
    display: flex !important;
  }

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

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

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

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

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

  .promo-main .swiper-pagination-bullet {
    width: 0.39vw;
    height: 0.39vw;
    flex-shrink: 0;
    margin: 0 0.19vw;
  }

  .promo-main .swiper-pagination-bullet-active {
    width: 1.04vw;
    height: 0.39vw;
    flex-shrink: 0;
    border-radius: 13.02vw;
  }

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

  .promo-banner-slider .swiper-pagination-bullet {
    width: 0.39vw;
    height: 0.39vw;
    flex-shrink: 0;
    margin: 0 0.19vw;
  }

  .promo-banner-slider .swiper-pagination-bullet-active {
    width: 1.04vw;
    height: 0.39vw;
    flex-shrink: 0;
    border-radius: 13.02vw;
  }

  .swiper-pagination-unique {
    left: 2.08vw;
    right: auto;
    width: fit-content;
    bottom: -2.86vw;
    z-index: 99;
    display: flex;
  }

  .swiper-pagination-unique .swiper-pagination-bullet {
    width: 0.78vw;
    height: 0.78vw;
    flex-shrink: 0;
    margin: 0 0.19vw;
  }

  .swiper-pagination-unique .swiper-pagination-bullet-active {
    width: 3.12vw;
    height: 0.78vw;
    flex-shrink: 0;
    border-radius: 13.02vw;
  }

    /* ABOUT */

  .about__main {
    margin-top: 1.56vw;
  }

  .about__main .container {
    display: flex;
  }

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

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

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

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

  .about-link-back svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: -0.33vw;
  }

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

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

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

  .about-info-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    gap: 0.52vw;
    padding: 2.6vw 16.14vw 2.6vw 2.08vw;
    box-sizing: border-box;
    background-color: #F1F1F1;
    border-radius: 1.3vw;
    overflow: hidden;
  }

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

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

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

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

  .about-info-box:nth-of-type(2) .about-info-img {
    width: 20.05vw;
    height: 8.93vw;
    top: 2.53vw;
    right: -2.81vw;
  }

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

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

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

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

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

  .about-list-item svg {
    width: 1.56vw;
    height: 1.56vw;
    margin-top: -0.23vw;
  }

  .about-mission {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    padding: 1.56vw 2.08vw;
    gap: 0.52vw;
    background-color: #F1F1F1;
    border-radius: 1.3vw;
  }

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

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

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

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

  .about-why-flex {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-why-box {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 7.29vw;
    background-color: #F1F1F1;
    border-radius: 1.3vw;
    padding: 1.04vw 2.6vw;
    justify-content: space-between;
    align-items: center;
  }

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

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

  /* RETAIL — Figma 415:25033 (768) */

  .retail-hero {
    position: relative;
    display: block;
    width: 100%;
    height: 27.73vw;
    min-height: 27.73vw;
    margin-top: 1.56vw;
    padding: 0;
    overflow: hidden;
    background: #333;
    color: #fff;
  }

  .retail-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 57.29vw;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(51, 51, 51, 1) 9%,
      rgba(72, 72, 72, 0.67) 48%,
      rgba(51, 51, 51, 0) 100%
    );
    pointer-events: none;
  }

  .retail-hero .container::after {
    content: none;
    display: none;
  }

  .retail-hero .container {
    position: static;
    z-index: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 94.79vw;
    max-width: 94.79vw;
    height: 100%;
    margin: 0 auto;
    padding: 2.6vw 0;
    box-sizing: border-box;
  }

  .retail-hero .hero-title,
  .retail-hero .hero-desc,
  .retail-hero-flex,
  .retail-hero-row {
    position: relative;
    z-index: 2;
  }

  .retail-hero .hero-title {
    margin: 0 0 0.52vw;
    max-width: 74.74vw;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .retail-hero .hero-desc {
    margin: 0 0 2.08vw;
    max-width: 74.74vw;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .retail-hero-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 0;
    width: 57.29vw;
    height: 100%;
    pointer-events: none;
  }

  .retail-hero-img::after {
    content: none;
    display: none;
  }

  .retail-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .retail-hero-img img.pc,
  .retail-hero-img img.pc-1440 {
    display: block !important;
  }

  .retail-hero-img img.mobile {
    display: none !important;
  }

  .retail-hero-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.52vw;
    margin: 0;
    max-width: 74.74vw;
  }

  .retail-hero-box {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    padding: 0.78vw 1.56vw 0.78vw 1.04vw;
    background: #f1f1f1;
    border-radius: 0.65vw;
    color: #333;
    font-size: 1.43vw;
    font-weight: 700;
    line-height: 100%;
  }

  .retail-hero-box svg {
    flex-shrink: 0;
    width: 1.56vw;
    height: 1.56vw;
  }

  .retail-hero-box p {
    margin: 0;
    padding-top: 0;
    font-size: 1.43vw;
    font-weight: 700;
    line-height: 100%;
  }

  .retail-hero-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.6vw;
    width: auto;
    max-width: 74.74vw;
    margin-top: 3.13vw;
  }

  .retail-hero-info {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    flex-shrink: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .retail-hero-info p,
  .retail-hero-info .promo-text {
    margin: 0;
    padding-top: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
  }

  .retail-hero-info svg {
    flex-shrink: 0;
    width: 4.17vw;
    height: 4.17vw;
  }

  .retail-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.3vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .retail-control {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #fff;
    min-height: 34.77vw;
    height: 34.77vw;
  }

  .retail-control .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    height: 100%;
    padding: 3.91vw 0 0;
    box-sizing: border-box;
  }

  .retail-control .title {
    margin: 0;
    max-width: 48.44vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .retail-control ul {
    margin: 0;
    padding-left: 1.56vw;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    max-width: 52.6vw;
  }

  .retail-control-list {
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .retail-control-img {
    position: absolute;
    top: 3.39vw;
    right: calc((100vw - 94.79vw) / -2);
    bottom: auto;
    left: auto;
    z-index: 0;
    width: 66.41vw;
    height: 34.11vw;
    border-radius: 1.3vw;
    overflow: hidden;
    pointer-events: none;
  }

  .retail-control-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .retail-control-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin-top: auto;
    margin-bottom: 3.39vw;
    padding: 1.3vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
  }

  .retail-points {
    padding: 0;
  }

  .retail-points .container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
    padding: 0;
  }

  .retail-points-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    width: auto;
    min-height: 24.87vw;
    height: auto;
    padding: 2.6vw 2.6vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .retail-points-box svg {
    position: absolute;
    bottom: 2.08vw;
    right: 2.6vw;
    width: 5.2vw;
    height: 5.2vw;
  }

  .retail-points-box:nth-of-type(2) .retail-points-box-top p,
  .retail-points-box:nth-of-type(3) {
    margin-top: 0;
  }

  .retail-points-box:nth-of-type(3) {
    min-height: 27.08vw;
  }

  .retail-points-box-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 100%;
    padding-right: 5.21vw;
  }

  .retail-points-box-top svg {
    position: absolute;
    right: 2.6vw;
    bottom: 2.08vw;
    width: 5.21vw;
    height: 5.21vw;
  }

  .retail-points-title {
    margin: 0;
    max-width: 37.63vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .retail-points-box ul {
    margin: 0;
    padding-left: 1.56vw;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
    padding-right: 5.21vw;
    box-sizing: border-box;
  }

  .retail-points-desc {
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .retail-catalog {
    margin: 0;
    padding: 5.21vw 0 3.91vw;
    background: #fff;
  }

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

  .retail-catalog .title {
    margin: 0;
    text-align: center;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .retail-catalog-nav {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    max-width: 100%;
    margin: 0;
    padding: 0 1.56vw 0 0;
    overflow-x: auto;
    background: rgba(51, 51, 51, 0.05);
    border-radius: 13.02vw;
    cursor: pointer;
  }

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

  .retail-catalog-nav-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 1.04vw;
    width: auto;
    padding: 1.04vw 2.6vw 1.04vw 2.08vw;
    background: transparent;
    border-radius: 13.02vw;
    text-decoration: none;
    color: #333;
  }

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

  .retail-catalog-nav-link-active {
    background: #bc1622;
    color: #fff;
    position: relative;
  }

  .retail-catalog-nav-link-active::after {
    content: none;
    display: none;
  }

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

  .retail-catalog-nav-link p {
    margin: 0;
    padding-top: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
  }

  .retail-catalog-nav-link-active p {
    font-weight: 500;
    font-size: 1.56vw;
    color: #fff;
  }

  .retail-catalog-nav-link svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  .retail-catalog-flex {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .retail-catalog-box {
    position: relative;
    width: auto;
    height: 15.63vw;
    min-height: 15.63vw;
    padding: 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
  }

  .retail-catalog-img {
    position: absolute;
    right: -2.08vw;
    bottom: 0;
    width: 25vw;
    height: 11.85vw;
  }

  .retail-catalog-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
  }

  .retail-catalog-desc {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 70%;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  .retail-catalog-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 1.04vw auto 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    cursor: pointer;
  }

  .retail-service {
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  .retail-service .container {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
  }

  .retail-service .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .retail-service-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .retail-service-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 2.08vw;
    padding-right: 8.33vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  .retail-service-box p {
    margin: 0;
    max-width: 33.85vw;
  }

  .retail-service-title {
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .retail-service-desc {
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .retail-service-link {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    color: #bc1622;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
  }

  .retail-service-link svg {
    width: 1.04vw;
    height: 1.04vw;
    margin-top: 0;
  }

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

  .retail-gift {
    margin-top: 0;
    padding: 3.91vw 0 0;
    background: #f1f1f1;
  }

  .retail-gift-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3.13vw;
    width: 100%;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
  }

  .retail-gift-container::before {
    content: none;
    display: none;
  }

  .retail-gift-container .main-form-title {
    margin: 0;
    color: #0e0e0e;
    font-size: 2.21vw;
    font-weight: 500;
    line-height: 100%;
  }

  /* Figma: text 377×hug @20,20; image group 566×341 @351,-10; fade 284
     hero static — иначе absolute-img якорится к узкой колонке текста */
  .retail-gift-hero {
    position: static;
    z-index: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 51.79%;
    max-width: 51.79%;
    min-height: 33.98vw;
    box-sizing: border-box;
  }

  .retail-gift-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .retail-gift-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .retail-gift-hero .retail-gift-desc {
    position: relative;
    z-index: 2;
    max-width: none;
  }

  .retail-gift-hero .retail-gift-desc br {
    display: none;
  }

  .retail-gift-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 2.08vw 0 0;
    padding: 1.56vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .retail-gift-hero-img {
    position: absolute;
    top: 0vw;
    left: 35.27%;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 79.71%;
    height: 46.4vw;
    overflow: hidden;
    pointer-events: none;
  }

  .retail-gift-hero-img::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 50.2%;
    height: 100%;
    background: linear-gradient(
      90deg,
      #fff 0%,
      #fff 18%,
      rgba(255, 255, 255, 0.85) 42%,
      rgba(255, 255, 255, 0.35) 68%,
      rgba(255, 255, 255, 0) 100%
    );
    pointer-events: none;
  }

  .retail-gift-hero-img img {
    position: relative;
    z-index: 0;
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 60% center;
  }

  .retail-gift-hero-img img.pc,
  .retail-gift-hero-img img.pc-1440 {
    display: block !important;
  }

  .retail-gift-hero-img img.mobile {
    display: none !important;
  }

  .retail-gift-conditions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    margin-top: 0;
  }

  .retail-gift-conditions-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
    width: 100%;
  }

  .retail-gift-conditions-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.52vw;
    width: auto;
    min-height: 17.71vw;
    height: auto;
    padding: 2.08vw 2.08vw 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .retail-gift-conditions-box .desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .retail-gift-conditions-box .desc br.pc,
  .retail-gift-conditions-box .desc br.pc-1440 {
    display: none !important;
  }

  .retail-gift-conditions-box svg {
    width: 5.21vw;
    height: 5.21vw;
    margin-left: auto;
    margin-top: auto;
    flex-shrink: 0;
    position: static;
  }

  .retail-gift-includes {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

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

  .retail-gift-includes-box {
    display: flex;
    align-items: center;
    gap: 1.56vw;
    width: 29.17vw;
    min-height: 8.59vw;
    height: auto;
    padding: 1.56vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .retail-gift-includes-box p,
  .retail-gift-includes-box .retail-gift-desc {
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  .retail-gift-includes-box svg {
    flex-shrink: 0;
    width: 2.6vw;
    height: 2.6vw;
  }

  .retail-gift-includes-box:nth-last-child(n + 4),
  .retail-gift-includes-box:nth-of-type(1) p,
  .retail-gift-includes-box:nth-of-type(2) p,
  .retail-gift-includes-box:last-of-type p {
    margin-top: 0;
    height: auto;
  }

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

  /* Figma: 4 cols, image h112, gap 4, title 12 — без «Смотреть» */
  .retail-gift-example {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  .retail-gift-example-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.3vw;
    width: 100%;
  }

  .retail-gift-example-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.52vw;
    width: auto;
    height: auto;
  }

  .retail-gift-example-img {
    position: relative;
    width: 100%;
    height: 14.58vw;
    margin-bottom: 0;
    border: 0.5px solid #aaa;
    border-radius: 0.65vw;
    overflow: hidden;
    background: #fff;
  }

  .retail-gift-example-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .retail-gift-example-img img.pc,
  .retail-gift-example-img img.pc-1440 {
    display: block !important;
  }

  .retail-gift-example-img img.mobile {
    display: none !important;
  }

  .retail-gift-example-box > .retail-gift-desc {
    margin: 0;
    padding: 0 2.6vw 1.04vw 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #0e0e0e;
  }

  .retail-gift-example-link {
    display: none !important;
  }

  /* Figma: title 14 + desc 11 (gap 8), num 36 внизу в потоке */
  .retail-gift-steps {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  .retail-gift-steps-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.3vw;
    width: 100%;
  }

  .retail-gift-steps-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    width: auto;
    min-height: 34.77vw;
    height: auto;
    padding: 2.08vw;
    padding-bottom: 7.29vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .retail-gift-steps-box .retail-subtitle {
    margin: 0 0 1.04vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .retail-gift-steps-box .desc {
    margin: 0;
    max-width: none;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .retail-subtitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .retail-gift-steps-num {
    position: absolute;
    right: 2.08vw;
    bottom: 2.08vw;
    z-index: 0;
    margin: 0;
    padding: 0;
    font-size: 4.69vw;
    font-weight: 500;
    line-height: 100%;
    color: #aaa;
    text-align: right;
    pointer-events: none;
  }

  .retail-gift-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2.6vw;
    margin-top: 0;
  }

  .retail-gift-bottom .subtitle {
    margin: 0;
    max-width: 43.62vw;
    font-size: 1.95vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  .retail-gift-bottom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-size: 1.95vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  /* retail shared sections overrides */
  main.retail .brands {
    padding: 5.21vw 0 3.91vw;
    background: #f1f1f1;
  }

  main.retail .brands .container {
    gap: 1.56vw;
  }

  main.retail .brands .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.retail .brands-slider,
  main.retail .brands-slider .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.3vw;
    grid-template-columns: none;
    overflow-x: auto;
  }

  main.retail .brands-slide {
    display: flex !important;
    flex: 0 0 18.23vw !important;
    width: 18.23vw !important;
    min-width: 18.23vw !important;
    height: 11.33vw !important;
    margin: 0 !important;
    border-radius: 0.65vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.retail .brands-slide:nth-child(n + 6) {
    display: flex !important;
  }

  main.retail .brands-slide:nth-child(n + 7) {
    display: none !important;
  }

  main.retail .brands-slide-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1.56vw;
    box-sizing: border-box;
  }

  main.retail .brands-slide-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  main.retail .products {
    padding: 3.91vw 0;
    background: #fff;
  }

  main.retail .products .container {
    gap: 1.56vw;
  }

  main.retail .products .title {
    margin: 0;
    font-size: 3.13vw;
  }

  main.retail .products-container,
  main.retail .products .products-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.04vw;
    overflow-x: auto;
  }

  main.retail .products-box {
    flex: 0 0 22.92vw;
    width: 22.92vw;
    min-width: 22.92vw;
  }

  main.retail .products-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 1.3vw auto 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
  }

  main.retail .projects {
    padding: 5.21vw 0 3.91vw;
    background: #f1f1f1;
  }

  main.retail .projects .title {
    margin: 0 0 1.56vw;
    font-size: 3.13vw;
  }

  main.retail .projects-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.04vw;
    overflow-x: auto;
  }

  main.retail .projects-box {
    flex: 0 0 20.31vw;
    width: 20.31vw;
    min-width: 20.31vw;
    height: auto;
    min-height: 23.31vw;
  }

  main.retail .projects-box:nth-child(n + 6) {
    display: flex !important;
  }

  main.retail .projects-img {
    height: 14.06vw;
  }

    /* Personal — Figma 608:26909 (768.Личный кабинет), px/768*100 */

  .personal {
    margin: 2.6vw 0 calc(2.6vw + 9.11vw);
  }

  .personal .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 94.79vw;
    gap: 0;
  }

  .personal-panel {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    max-width: 94.79vw;
  }

  .personal-panel-title {
    margin: 0;
    font-weight: 500;
    font-size: 2.34vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #0E0E0E;
    padding-bottom: 1.56vw;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .personal-panel-name {
    margin: 0;
    color: rgba(51, 51, 51, 0.6);
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    letter-spacing: 0%;
    padding-top: 1.56vw;
  }

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

  .personal-panel-nav-link {
    color: #333333;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    padding: 1.04vw 1.56vw;
    border-radius: 0.65vw;
    background: #F1F1F1;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-decoration: none;
  }

  .personal-panel-nav-link span,
  .personal-panel-nav-link span.mobile {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    flex-shrink: 0;
  }

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

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

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

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

  .personal-panel-bottom {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.04vw;
    padding: 1.04vw 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }

  .personal-panel-bottom .personal-panel-name {
    padding-top: 0;
    width: auto;
    max-width: 60%;
    color: rgba(51, 51, 51, 0.8);
    font-size: 1.43vw;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .personal-panel-btn {
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0.65vw;
    background: #333333;
    color: #fff;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: 1.43vw;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
    flex-shrink: 0;
    padding: 1.04vw 2.08vw;
    box-sizing: border-box;
  }

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

  .personal-container {
    width: 100%;
    display: none;
    margin-top: 0;
    flex-direction: column;
  }

  .personal-container-back {
    cursor: pointer;
    display: flex !important;
    align-items: center;
    gap: 0.52vw;
    font-weight: 400;
    font-size: 1.69vw;
    line-height: 130%;
    letter-spacing: 0%;
    color: rgba(51, 51, 51, 0.8);
    text-decoration: none;
    margin: 0;
    padding: 0;
  }

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

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

  .personal-container-back svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
    flex-shrink: 0;
  }

  .personal-container_active {
    display: flex;
  }

  /* Desktop cards hidden on tablet — menu-only default screen */
  .personal-main,
  .personal-main.personal-container_active {
    display: none !important;
  }

  .personal-main-box {
    display: none !important;
  }

  .personal-main-box-title,
  .personal-desc,
  .personal-main-box-svg {
    display: none !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .personal-filters {
    display: flex;
    align-items: center;
    gap: 0.26vw;
    padding: 0 1.04vw;
    border-radius: 3.23vw;
    background: #F1F1F1;
    height: 4.16vw;
    margin-left: 1.04vw;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .personal-container-orders-back svg {
    width: 0.78vw;
    height: 2.08vw;
    margin-top: -0.23vw;
  }

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

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

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

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

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

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

  .tooltiptext {
    position: absolute;
    display: none;
    top: -9.37vw;
    right: -9.37vw;
    z-index: 1;
    width: 20.44vw;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 15px 0px #0000001F;
    padding: 1.8vw 1.56vw 1.56vw 1.56vw;
    border-radius: 0.52vw;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 130%;
    letter-spacing: 0%;
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .personal-orders-info-price-btn {
    border: none;
    border-radius: 0.65vw;
    background: #333333;
    color: #fff;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    letter-spacing: 0%;
    height: 4.95vw;
    width: 100%;
    padding-top: 0.14vw;
    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: 1.56vw;
    line-height: 100%;
    letter-spacing: 0%;
    margin-top: 1.56vw;
    margin-bottom: 1.56vw;
    gap: 1.04vw;
  }

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

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

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

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

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

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

   /* HISTORY */

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

  .personal-orders-sort-history-container .personal-orders-sort-option {
    padding: 0 1.56vw;
    border-radius: 0.65vw;
    height: 4.04vw;
    background: #F1F1F1;
    padding-top: 0.23vw;
  }

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

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

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

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

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

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

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

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

  .personal-date-input {
    width: 18.98vw;
    height: 4.3vw;
    border-radius: 0.52vw;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    padding: 0 4.16vw 0 2.08vw;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    letter-spacing: 0%;
    outline: none;
    background: #fff;
    color: #333;
  }


  .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;
    width: 100%;
    overflow: visible;
  }

  .date-widget {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    right: 1.56vw;
    transform: translateY(-50%);
    content: '';
    width: 2.08vw;
    height: 2.08vw;
    z-index: 5;
    cursor: pointer;
    pointer-events: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* HISTORY */

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

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

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

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

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

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

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

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

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

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

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

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

.personal-container-settings-gender-choice {
  display: flex;
  align-items: center;
  gap: 1.04vw;
  height: 4.69vw;
  border-radius: 0.65vw;
  background: #fff;
  box-sizing: border-box;
  padding: 0 2.6vw 0 2.08vw;
  cursor: pointer;
  position: relative;
}

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

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

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

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

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

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

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

.select2-container {
  width: 100%;
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 120%;
  letter-spacing: 0%;
  padding: 0;
  padding-top: 0.23vw;
  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 0.52vw 0.52vw;
  width: 36.45vw;
  box-sizing: border-box;
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.82vw;
    position: absolute;
    top: 1.04vw;
    right: 2.08vw;
    width: 1.82vw;
}

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

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

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

.personal-container-settings-name-change-input {
  width: 36.45vw;
  height: 3.9vw;
  outline: none;
  border-radius: 0.52vw; 
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: 1px solid #E2E2E2;
  margin-right: 0;
  padding-left: 2.08vw;
  padding-top: 0.23vw;
}

.personal-container-settings-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  box-sizing: border-box;
  height: 3.9vw;
  border-radius: 0.65vw;
  background: #fff;
  cursor: pointer;
  padding: 0 2.08vw;
  background: #BC1622;
  color: #fff;
  gap: 1.3vw;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-top: 0.23vw;
}

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

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

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

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

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

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

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

/* EDIT */

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

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

/* POPUP DETAILS */

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

.popup_details_opened {
  display: flex;
}

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

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

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

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

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

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

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

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

.popup_details-btn {
  width: 20.31vw;
  height: 4.95vw;
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 0.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.23vw;
  font-weight: 500;
  font-size: 1.56vw;
  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: 1.04vw;
}

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

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

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

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

.popup_details-form-input {
  width: 100%;
  box-sizing: border-box;
  height: 5.21vw;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  padding-left: 2.08vw;
  padding-top: 0.23vw;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

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

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

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

/* Datepicker */


/* datepicker styles — Figma tablet date inputs + popup calendar */
.datepicker-container {
  position: relative;
  overflow: visible;
}

.datepicker {
  position: absolute;
  top: calc(100% + 0.52vw);
  bottom: auto;
  left: 0;
  right: auto;
  margin: 0;
  z-index: 10000;
  background: #fff;
  border-radius: 0.65vw;
  width: 36.46vw;
  min-width: 36.46vw;
  height: fit-content;
  box-shadow: 0 0.26vw 1.04vw 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding-bottom: 0.52vw;
}

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

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

.datepicker-till::after {
  left: auto;
  right: 12%;
  margin-left: 0;
  margin-right: -5px;
}

.datepicker button {
  cursor: pointer;
  border: none;
  border-radius: 0.26vw;
  background: transparent;
  font-size: 1.56vw;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  touch-action: manipulation;
  box-sizing: border-box;
  padding: 0;
  width: 3.13vw;
  height: 3.13vw;
}

.days,
.dates {
  display: grid;
  grid-template-columns: repeat(7, 3.13vw);
  column-gap: 1.04vw;
  row-gap: 0.52vw;
  margin: 0 2.08vw 1.04vw 2.08vw;
  justify-content: space-between;
}

.days {
  margin: 1.04vw 2.08vw 0.52vw 2.08vw;
}

.days span {
  font-size: 1.43vw;
  line-height: 3.13vw;
  font-weight: 400;
  text-align: center;
  color: rgba(51, 51, 51, 0.6);
}

.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 1.04vw;
  border-bottom: 1px solid #F0F0F0;
}

.datepicker-header button {
  width: 2.86vw;
  height: 5.21vw;
  padding: 0;
}

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

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

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

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

/* ESTIMATE */

.personal-orders-estimate-add {
  height: 4.13vw;
  display: flex;
  align-items: center;
  gap: 1.04vw;
  padding: 0.23vw 2.6vw 0 2.08vw;
  border-radius: 13.02vw;
  background-color: #F1F1F1;
  color: #333;
  font-weight: 700;
  font-size: 1.43vw;
  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: 2.08vw;
  height: 2.08vw;
  margin-top: -0.23vw;
}

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

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

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

.personal-estimate-box-widget {
  display: flex;
  align-items: center;
  height: 4.16vw;
  padding: 0.23vw 2.08vw 0 1.56vw;
  border-radius: 13.02vw;
  background: #FFFFFF;
  color: #333333CC;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  width: fit-content;
  gap: 0.52vw;
  cursor: pointer;
}

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

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

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

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

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

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

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

.personal-estimate-info-container .personal-orders-box-title span {
  width: 2.6vw;
  height: 2.6vw;
  margin-top: -0.09vw;
  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 2.6vw;
  color: #333333;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  border-radius: 13.02vw;
  cursor: pointer;
  padding-top: 0.23vw;
}

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

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

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

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

.personal-estimate-box-paid-title {
  margin: 0;
  color: #0E0E0E;
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 1.04vw;
  margin-bottom: 1.04vw;
  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: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 1.22vw;
}

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

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

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

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

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

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

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

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

.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: 1.56vw;
  height: 1.56vw;
  margin-top: -0.23vw;
}

.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: 0.65vw;
  width: 100%;
  padding-top: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
  overflow-x: scroll;
}

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

.personal-estimate-sort-fold-row {
  display: grid;
  grid-template-columns: 3.64vw 4.16vw 20.81vw 7.81vw 7.81vw 7.81vw 7.81vw;
  column-gap: 1.56vw;
  padding-bottom: 1.17vw;
  padding-top: 0.52vw;
  width: fit-content;
  border-bottom: 1px solid #0000001A;
}

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

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

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

.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: 30.33vw 3.52vw 4.69vw;
  padding-bottom: 2.08vw;
}

.popup-input {
  border: none;
  height: 4.95vw;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  padding-left: 2.08vw;
  padding-top: 0.23vw;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
}

/* COMPARE */

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

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

.personal-compare-widgets {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1.56vw;
  width: 100%;
}

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

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

.personal-orders-sort-checkbox .checkbox__label::after {
  top: -0.53vw;
  left: -4.16vw;
}

.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: 10.42vw;
  position: absolute;
  top: 0;
  right: calc((100vw - 94.79vw) / -2);
  content: '';
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 90;

}

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

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

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

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

.personal-compare-box-top .products-name {
  height: 8.85vw;
}

.personal-compare-box-top .products-pricetag::after {
  position: absolute;
  content: "";
  top: 0;
  left: -1.04vw;
  width: 22.91vw;
  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: 1.04vw;
  padding-top: 1.28vw;
  gap: 0.26vw;
  min-height: 5.73vw;
}

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

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

.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:1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  min-height: 1.56vw;
}

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

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

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

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

.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: 2.6vw;
  column-gap: 1.04vw;
}

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

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

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

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

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

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

/* СПИСКОМ */

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

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

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

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

.products-box_list .products-promo {
  right: auto;
  left: 0;
  border-radius: 3.25vw 3.25vw 3.25vw 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: 14.22vw;
  gap: 0.13vw;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

.products-box_list .products-pricetag {
  width: 7.16vw;
  display: flex;
  flex-direction: column;
  padding: 0;
  border: none;
  gap: 0.13vw;
  padding-top: 0.09vw;
}

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

.products-box_list .products-info {
  padding: 0.13vw 0 0.59vw 0;
}

.box-only {
  display: flex;
}

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

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

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

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

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

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

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

.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: 32.81vw;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  padding-bottom: 0;
  border: none;
  padding: 0;
  margin: 0;
}

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

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

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

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

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

.products-box_list-img .products-promo {
  top: 0vw;
  right: auto;
  left: 0vw;
  border-radius: 13.02vw;
  padding: 0.52vw 1.56vw;
  padding-top: 0.75vw;
  font-size: 1.04vw;
}

/* SUPPORT */

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

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

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

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

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

.personal-support-links {
  display: flex;
  gap: 0.52vw;
  margin-bottom: 2.08vw;
}

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

.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: 2.08vw;
  box-sizing: border-box;
  padding: 2.08vw;
  border-radius: 1.3vw;
  background: #F1F1F1;
}

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

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

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

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

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

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

.personal-refund-add {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  font-weight: 400;
  font-size: 1.56vw;
  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: 1.56vw;
  height: 1.56vw;
  margin-top: -0.33vw;
}

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

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

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

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

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

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

.personal-refund-more {
  position: absolute;
  top: 1.23vw;
  right: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding: 0 2.08vw;
  border-radius: 13.02vw;
  height: 3.9vw;
  display: flex;
  align-items: center;
  padding-top: 0.28vw;
  color: #333333CC;
  background-color: #fff;
  cursor: pointer;
}

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

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

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

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

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

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

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

.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 0.52vw 0.52vw;
    width: 40.78vw;
    box-sizing: border-box;
}

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

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

.hidden {
  display: none;
}

.select2-container.hidden {
    display: none;
}

.popup-textarea.hidden {
    display: none;
}

#case-number.hidden {
    display: none;
}

.personal-refund-info {
  width: 100%;
}

.personal-refund-info-container .personal-refund-status {
  padding-bottom: 0.52vw;
}

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

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

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

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

/* ОБЪЕКТЫ */

.personal-projects-box-delivery {
  margin-bottom: 0;
}

.personal-projects-box-delivery .personal-orders-box-link {
  position: relative;
  bottom: auto;
  left: auto;
}

.personal-projects-box-delivery .personal-estimate-desc {
  margin-top: 1.3vw;
}

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

.personal-date-sort-desc-projects {
  width: 3.64vw;
}

/* STAFF */

.personal-staff-more {
  margin-left: 0;
}

.personal-search-staff {
  width: 100%;
}

.personal-search-staff .personal-search-line {
  width: 100%;
}

.personal-staff-box {
  width: 100%;
  box-sizing: border-box;
  padding: 2.08vw;
  border-radius: 1.3vw;
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
  background: #F1F1F1;
}

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

.personal-staff-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
  padding-bottom: 2.6vw;
  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: 0.78vw;
  width: 100%;
}

.personal-staff-container:nth-of-type(1) .personal-staff-info {
  margin: 0;
}

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

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

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

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

.personal-staff-subdesc-widget svg {
  width: 1.56vw;
  height: 1.56vw;
  margin-top: -0.28vw;
}

.personal-staff-info {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  width: 100%;
  margin: 0.52vw 0 1.04vw 0;
}

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

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

.personal-staff-widgets {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.personal-staff-access {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin-right: auto;
  gap: 2.08vw;
}

.personal-staff-access-text {
  margin: 0;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333;
  width: 11.07vw;
  margin-top: 0.54vw;
}

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

body:has(.personal-staff-more) .popup-input {
  margin-top: -1.56vw;
}

body:has(.personal-staff-more) .popup-input:first-of-type {
  margin-top: 0;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 6.38vw;
  height: 3.64vw;
}

/* 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: 2.73vw;
  width: 2.73vw;
  left: 0.45vw;
  bottom: 0.45vw;
  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(2.73vw);
  -ms-transform: translateX(2.73vw);
  transform: translateX(2.73vw);
}

/* Rounded sliders */
.slider.round {
  border-radius: 13.02vw;
}

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

/* AUTH */

.popup_login .popup-container {
  width: 44.27vw;
  border-radius: 1.3vw;
}

.popup_login {
  align-items: center;
}

.popup-login-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 0.65vw;
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 0.78vw;
}

.popup-login-nav-link {
  width: 18.19vw;
  height: 3.9vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
  box-sizing: border-box;
  padding-top: 0.23vw;
  border-radius: 0.65vw;
  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: 1.04vw;
}

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

.popup_login-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  margin-top: 3.12vw;
}

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

.popup-forgot-pass {
  font-weight: 400;
  font-size: 1.43vw;
  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: 1.56vw;
}

#popup-code .popup-desc {
  color: #2C3439;
  font-size: 1.82vw;
}

#popup-code .popup-container {
  width: 44.27vw;
  border-radius: 1.3vw;
}

#popup-code {
  align-items: center;
}

.popup-phone-edit {
  margin: 0;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 140%;
  letter-spacing: 0%;
  color: #BC1622;
  margin-top: -2.08vw;
  cursor: pointer;
}

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

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

.popup-code {
  width: 8.98vw;
  height: 1.88vw;
  border-radius: 7.16vw;
  box-sizing: border-box;
  border: 1px solid ;
  padding-top: 0.23vw;
  display: flex;
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-size: 2.08vw;
  line-height: 100%;
  letter-spacing: 0%;
}

#popup-code .popup-code-timer {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 140%;
  letter-spacing: 0%;
}

#popup-code .popup-code-send-again {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 1.56vw;
  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: 1.3vw;
}

#popup-change-confirm .popup_details-btn-cancel:hover path {
  stroke: #BC1622;
}

#popup-change-confirm .popup_details-btn svg {
  width: 2.08vw;
  height: 2.08vw;
  margin-top: -0.23vw;
}

.popup_register.popup_details {
  align-items: flex-start;
  justify-content: center;
  padding-top: 2.61vw;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.popup_register .popup-container {
  width: 44.27vw;
  max-width: 100%;
  max-height: calc(100dvh - 5.21vw);
  margin-bottom: 2.61vw;
  overflow-y: auto;
  border-radius: 1.3vw;
  gap: 2.08vw;
  -webkit-overflow-scrolling: touch;
}

.popup_register .popup-container::-webkit-scrollbar {
  display: none;
}

.popup_register .popup-container::after {
  top: 7.81vw;
}

.popup-register-types {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52vw;
  box-sizing: border-box;
}

.popup-register-type {
  display: flex;
  align-items: center;
  gap: 1.04vw;
  height: 4.16vw;
  padding: 0 2.08vw 0 1.56vw;
  border-radius: 0.65vw;
  background-color: #F1F1F1;
  cursor: pointer;
  box-sizing: border-box;
}

.popup-register-type:nth-child(3) {
  flex: 0 0 auto;
  max-width: fit-content;
}

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

.popup-register-type span {
  position: relative;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  color: #2C3439;
  margin-top: 0.39vw;
  cursor: pointer;
  white-space: nowrap;
}

.popup-register-type span::after {
  position: absolute;
  top: -0.2vw;
  left: -3.13vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.popup-register-type input:checked + span::before {
  position: absolute;
  top: -0.2vw;
  left: -3.13vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  content: '';
  border: 0.65vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

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

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

.popup-register-policy {
  margin-top: 2.08vw;
}

.popup-register-policy .checkbox-policy {
  margin-bottom: 1.56vw;
  gap: 2.08vw;
}

.popup-register-policy .checkbox__input {
  width: 3.13vw;
}

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

.popup-register-policy .checkbox__label::after {
  top: -0.52vw;
  left: -5.21vw;
  width: 3.13vw;
  height: 3.13vw;
  border-color: #BC1622;
}

.popup-register-policy .checkbox__input:checked + .checkbox__label::before {
  top: -0.52vw;
  left: -5.21vw;
  width: 3.13vw;
  height: 3.13vw;
  border-radius: 0.39vw;
  background-size: 0.91vw 0.78vw;
}

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

.popup-register-required {
  margin: 0 0 1.04vw;
  font-weight: 400;
  font-size: 1.69vw;
  line-height: 100%;
  color: #33333399;
}

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

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

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

.popup-register-login-link {
  display: block;
  width: 100%;
  margin: 1.04vw 0 0;
  padding: 0;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: 1.82vw;
  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: 2.08vw;
  transform: translateY(calc(-50% + 0.2vw));
  font-weight: 400;
  font-size: 1.69vw;
  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 — Figma 849:65358 «768.Каталог 1 уровень» */

  main.catalog .catalog__main .container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    margin-bottom: 3.91vw;
    padding: 0;
  }

  /* Back — pad 12 0 0, font 13 */
  main.catalog .catalog-back {
    display: inline-flex !important;
    align-items: center;
    gap: 0.52vw;
    width: fit-content;
    margin: 0 0 1.04vw;
    padding: 1.56vw 0 0;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 400;
    font-size: 1.69vw;
    line-height: 130%;
    text-decoration: none;
  }

  main.catalog .catalog-back:hover {
    color: #bc1622;
  }

  main.catalog .catalog-back:hover path {
    stroke: #bc1622;
  }

  main.catalog .catalog-back svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
    flex-shrink: 0;
  }

  /* Title row: title + «База знаний», then categories gap 24 */
  main.catalog .catalog-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1.3vw 1.04vw;
    width: 100%;
    margin: 0 0 3.13vw;
  }

  main.catalog .catalog-top .catalog-back {
    flex: 1 0 100%;
    margin-bottom: 0;
  }

  main.catalog .catalog-top .title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.catalog .catalog-base {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0.52vw;
    margin: 0;
    color: #333;
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }

  main.catalog .catalog-base:hover {
    color: #ed2039;
  }

  main.catalog .catalog-base:hover path {
    stroke: #ed2039;
  }

  main.catalog .catalog-base svg {
    width: 2.6vw;
    height: 2.6vw;
    margin-top: 0;
  }

  main.catalog .catalog-container {
    display: flex;
    width: 100%;
  }

  main.catalog .catalog__nav {
    display: none;
  }

  /* Content stack: categories → banner → seo, gap 40 */
  main.catalog .catalog__main-text {
    display: flex;
    flex-direction: column;
    gap: 5.21vw;
    width: 100%;
  }

  /* Categories — 5×139, gap 8 */
  main.catalog .catalog__main-products-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.04vw;
    width: 100%;
    margin: 0;
  }

  main.catalog .catalog__main-products-list-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 25.52vw;
    margin: 0;
    padding: 1.56vw 1.3vw;
    gap: 0.52vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    text-decoration: none;
  }

  main.catalog .catalog__main-products-list-item:nth-of-type(6) {
    height: auto;
    min-height: 0;
  }

  main.catalog .catalog__main-products-list-item:hover .subdesc {
    color: #bc1622;
  }

  main.catalog .catalog__main-products-list-item .subdesc {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  /* Multi-line titles from Figma — show pc breaks on tablet */
  main.catalog .catalog__main-products-list-item .subdesc br.pc {
    display: block !important;
  }

  main.catalog .catalog__main-products-list-img {
    width: 100%;
    height: 15.63vw;
    flex-shrink: 0;
    overflow: hidden;
  }

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

  /* Banner — 728×100, pad text 32, radius 5 */
  main.catalog .promo-catalog {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.52vw;
    box-sizing: border-box;
    width: 100%;
    height: 13.02vw;
    min-height: 13.02vw;
    padding: 4.17vw 39.58vw 4.17vw 4.17vw;
    border-radius: 0.65vw;
    background: #333;
    overflow: hidden;
  }

  main.catalog .hero-catalog-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 57.68vw;
    color: #fff;
    font-weight: 500;
    font-size: 2.08vw;
    line-height: 100%;
  }

  main.catalog .promo-catalog-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 57.68vw;
    color: #fff;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 100%;
  }

  main.catalog .promo-catalog-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 39.58vw;
    height: 100%;
  }

  main.catalog .promo-catalog-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 28.26vw;
    height: 100%;
    background: linear-gradient(86deg, #333 17%, rgba(51, 51, 51, 0) 100%);
    content: "";
    z-index: 1;
  }

  main.catalog .promo-catalog-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  main.catalog .promo-catalog-img img.mobile {
    display: block !important;
  }

  main.catalog .promo-catalog-img img.pc {
    display: none !important;
  }

  /* SEO — title 22 / body 12 / h2 20 / h3 16, gap 20 */
  main.catalog .catalog-text {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
  }

  main.catalog .catalog-text-seo {
    margin: 0;
    color: #0e0e0e;
    font-weight: 700;
    font-size: 2.86vw;
    line-height: 100%;
  }

  main.catalog .catalog-text-desc {
    margin: 0;
    color: #0e0e0e;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
  }

  main.catalog .catalog-text-container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.catalog .catalog-text-title {
    margin: 0;
    color: #0e0e0e;
    font-weight: 500;
    font-size: 2.6vw;
    line-height: 100%;
  }

  main.catalog .catalog-text-subtitle {
    margin: 0;
    color: #0e0e0e;
    font-weight: 500;
    font-size: 2.08vw;
    line-height: 100%;
  }

  main.catalog .catalog-text-more {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    color: #bc1622;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
    text-decoration: none;
    cursor: pointer;
  }

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

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

  main.catalog .catalog-text-more svg {
    width: 1.56vw;
    height: 1.56vw;
    margin-top: 0;
  }

/* CATALOG STEP 2 — Figma 853:71088 «768. Каталог 2 уровень» */

  main.catalog-step .catalog__main .container,
  main.catalog-step .catalog__main-step .container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    margin-bottom: 3.91vw;
    padding: 0;
  }

  /* Back */
  main.catalog-step .catalog-back {
    display: inline-flex !important;
    align-items: center;
    gap: 0.52vw;
    width: fit-content;
    margin: 0;
    padding: 1.56vw 0 0;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 400;
    font-size: 1.69vw;
    line-height: 130%;
    text-decoration: none;
  }

  main.catalog-step .catalog-back:hover {
    color: #bc1622;
  }

  main.catalog-step .catalog-back:hover path {
    stroke: #bc1622;
  }

  main.catalog-step .catalog-back svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
    flex-shrink: 0;
  }

  /* Title row — 18 Medium + База знаний; content pad-top 20 after back */
  main.catalog-step .catalog-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0 2.6vw;
    width: 100%;
    margin: 0 0 1.56vw;
    padding-top: 0;
  }

  main.catalog-step .catalog-top .catalog-back {
    flex: 1 0 100%;
    padding-top: 1.56vw;
    margin-bottom: 2.6vw;
  }

  main.catalog-step .catalog-top .title,
  main.catalog-step .catalog__main .title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.catalog-step .catalog-base {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0.52vw;
    margin: 0;
    color: #333;
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 130%;
    text-decoration: none;
    cursor: pointer;
  }

  main.catalog-step .catalog-base svg {
    width: 2.6vw;
    height: 2.6vw;
    margin-top: 0;
  }

  /* Subcategory chips — 4×176, pad 4 8, img 40, gap 8, radius 5 */
  main.catalog-step .catalog-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
    width: 100%;
    margin: 0 0 2.6vw;
  }

  main.catalog-step .catalog-category-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.04vw;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0.52vw 1.04vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    text-decoration: none;
    cursor: pointer;
  }

  main.catalog-step .catalog-category-link .subdesc {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
  }

  main.catalog-step .catalog-category-link:hover .subdesc {
    color: #bc1622;
  }

  main.catalog-step .catalog-category-img {
    width: 5.21vw;
    height: 5.21vw;
    flex-shrink: 0;
    overflow: hidden;
  }

  main.catalog-step .catalog-category-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Tags — pad 8 0, gap 4, pill 6 12, font 10; then 20 to toolbar */
  main.catalog-step .catalog-examples {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
    width: 100%;
    margin: 0 0 2.6vw;
    padding: 1.04vw 0;
  }

  main.catalog-step .catalog-examples-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.78vw 1.56vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    color: #333;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    cursor: pointer;
  }

  main.catalog-step .catalog-examples-link:hover {
    color: #bc1622;
  }

  main.catalog-step .catalog-container {
    display: block;
    width: 100%;
    margin: 0;
  }

  main.catalog-step .catalog__main-text {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  /* Widgets — filters pill left, sort/view right; 20 to products */
  main.catalog-step .products-catalog-widgets,
  main.catalog-step .products-favorite-widgets.products-catalog-widgets {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 2.6vw;
    width: 100%;
    margin: 0 0 2.6vw;
  }

  main.catalog-step .catalog-product-outcome {
    display: none !important;
  }

  main.catalog-step .catalog-product-filters {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 1.04vw;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: 1.04vw 2.6vw 1.04vw 2.08vw;
    border-radius: 13.02vw;
    background: #f1f1f1;
    color: #333;
    font-weight: 700;
    font-size: 1.43vw;
    line-height: 100%;
    text-decoration: none;
    cursor: pointer;
  }

  main.catalog-step .catalog-product-filters svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
  }

  main.catalog-step .products-catalog-widgets .personal-favorite-filter {
    display: flex;
    align-items: center;
    gap: 1.56vw;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
  }

  main.catalog-step .personal-favorite-filter-desc.pc,
  main.catalog-step .personal-favorite-filter-desc.pc-1440 {
    display: block !important;
  }

  main.catalog-step .personal-favorite-filter-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.catalog-step .personal-favorite-filter span.personal-favorite-filter-desc {
    display: inline-flex;
    align-items: center;
    gap: 0.26vw;
    color: #bc1622;
  }

  main.catalog-step .products-catalog-widgets .personal-favorite-sort {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
  }

  main.catalog-step .personal-favorite-sort-box {
    width: 3.13vw;
    height: 3.13vw;
    border-radius: 0.52vw;
    background: #f1f1f1;
  }

  main.catalog-step .personal-favorite-sort-box svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  /* Products — 4×176, gap 8, pad 8, img 160, radius 10; settings outside; 40 to banner */
  main.catalog-step .products-container.products-favorite-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
    row-gap: 1.04vw;
    width: 100%;
    margin: 0 0 5.21vw;
    padding-left: 6.38vw;
    box-sizing: border-box;
    overflow: visible;
  }

  main.catalog-step .products-container.products-favorite-container .products-box {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
  }

  main.catalog-step .products-favorite-container .products-img {
    width: 100%;
    height: 20.83vw;
    margin: 0 0 1.04vw;
  }

  main.catalog-step .products-favorite-container .products-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  main.catalog-step .products-favorite-container .products-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    min-height: 7.29vw;
    max-height: 7.29vw;
    margin: 0 0 1.04vw;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.catalog-step .products-favorite-container .products-price {
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 100%;
  }

  main.catalog-step .products-favorite-container .products-desc {
    font-size: 1.17vw;
  }

  /* Grid card: box-only buy/info; hide list-only (main .products-buy overrides .list-only) */
  main.catalog-step .products-favorite-container .products-buy.list-only {
    display: none !important;
  }

  main.catalog-step .products-favorite-container .products-buy.box-only {
    display: flex !important;
    align-items: center;
    gap: 1.04vw;
    width: 100%;
    height: auto;
    min-height: 0;
    /* Figma: gap 8 before кнопки + pad-top 8 = 16 */
    margin-top: 1.04vw;
    padding-top: 1.04vw;
  }

  main.catalog-step .products-favorite-container .buy-btn {
    flex: 1 1 auto;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.04vw 2.08vw;
    font-size: 1.43vw;
    font-weight: 700;
    border-radius: 0.65vw;
  }

  main.catalog-step .products-favorite-container .buy-more-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.65vw;
    height: 3.65vw;
    min-width: 3.65vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    flex-shrink: 0;
  }

  main.catalog-step .products-favorite-container .products-info.box-only {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin-top: 1.04vw;
    padding: 0;
    min-height: 0;
  }

  /* Figma 853:71180 — line / pad 8 / цена gap 2 / pad 8 / line / pad 8 / инфо */
  main.catalog-step .products-favorite-container .products-pricetag {
    display: flex;
    flex-direction: column;
    gap: 0.26vw;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1.04vw 0;
    min-height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  main.catalog-step .products-favorite-container .products-pricetag > .products-desc {
    margin: 0;
  }

  main.catalog-step .products-favorite-container .products-price-row {
    margin: 0;
  }

  main.catalog-step .products-favorite-container .products-settings {
    top: 1.04vw;
    left: -6.38vw;
    gap: 0.52vw;
    z-index: 5;
  }

  main.catalog-step .products-favorite-container .products-settings-box {
    width: 3.13vw;
    height: 3.13vw;
    border-radius: 0.52vw;
  }

  main.catalog-step .products-favorite-container .products-settings-box svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  main.catalog-step .products-favorite-container .products-promo,
  main.catalog-step .products-favorite-container .products-discount-promo {
    padding: 0.78vw 1.56vw;
    font-size: 1.3vw;
    border-radius: 13.02vw 0 0 13.02vw;
  }

  /* Banner 728×100 + SEO; major gap 40 */
  main.catalog-step .promo-catalog {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.52vw;
    box-sizing: border-box;
    width: 100%;
    height: 13.02vw;
    min-height: 13.02vw;
    margin: 0 0 5.21vw;
    padding: 4.17vw 39.58vw 4.17vw 4.17vw;
    border-radius: 0.65vw;
    background: #333;
    overflow: hidden;
  }

  main.catalog-step .hero-catalog-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 57.68vw;
    color: #fff;
    font-weight: 500;
    font-size: 2.08vw;
    line-height: 100%;
  }

  main.catalog-step .promo-catalog-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 57.68vw;
    color: #fff;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 100%;
  }

  main.catalog-step .promo-catalog-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 39.58vw;
    height: 100%;
  }

  main.catalog-step .promo-catalog-img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 28.26vw;
    height: 100%;
    background: linear-gradient(86deg, #333 17%, rgba(51, 51, 51, 0) 100%);
    content: "";
    z-index: 1;
  }

  main.catalog-step .promo-catalog-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  main.catalog-step .promo-catalog-img img.mobile {
    display: block !important;
  }

  main.catalog-step .promo-catalog-img img.pc {
    display: none !important;
  }

  main.catalog-step .catalog-text {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
  }

  main.catalog-step .catalog-text-seo {
    margin: 0;
    color: #0e0e0e;
    font-weight: 700;
    font-size: 2.86vw;
    line-height: 100%;
  }

  main.catalog-step .catalog-text-desc {
    margin: 0;
    color: #0e0e0e;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
  }

  main.catalog-step .catalog-text-container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.catalog-step .catalog-text-title {
    margin: 0;
    color: #0e0e0e;
    font-weight: 500;
    font-size: 2.6vw;
    line-height: 100%;
  }

  main.catalog-step .catalog-text-subtitle {
    margin: 0;
    color: #0e0e0e;
    font-weight: 500;
    font-size: 2.08vw;
    line-height: 100%;
  }

  main.catalog-step .catalog-text-more {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    color: #bc1622;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
    text-decoration: none;
    cursor: pointer;
  }

  main.catalog-step .catalog-text-more svg {
    width: 1.56vw;
    height: 1.56vw;
    margin-top: 0;
  }

/* CATALOG CATEGORY L3 — Figma 886:68234 «768. Каталог 3 уровень»
 * Shares main.catalog-step product/layout rules; overrides below. */

  /* Title → tags: parent gap 20 (no subcategory chips) */
  main.catalog-category .catalog-top {
    margin-bottom: 2.6vw;
  }

  /* Filters + «Очистить N фильтра» — gap 4 */
  main.catalog-category .catalog-product-filters-group {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    flex-shrink: 0;
  }

  main.catalog-category .catalog-product-filters-clear {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.52vw;
    box-sizing: border-box;
    margin: 0;
    padding: 1.04vw 1.56vw 1.04vw 2.08vw;
    border-radius: 13.02vw;
    background: #333;
    color: #fff;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 130%;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }

  main.catalog-category .catalog-product-filters-clear svg {
    width: 1.56vw;
    height: 1.56vw;
    flex-shrink: 0;
  }

  main.catalog-category .products-catalog-widgets .personal-favorite-filter {
    margin-left: auto;
  }

  /* Legacy unscoped chips (catalog-category may share) */
  .catalog-product-outcome {
    display: none;
  }

  .catalog-product-filters {
    align-items: center;
    gap: 1.04vw;
    cursor: pointer;
    color: #333;
    font-weight: 700;
    font-size: 1.43vw;
    line-height: 100%;
    box-sizing: border-box;
    height: 4.16vw;
    padding: 0.23vw 2.6vw 0 2.08vw;
    border-radius: 13.02vw;
    background: #f1f1f1;
  }

  .catalog-product-filters svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: -0.23vw;
  }

  .products-catalog-widgets .personal-favorite-filter {
    margin-left: 1.56vw;
    margin-right: auto;
  }

.catalog__filters {
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  flex-direction: column;
  box-sizing: border-box;
  padding: 2.6vw;
  padding-top: 0;
  border-radius: 1.3vw 1.3vw 0 0;
  background: #fff;
  gap: 1.56vw;
  z-index: 9999;
  overflow-y: scroll;
  height: 80vh;
}

.catalog__filters_opened {
  display: flex;
}


.filter-overlay {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  z-index: 9998;
  content: '';
  width: 100%;
  height: 100vh;
  background: #33333399;
}

.filter-overlay_opened {
  display: flex;
}

.filters-btns {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.04vw;
  margin-top: 2.6vw;
  margin-bottom: 10.31vw;
}

.filters-btn {
  width: 100%;
  height: 4.95vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.23vw;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
  border-radius: 0.65vw;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

.filters-btn:hover {
  color: #BC1622;
}

.filters-btn-apply:hover {
  color: #fff;
  background: #BA1420;
}

.filters-btn-apply {
  background-color: #BC1622;
  color: #fff;
}

.catalog__filters-title {
  position: sticky;
  padding-top: 2.84vw;
  background: #fff;
  z-index: 9999;
  top: 0;
  left: 0;
  margin: 0;
  color: #333333;
  font-weight: 500;
  font-size: 2.34vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-bottom: 2.6vw;
  width: 100%;
  border-bottom: none;
}

.catalog__filters-title::after {
  position: absolute;
  content: '';
  width: 100vw;
  left: calc((100vw - 94.79vw) / -2);
  bottom: 0;
  height: 1px;
  background: #0000001A;
}

.filters-close {
  position: absolute;
  top: 2.6vw;
  right: 0;
  cursor: pointer;
  width: 2.6vw;
  height: 2.6vw;
}

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

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

.catalog__filters-box {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
  width: 100%;
  margin-top: 1.04vw;
  padding-bottom: 1.56vw;
  border-bottom: 1px solid #0000001A;
}

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

.gray {
  color: #333333CC;
}

.catalog__filters-list {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  box-sizing: border-box;
  width: 100%;
  padding: 1.04vw 2.6vw;
}

.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: 1.56vw 0;
  gap: 1.04vw;
}

.catalog__filters-checkbox {
  display: flex;
  align-items: center;
  gap: 1.04vw;
}

.catalog__filters-checkbox-label {
  margin-top: 0.23vw;
}

/* CHECKBOX BOX */

.catalog__filters-checkbox-input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.catalog__filters-checkbox-input:checked+.catalog__filters-checkbox-label::before {
  position: absolute;
  top: -0.05vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  background-color: #BC1622;
  border-radius: 0.52vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 1.21vw 1.15vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.catalog__filters-checkbox-label {
  position: relative;
  cursor: pointer;
}

.catalog__filters-checkbox-label span {
  color: #33333399;
}

.catalog__filters-checkbox-label:hover {
  color: #A0151F;
}

.catalog__filters-checkbox-label::after {
  position: absolute;
  top: -0.05vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 0.52vw;
  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: 1.04vw;
  color: #333;
  cursor: pointer;
  font-weight: 700;
  font-size: 1.69vw;
  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: 1.56vw;
  height: 1.56vw;
  margin-top: -0.23vw;
}

.catalog__filters-brands {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  padding: 1.04vw 0;
  box-sizing: border-box;
  width: 100%;
}

.catalog__filters-brands-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.04vw;
}

.catalog__filters-brands-link {
  margin: 0;
  box-sizing: border-box;
  padding: 0.23vw 1.56vw 0 1.56vw;
  display: flex;
  height: 3.77vw;
  align-items: center;
  color: #333333;
  border-radius: 0.65vw;
  background: #F1F1F1;
  font-weight: 400;
  font-size: 1.69vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

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

.catalog__filters-more {
  margin: 0;
  margin-top: 0.52vw;
  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: 0.52vw;
  position: relative;
  margin-bottom: 1.04vw;
}

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

.range-titles {
  width: 100%;
  display: flex;
  gap: 25.39vw;
  margin-top: 1.56vw;
}

.range-slider>input {
  width: 11.46vw;
  height: 4.16vw;
  outline: none;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  padding-left: 1.56vw;
  color: rgba(44, 52, 57, 1);
  font-weight: 400;
  font-size: 1.69vw;
  line-height: 100%;
  background-color: transparent;
  position: relative;
}

.range {
  width: 100%;
  display: grid;
  position: relative;
  z-index: 5;
  margin-top: 1.56vw;
}

.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: 2.6vw;
  height: 2.6vw;
  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: 13.02vw;
  overflow: visible;
  z-index: -1;
}

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

/* LEGAL — Figma 1273:93746 «768. Для юр лиц» | px/768*100=vw */

  .legal-hero {
    position: relative;
    padding: 0;
    height: 33.72vw;
    min-height: 33.72vw;
    background-color: #333;
    color: #fff;
    overflow: hidden;
  }

  .legal-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    height: 100%;
    padding: 2.6vw 0;
    box-sizing: border-box;
  }

  .legal-hero .container::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    z-index: 1;
    width: 61.72vw;
    height: 100%;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  .legal-hero-img {
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    z-index: 0;
    width: 61.72vw;
    height: 100%;
    pointer-events: none;
  }

  .legal-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .legal-hero-img img.pc,
  .legal-hero-img img.pc-1440 {
    display: block !important;
  }

  .legal-hero-img img.mobile {
    display: none !important;
  }

  .legal-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .legal-hero .hero-desc {
    position: relative;
    z-index: 2;
    margin: 0.52vw 0 0;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  /* Figma: info gap 16 → chips; затем gap 24 до блока кнопок */
  .legal-hero-flex {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
    margin-top: 2.08vw;
    max-width: 88.28vw;
  }

  .legal-hero-box {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    width: auto;
    padding: 0.78vw 1.56vw 0.78vw 1.04vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    color: #333;
    font-size: 1.43vw;
    font-weight: 700;
    line-height: 100%;
  }

  .legal-hero-box svg,
  .legal-hero-box .icon-svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    color: #333;
  }

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

  .legal-hero-box br.mobile {
    display: none !important;
  }

  .legal-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 64.45vw;
    max-width: 64.45vw;
    margin-top: 3.13vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 140%;
  }

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

  .legal-hero-text p br {
    display: inline;
  }

  .legal-hero-btns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.04vw;
  }

  .legal-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .legal-hero-btn-gray {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
  }

  .legal-hero-btn:hover {
    background: #a0151f;
  }

  .legal-hero-btn-gray:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #bc1622;
  }

  /* Условия для корпоративных клиентов */
  .legal-conditions {
    padding: 5.21vw 0 0;
    background: #f1f1f1;
  }

  .legal-conditions .container {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  .legal-conditions .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .legal-conditions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
  }

  .legal-conditions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.52vw;
    box-sizing: border-box;
    width: calc((100% - 2.08vw) / 3);
    min-height: 18.62vw;
    height: auto;
    padding: 2.08vw 2.08vw 1.56vw;
    border-radius: 1.3vw;
    background: #fff;
  }

  .legal-conditions-box:nth-child(n + 4) {
    width: calc((100% - 1.04vw) / 2);
    min-height: 16.8vw;
  }

  .legal-conditions-box svg {
    position: static;
    order: 3;
    flex-shrink: 0;
    width: 6.25vw;
    height: 6.25vw;
    margin-top: auto;
    align-self: flex-end;
  }

  .legal-conditions-box .legal-subtitle {
    order: 1;
    align-self: stretch;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .legal-conditions-box .desc {
    order: 2;
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .legal-conditions-box .legal-subtitle br {
    display: none;
  }

  /* Партнёрский баннер */
  .legal-gift {
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  .legal-gift-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3.13vw;
    width: 100%;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
  }

  .legal-gift-container .main-form-title,
  .legal-gift-container .title {
    margin: 0;
    color: #0e0e0e;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .legal-gift-container .main-form-title {
    font-size: 2.21vw;
  }

  /* Figma: text 412 @20,20; image 370×300 @358,-2; кнопки в ряд gap 10 */
  .legal-gift-hero {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 59.88%;
    max-width: 59.88%;
    min-height: 36.46vw;
    box-sizing: border-box;
  }

  .legal-gift-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .legal-gift-hero .title br,
  .legal-gift-hero .title br.pc,
  .legal-gift-hero .title br.mobile {
    display: inline !important;
  }

  .legal-gift-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .legal-gift-hero .legal-gift-desc {
    position: relative;
    z-index: 2;
    max-width: none;
  }

  .legal-gift-btns {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.3vw;
    margin-top: 2.08vw;
  }

  .legal-gift-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .legal-gift-btn-gray {
    background: #f1f1f1;
    color: #333;
  }

  .legal-gift-btn:hover {
    background: #a0151f;
  }

  .legal-gift-btn-gray:hover {
    background: #f1f1f1;
    color: #bc1622;
  }

  .legal-gift-hero-img {
    position: absolute;
    top: -0.26vw;
    left: 52.03%;
    right: auto;
    z-index: 0;
    width: 53.78%;
    height: 39.06vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  /* /legal/ only — Figma 1273:94244 image @358,-2 / 370×300 в карточке 728 */
  .legal-gift-hero-img--left {
    top: -0.26vw;
    left: 49.18%;
    width: 50.82%;
    height: 39.06vw;
  }

  .legal-gift-hero-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.67) 45%, rgba(255, 255, 255, 0) 76%);
    pointer-events: none;
  }

  /* градиент уже в partner-pt.png из Figma — без второго fade */
  .legal-gift-hero-img--left::after {
    display: none;
  }

  .legal-gift-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .legal-gift-hero-img--left img.pc-pt {
    object-fit: fill;
    object-position: center center;
  }

  .legal-gift-hero-img img.pc,
  .legal-gift-hero-img img.pc-1440 {
    display: block !important;
  }

  .legal-gift-hero-img--left img.pc,
  .legal-gift-hero-img--left img.pc-1440 {
    display: none !important;
  }

  .legal-gift-hero-img--left img.pc-pt {
    display: block !important;
  }

  .legal-gift-hero-img img.mobile {
    display: none !important;
  }

  .legal-gift-includes {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    margin-top: 0;
  }

  .legal-gift-includes-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.04vw;
    width: 100%;
  }

  .legal-gift-includes-box {
    display: flex;
    align-items: center;
    gap: 1.56vw;
    box-sizing: border-box;
    width: calc((100% - 2.08vw) / 3);
    min-height: 0;
    height: auto;
    padding: 1.56vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .legal-gift-includes-box p,
  .legal-gift-includes-box .legal-gift-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 140%;
    color: #333;
  }

  .legal-gift-includes-box svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
  }

  .legal-gift-includes-box br.mobile {
    display: none !important;
  }

  .legal-gift-includes-box:nth-last-child(n + 4) {
    height: auto;
  }

  .legal-gift-conditions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    width: 100%;
  }

  .legal-gift-conditions .title {
    font-size: 3.13vw;
  }

  .legal-gift-conditions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
    margin-top: 0;
  }

  .legal-gift-conditions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    min-height: 14.45vw;
    height: auto;
    padding: 2.08vw 2.08vw 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .legal-gift-conditions-box .legal-subtitle {
    align-self: stretch;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .legal-gift-conditions-box .desc {
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .legal-gift-conditions-box svg {
    position: static;
    flex-shrink: 0;
    width: 5.21vw;
    height: 5.21vw;
    margin-top: auto;
    align-self: flex-end;
  }

  .legal-subtitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .legal-gift-steps {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    margin-top: 0;
  }

  .legal-gift-steps .title {
    font-size: 3.13vw;
  }

  .legal-gift-steps-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
  }

  .legal-gift-steps-box {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 0.52vw;
    row-gap: 0.52vw;
    align-items: start;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    min-height: 0;
    height: auto;
    padding: 1.56vw 1.56vw 1.56vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .legal-gift-steps-box .legal-subtitle {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    font-size: 1.82vw;
  }

  .legal-gift-steps-box .desc {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .legal-gift-steps-num {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
    margin: 0;
    font-size: 4.17vw;
    font-weight: 500;
    line-height: 100%;
    color: #aaa;
    text-align: right;
  }

  /* Контроль / персональные условия */
  .legal-control {
    position: relative;
    padding: 0;
    height: 34.77vw;
    min-height: 34.77vw;
    overflow: hidden;
    background: #fff;
  }

  .legal-control .container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    height: 100%;
    padding: 3.91vw 0 0;
    box-sizing: border-box;
  }

  .legal-control .title {
    position: relative;
    z-index: 2;
    max-width: 48.44vw;
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .legal-control-list {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 48.44vw;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .legal-control-btns {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.3vw;
    margin-top: auto;
    margin-bottom: 3.91vw;
  }

  .legal-control-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .legal-control-btn-gray {
    background: #f1f1f1;
    color: #333;
  }

  .legal-control-btn:hover {
    background: #a0151f;
  }

  .legal-control-btn-gray:hover {
    background: #f1f1f1;
    color: #bc1622;
  }

  .legal-control-img {
    position: absolute;
    top: 3.39vw;
    right: calc((100vw - 94.79vw) / -2 - 8.85vw);
    bottom: auto;
    left: auto;
    z-index: 0;
    width: 66.41vw;
    height: 34.11vw;
    border-radius: 1.3vw;
    overflow: hidden;
  }

  .legal-control-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .legal-control-img img.pc,
  .legal-control-img img.pc-1440 {
    display: block !important;
  }

  .legal-control-img img.mobile {
    display: none !important;
  }

  /* Форма — 2 колонки как в Figma */
  main.legal .main-form {
    padding: 3.91vw 0 5.21vw;
    background: #f1f1f1;
  }

  main.legal .main-form .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 5.21vw;
  }

  main.legal .main-form-text {
    flex: 1 1 0;
    min-width: 0;
  }

  main.legal .main-form-text .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.legal .form-desc {
    margin: 1.04vw 0 0;
    font-size: 1.82vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.legal .form-desc br.pc,
  main.legal .form-desc br.pc-1440 {
    display: none !important;
  }

  main.legal .main-form-list {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin: 2.08vw 0 0;
    padding: 0 0 1.04vw;
    list-style: none;
  }

  main.legal .main-form-list-el {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    font-size: 1.82vw;
  }

  main.legal .main-form-list-el svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
  }

  main.legal .contacts-form-phone,
  main.legal .main-form-text .contacts-form-phone,
  main.legal .main-form-phone {
    display: block;
    margin-top: 1.56vw;
    font-size: 2.34vw;
    font-weight: 700;
    line-height: 100%;
    color: #ba1420;
    text-decoration: none;
  }

  main.legal .main-form-links {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin-top: 1.56vw;
  }

  main.legal .main-form-link svg {
    width: 4.17vw;
    height: 4.17vw;
  }

  main.legal .main-form-box {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.legal .main-form-input {
    width: 100%;
    height: auto;
    min-height: 5.21vw;
    padding: 1.56vw 2.08vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
    box-sizing: border-box;
  }

  main.legal .main-form-btn {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  main.legal .checkbox-policy .checkbox__label,
  main.legal .checkbox-policy .desc {
    font-size: 1.56vw;
  }

.form-desc {
  margin: 0;
  margin-top: 0.39vw;
  font-weight: 400;
  font-size: 0.52vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}


.main-form-list {
  display: flex;
  flex-direction: column;
  gap: 0.13vw;
  margin: 0.91vw 0 0.82vw 0;
  list-style: none;
  padding-left: 0;
}

.legal .main-form-text .title {
  margin: 0;
}


.main-form-list-el {
  display: flex;
  align-items: center;
  gap: 0.32vw;
}


.main-form-list-el svg {
  margin-top: -0.1vw;
}


.contacts-form-phone {
  font-size: 0.59vw;
  margin: 0 0 0.78vw 0;
}


.contacts-form-links {
  gap: 0.26vw;
}


.contacts-form-links .main-form-link svg {
  width: 1.3vw;
  height: 1.3vw;
}

/* OFFERS — Figma 989:78798 «768. Покупателям - акции» | px/768*100=vw */

  .offers-hero {
    position: relative;
    padding: 0;
    height: 27.73vw;
    min-height: 27.73vw;
    background-color: #333;
    color: #fff;
    overflow: hidden;
  }

  .offers-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    height: 100%;
    padding: 3.19vw 0 0;
    box-sizing: border-box;
  }

  .offers-hero .container::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    z-index: 1;
    width: 57.29vw;
    height: 100%;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  .offers-hero-img {
    position: absolute;
    top: -3.52vw;
    right: calc((100vw - 94.79vw) / -2);
    z-index: 0;
    width: 57.29vw;
    height: 31.25vw;
    pointer-events: none;
  }

  .offers-hero-img::after {
    display: none;
  }

  .offers-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .offers-hero-img img.pc,
  .offers-hero-img img.pc-1440 {
    display: block !important;
  }

  .offers-hero-img img.mobile {
    display: none !important;
  }

  .offers-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 49.74vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .offers-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: 0.52vw 0 0;
    max-width: 49.74vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .offers-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6vw;
    width: auto;
    max-width: 49.74vw;
    margin-top: 1.04vw;
    font-size: inherit;
  }

  .offers-hero .hero-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
  }

  .offers-hero-flex {
    display: none;
  }

  .offers-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.3vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .offers-hero-btn:hover {
    background: #a0151f;
  }

  /* Популярные товары по акции — 2×2 */
  .offers-popular {
    margin: 0;
    padding: 5.21vw 0;
    background: #fff;
  }

  .offers-popular .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  .offers-popular-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0.52vw;
  }

  .offers-popular .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .offers-popular .title br,
  .offers-popular .title br.mobile {
    display: none !important;
  }

  .offers-popular-link {
    display: none;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
    color: #bc1622;
    cursor: pointer;
  }

  .offers-popular-link.mobile,
  .offers-popular-link.pt,
  a.offers-popular-link.mobile {
    display: inline-flex !important;
    margin-top: 0.52vw;
    order: 3;
  }

  .offers-popular-link svg {
    width: 1.04vw;
    height: 1.04vw;
    margin-top: 0;
  }

  .offers-popular-container {
    width: 100%;
    display: block;
    overflow: visible;
    height: auto !important;
  }

  .offers-popular-container.swiper {
    overflow: visible;
    height: auto !important;
  }

  .offers-popular-container .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
    height: auto !important;
    transform: none !important;
  }

  .offers-popular-box,
  .offers-popular-box.swiper-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    box-sizing: border-box;
    width: calc((100% - 3.12vw) / 4) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  .offers-popular-discount {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    width: fit-content;
    height: auto;
    min-height: 2.34vw;
    padding: 0.52vw 1.04vw;
    box-sizing: border-box;
    border-radius: 13.02vw 0 0 13.02vw;
    background: linear-gradient(274.32deg, #ed2039 2.3%, #bc1622 94.86%);
    color: #fff;
    font-size: 1.3vw;
    font-weight: 700;
    line-height: 100%;
  }

  /* Figma 989:80733: фото в зоне 122, якорь слева (не по центру карточки) */
  .offers-popular-img {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    align-self: stretch;
    width: 100% !important;
    height: 15.89vw !important;
    margin: 0;
    overflow: hidden;
  }

  .offers-popular-img img {
    position: absolute;
    left: -1.43vw;
    top: 0;
    right: auto;
    bottom: auto;
    width: 22.48vw;
    height: 20.49vw;
    max-width: none;
    margin: 0;
    transform: none;
    object-fit: cover;
    object-position: left center;
  }

  .offers-popular-box .products-price {
    max-width: none;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .offers-popular-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.13vw;
    width: 100%;
  }

  .offers-popular-price span {
    margin: 0;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    text-decoration: line-through;
    color: #aaa;
  }

  .offers-popular-price p {
    margin: 0;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .offers-popular-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    flex-shrink: 0;
    width: auto !important;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    margin-top: auto;
    padding: 1.04vw 2.08vw;
    border: none;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 700;
    line-height: 100%;
    cursor: pointer;
  }

  /* Каталог акций */
  .offers-catalog {
    padding: 0 0 3.91vw;
    background: #fff;
  }

  .offers-catalog .container {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  /* Figma 989:80880 — hug-ширина, pill track rgba(51,51,51,0.05) */
  .offers-catalog-nav {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    width: fit-content;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 1.56vw 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 13.02vw;
    background: rgba(51, 51, 51, 0.05);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

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

  .offers-catalog-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: auto;
    margin: 0;
    padding: 1.04vw 2.6vw;
    border: 1px solid transparent;
    border-radius: 13.02vw;
    background: transparent;
    color: #333;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
  }

  /* Figma: у «Материалы» padding-left 24 после активной */
  .offers-catalog-nav-link_active + .offers-catalog-nav-link {
    padding-left: 3.13vw;
  }

  .offers-catalog-nav-link:hover {
    color: #333;
  }

  .offers-catalog-nav-link_active,
  .offers-catalog-nav-link_active:hover {
    background: #bc1622;
    border-color: #bc1622;
    color: #fff;
    font-weight: 500;
    line-height: 100%;
  }

  .offers-catalog-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
  }

  .offers-catalog-box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.56vw;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    min-height: 23.7vw;
    height: auto;
    padding: 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  .offers-catalog-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 22.92vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .offers-catalog-subtitle {
    position: relative;
    z-index: 2;
    margin: 0.52vw 0 0;
    max-width: 22.92vw;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .offers-catalog-discount {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin-top: auto;
  }

  .offers-catalog-discount-percent {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    color: #bc1622;
  }

  .offers-catalog-discount-percent svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  .offers-catalog-discount-date {
    margin: 0;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 100%;
    color: #333;
  }

  .offers-catalog-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin-top: auto;
    padding: 1.04vw 2.08vw;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
  }

  .offers-catalog-widget {
    display: none;
  }

  /* Figma: card1 @174/358 (~48.6%), card2 @160 (~44.7%) — чуть левее правого края */
  .offers-catalog-img {
    position: absolute;
    top: 0;
    left: 40%;
    right: auto;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .offers-catalog-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 28.21%;
    height: 100%;
    background: linear-gradient(90deg, #f1f1f1 9%, rgba(241, 241, 241, 0.67) 48%, rgba(241, 241, 241, 0) 100%);
    pointer-events: none;
  }

  .offers-catalog-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 30% center;
  }

  .offers-catalog-img img.pc,
  .offers-catalog-img img.pc-1440 {
    display: block !important;
  }

  .offers-catalog-img img.mobile {
    display: none !important;
  }

  /* Товары по акции — горизонтальный ряд 176 */
  main.offers .products {
    margin: 0;
    padding: 3.91vw 0;
    background: #fff;
  }

  main.offers .products .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.offers .products .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.offers .products-container,
  main.offers .products .products-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.04vw;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

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

  main.offers .products-box,
  main.offers .products-box:nth-child(n + 5) {
    display: flex;
    flex: 0 0 22.92vw;
    width: 22.92vw;
    min-width: 22.92vw;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.offers .products-more,
  main.offers .products .products-more,
  main.offers a.products-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 1.3vw auto 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.69vw;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
  }

  /* Блок «Подбираем решения…» */
  .offers-tasks {
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  .offers-tasks-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    width: 100%;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
  }

  .offers-tasks-container .main-form-title {
    margin: 0;
    color: #0e0e0e;
    font-size: 2.21vw;
    font-weight: 500;
    line-height: 100%;
  }

  .offers-tasks-hero {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 50.39%;
    max-width: 50.39%;
    min-height: 27.34vw;
    box-sizing: border-box;
  }

  .offers-tasks-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .offers-tasks-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .offers-tasks-desc span {
    font-weight: 400;
  }

  .offers-tasks-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: auto !important;
    max-width: none;
    height: auto;
    min-height: 0;
    margin-top: 0.52vw;
    padding: 1.56vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .offers-tasks-btn:hover {
    background: #a0151f;
  }

  /* Figma 989:81025 @370/728 — фото левее; Figma 0° = CSS 90° (fade слева) */
  .offers-tasks-hero-img {
    position: absolute;
    top: 0;
    left: 45%;
    right: auto !important;
    z-index: 0;
    width: 55%;
    height: 29.43vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .offers-tasks-hero-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    z-index: 1;
    width: 90.91%;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 76%);
    pointer-events: none;
  }

  .offers-tasks-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 30% center;
  }

  .offers-tasks-hero-img img.pc,
  .offers-tasks-hero-img img.pc-1440 {
    display: block !important;
  }

  .offers-tasks-hero-img img.mobile {
    display: none !important;
  }

  .offers-gift-steps {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    margin-top: 0;
  }

  .offers-gift-steps-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.04vw;
    width: 100%;
  }

  .offers-gift-steps-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    min-height: 9.38vw;
    height: auto;
    padding: 1.56vw 2.08vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .offers-gift-steps-box .legal-subtitle {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 70%;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  .offers-gift-steps-box .desc {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 70%;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .offers-gift-steps-box .desc br {
    display: none !important;
  }

  .offers-gift-steps-num {
    position: absolute;
    top: 1.56vw;
    right: 2.08vw;
    bottom: auto;
    z-index: 0;
    margin: 0;
    text-align: right;
    font-size: 4.69vw;
    font-weight: 500;
    line-height: 100%;
    color: #aaa;
  }

  .offers-banner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 13.54vw;
    min-height: 13.54vw;
    padding: 0 3.65vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  .offers-banner .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 42.97vw;
    color: #fff;
    font-size: 2.6vw;
    font-weight: 500;
    line-height: 120%;
  }

  .offers-banner-img {
    position: absolute;
    top: -7.94vw;
    right: 0;
    z-index: 0;
    width: 40.36vw;
    height: 22.66vw;
    pointer-events: none;
  }

  .offers-banner-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 7.94vw;
    z-index: 1;
    width: 30.86vw;
    height: 13.54vw;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  .offers-banner-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .offers-banner-img img.pc,
  .offers-banner-img img.pc-1440 {
    display: block !important;
  }

  .offers-banner-img img.mobile {
    display: none !important;
  }

  .offers-cta {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2.08vw;
    width: 100%;
  }

  .offers-cta-text {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 36.46vw;
    max-width: 36.46vw;
  }

  .offers-cta-title {
    margin: 0;
    color: #333;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 120%;
  }

  .offers-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .offers-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 36.46vw;
  }

  .offers-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    cursor: pointer;
  }

  .offers-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  .offers-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  .offers-cta-btn_primary:hover {
    background: #a0151f;
  }

/* ===== СТИЛИ ДЛЯ СТРАНИЦ РАЗДЕЛА "О НАС" ===== */
/* Дополнительные стили для страниц: О нас, Партнеры, Бренды,
   Сертификаты, Правовая информация, Реквизиты, Контакты, Сервис и поддержка */

/* --- sections.css правила --- */

.brands-products .products-box {
  width: 20.31vw;
}

.brands-products .products-box .products-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  height: fit-content;
  padding: 0;
  border: none;
}

.brands-products .products-box .products-pricetag {
  margin-top: 1.04vw;
  border-top: 1px solid #0000001A;
}


.brands-products .about-products-more {
  align-self: flex-start;
  box-sizing: border-box;
}

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

.partners-solutions-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.04vw;
}

.partners-solutions-head {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.partners-solution {
  align-items: center;
  background-color: #f1f1f1;
  border: none;
  border-radius: 0.65vw;
  display: flex;
  height: 11.33vw;
  min-height: 11.33vw;
  justify-content: center;
  overflow: hidden;
  width: 18.1vw;
  flex-shrink: 0;
  box-sizing: border-box;
}

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

.our-partners-grid {
  display: grid;
  gap: 1.3vw;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.our-partners-card {
  background-color: #fff;
  border-radius: 1.3vw;
  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: 1.3vw 1.3vw 0 0;
  display: flex;
  height: 12.5vw;
  min-height: 12.5vw;
  justify-content: center;
  overflow: hidden;
  margin: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.our-partners-card-logo img {
  aspect-ratio: auto;
  display: block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  max-width: 70%;
  max-height: 8.94vw;
}

.our-partners-card-text {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  padding: 1.56vw 2.08vw 2.08vw;
}

.our-partners-card-title {
  color: #333;
  font-size: 1.82vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.our-partners-card-desc {
  color: rgba(51, 51, 51, 0.8);
  font-size: 1.3vw;
  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: 2.08vw;
}

.about-step {
  align-items: stretch;
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  justify-content: space-between;
  min-height: 0;
  padding: 2.08vw 2.08vw 1.56vw;
  width: 100%;
}

.about-step-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1.04vw;
  min-width: 0;
}

.about-step-title {
  font-size: 1.82vw;
  font-weight: 500;
  line-height: 100%;
}

.about-step-desc,.about-step-title {
  color: #333;
  letter-spacing: 0;
  margin: 0;
}

.about-step-desc {
  font-size: 1.43vw;
  font-weight: 400;
  line-height: 130%;
}

.about-step-num {
  align-self: flex-end;
  color: #aaa;
  flex-shrink: 0;
  font-size: 4.17vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin-top: 0;
  text-align: right;
}

.about-steps-grid {
  display: grid;
  gap: 1.04vw;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-steps-grid-5 {
  grid-template-columns: repeat(1,1fr);
}

.about-steps-grid-5 .about-step {
  flex-direction: row;
}

.about-requisites {
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
}

.about-requisites-table {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #0000001A;
  border-radius: 0.65vw;
  overflow: hidden;
}

.about-requisites-row {
  align-items: flex-start;
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  display: flex;
  gap: 1.3vw;
  min-height: 0;
  padding: 1.04vw 2.08vw;
}

.about-requisites-row:nth-child(2n) {
  background-color: #f1f1f1;
}

.about-requisites-label,.about-requisites-value {
  margin: 0;
  font-size: 1.56vw;
  line-height: 140%;
  font-weight: 400;
  color: #333;
}

.about-requisites-label {
  flex: 0 0 58.85vw;
  max-width: 58.85vw;
  color: #333;
}

.about-requisites-value {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

.about-requisites-download {
  align-items: center;
  align-self: flex-start;
  color: #bc1622;
  display: inline-flex;
  font-size: 1.56vw;
  font-weight: 400;
  gap: 0.52vw;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-requisites-download .icon-svg {
  flex-shrink: 0;
  height: 1.82vw;
  width: 1.82vw;
}

.about-projects {
  display: flex;
  flex-direction: column;
  gap: 2.6vw;
}

.about-projects-head {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.about-projects-list {
  align-items: stretch;
  display: flex;
  gap: 10px;
}

.about-projects-box {
  border-radius: 1.3vw;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow .2s linear;
  width: 22.91vw;
}

.about-projects-box-content {
  align-items: flex-start;
  background-color: #f1f1f1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.04vw;
  padding: 1.56vw;
}

.about-projects-box-title {
  font-size: 1.82vw;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

.about-projects-box-desc {
  color: rgba(51,51,51,.8);
  font-size: 1.3vw;
  line-height: 1.3;
}

.about-projects-box-link {
  align-items: center;
  color: #bc1622;
  display: flex;
  font-size: 1.56vw;
  gap: 0.52vw;
  margin-top: auto;
  text-decoration: none;
  transition: color .2s linear;
}

.about-projects-box-link .icon-svg {
  height: 1.04vw;
  width: 1.04vw;
  margin-top: -0.23vw;
}

.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: 0.65vw;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.82vw;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin-top: 2.6vw;
  min-height: 5.33vw;
  padding: 1.56vw 2.6vw;
  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: 1.04vw;
  grid-template-columns: repeat(2,1fr);
}

.about-products-more {
  align-items: center;
  align-self: center;
  background-color: #333;
  border-radius: .25rem;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  min-height: 43px;
  min-width: 203px;
  padding: 8px 20px;
  text-decoration: none;
  transition: background-color .2s ease;
}

.about-products--6 .about-products-grid {
  grid-template-columns: repeat(6,1fr);
}

.about-page__title {
  margin-bottom: -20px;
}

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

.about-page-why>* {
  margin: 0;
}

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

.about-page-why-box {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  font-weight: 500;
  justify-content: space-between;
  min-height: 90px;
  padding: 20px;
  width: 286px;
}

.about-page-why-box span {
  max-width: 180px;
}

.about-page-why-box .icon-svg {
  flex-shrink: 0;
  height: 40px;
  width: 40px;
}

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

.about-page-mission>* {
  margin: 0;
}

.about-page-mission__title {
  font-size: 18px;
  font-weight: 500;
}

.about-page-mission__desc {
  color: rgba(51,51,51,.8);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

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

.about-page-list li {
  color: #0e0e0e;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 140%;
  padding-left: calc(1lh + 8px);
  position: relative;
}

.about-page-list li:before {
  background: url(/local/media/images/icons/sc-check-circle.svg) no-repeat 50%/contain;
  content: "";
  height: 1lh;
  left: 0;
  position: absolute;
  top: .1em;
  transform: translateY(-6%);
  width: 1lh;
}

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

.about-page-text>* {
  margin: 0;
}

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

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

.about-pages {
  margin-top: 0;
}

.about-pages__content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 5.21vw;
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
}

.about-pages__link-back {
  display: none;
}

.about-pages-container {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 2.6vw 2.6vw 5.21vw;
  margin: 0;
  box-sizing: border-box;
}

.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: 1.3vw;
  gap: 1.04vw;
  overflow: hidden;
  padding: 2.6vw;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: 25.91vw;
}

.about-information-inner,.about-information-title {
  display: flex;
  flex-direction: column;
  position: relative;
}

.about-information-title {
  flex-shrink: 0;
  gap: 1.04vw;
  max-width: 49.09vw;
  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;
  right: 0;
  left: auto;
  top: 0;
  width: 49.48%;
  height: 100%;
  max-width: none;
  max-height: none;
  position: absolute;
  z-index: 0;
}

.about-information-picture,.about-information-picture img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center right;
  object-position: center right;
  width: 100%;
}

.about-information-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1,1fr);
  position: relative;
  z-index: 2;
}

.about-information-list--3 {
  grid-template-columns: repeat(1,1fr);
}

.about-information-box {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 1.3vw;
  color: #333;
  display: flex;
  gap: 0.52vw;
  justify-content: flex-start;
  letter-spacing: 0;
  line-height: 130%;
  min-height: 10.42vw;
  padding: 2.08vw;
  box-sizing: border-box;
  position: relative;
  padding-right: 7.81vw;
}

.about-information-box svg {
  width: 5.21vw;
  height: 5.21vw;
  position: absolute;
  bottom: auto;
  right: 2.08vw;
  top: 2.08vw;
}

.about-information-box-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.support-information-inner {
  height: 261.38vw;
}

.about-information-box-title {
  font-size: 1.69vw;
  font-weight: 500;
  line-height: 1.1;
}

.about-information-box-desc {
  font-size: 1.43vw;
  line-height: 1.1;
}

.about-information-box-icon {
  display: block;
  flex-shrink: 0;
  height: 2.08vw;
  width: 2.08vw;
}

.contacts-information {
  height: auto;
  min-height: 35.03vw;
}

.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: 29.3vw;
  height: 5.33vw;
  border-radius: 0.65vw;
  background-color: #BC1622;
  color: #fff;
  font-weight: 500;
  font-size: 1.82vw;
  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: 2.08vw;
}

.about-how-grid {
  display: grid;
  gap: 1.04vw;
  grid-template-columns: repeat(1,1fr);
}

.about-how-grid--3 {
  grid-template-columns: repeat(1,1fr);
}

.about-how-desc {
  display: flex;
  flex-direction: column;
  gap: 1ex;
}

.about-how-desc>* {
  margin: 0;
}

.about-how-steps {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  display: flex;
  gap: 1.04vw;
  min-height: 5.21vw;
  padding: 1.56vw 2.08vw;
  box-sizing: border-box;
}

.main-form--inner-white {
  background: #fff;
  padding: 0;
}

.main-form--inner-white .contacts-form-phone {
  font-size: 2.08vw;
}

.main-form--inner-white .contacts-form-links {
  gap: 1.04vw;
}

.main-form--inner-white .main-form-link svg {
  width: 4.16vw;
  height: 4.16vw;
}

.main-form--inner-white .container {
  width: 100%;
}

.dufa-hero .about-hero__inner {
  justify-content: flex-start;
  gap: 2.08vw;
}

.about-how-icon {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
}

.about-how-icon,.about-how-icon .icon-svg {
  height: 24px;
  width: 24px;
}

.about-how-text {
  font-weight: 500;
  margin-top: 3px;
}

.about-how--w-77 .about-how-desc,.about-how--w-77 .about-how-title {
  max-width: 100%;
}

.about-hero {
  align-items: stretch;
  background-color: #333;
  border-radius: 1.3vw;
  display: block;
  min-height: 27.73vw;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 0;
}

.about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 0;
  pointer-events: none;
}

.about-hero__picture {
  inset: 0;
  position: absolute;
  z-index: 0;
}

.about-hero__picture,.about-hero__picture img {
  display: block;
  height: 100%;
  width: 100%;
}

.brand-hero .about-hero__inner {
  justify-content: flex-start;
  gap: 2.08vw;
}

.about-hero__picture img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.about-hero__inner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4.04vw 2.6vw 2.6vw;
  height: auto;
  min-height: 27.73vw;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  z-index: 1;
}

.about-hero__info {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
  max-width: 51.3vw;
}

.about-hero__title {
  color: #fff;
  font-size: 3.13vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin: 0;
}

.about-hero__suptitle {
  font-size: 1.82vw;
}

.about-hero__subtitle {
  color: #fff;
  font-size: 1.82vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-hero__desc {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 1.56vw;
  font-weight: 400;
  gap: 1ex;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
  margin-top: 1.04vw;
}

.about-hero__desc>* {
  margin: 0;
}

.about-hero__btn {
  align-items: center;
  background-color: #bc1622;
  border: none;
  border-radius: 0.65vw;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.82vw;
  font-weight: 500;
  height: 5.33vw;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0;
  transition: background-color .2s ease;
  width: 29.3vw;
}

.about-hero:has(.about-hero__container) {
  border-radius: 0!important;
}

.about-hero__container {
  padding: 0;
}

.about-hero__container .about-hero__inner {
  padding-bottom: 2.6vw;
  padding-left: 0;
  padding-top: 5.21vw;
}

.about-help {
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
}

.about-help-items {
  align-items: stretch;
  display: grid;
  gap: 1.04vw;
  grid-template-columns: repeat(1,1fr);
}

.about-help-item {
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  color: #333;
  display: flex;
  flex-direction: row;
  gap: 0.52vw;
  height: 100%;
  justify-content: space-between;
  padding: 2.08vw;
  box-sizing: border-box;
}

.about-help-item-content {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.about-help-item-title {
  font-size: 1.82vw;
  font-weight: 500;
  line-height: 1;
}

.about-help-item-desc {
  font-size: 1.43vw;
  line-height: 1.3;
}

.about-help-item-icon {
  align-self: flex-start;
  flex-shrink: 0;
  height: 7.81vw;
  width: 7.81vw;
}

.about-help-item-icon.icon-star {
  color: #dcdcdc;
  height: 32px;
  width: 32px;
}

.about-extra {
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
}

.about-extra-grid {
  display: grid;
  gap: 1.3vw;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-extra-card {
  background-color: #f1f1f1;
  background-image: url(/local/media/images/icons/star.svg);
  background-position: right 1.56vw bottom 1.56vw;
  background-repeat: no-repeat;
  background-size: 5.21vw 5.21vw;
  border-radius: 1.3vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.52vw;
  min-height: 0;
  padding: 2.08vw 1.56vw 1.56vw 2.08vw;
}

.about-extra-label {
  color: #333;
  font-size: 1.82vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin: 0;
  width: 100%;
  text-align: left;
}

.about-extra-value {
  color: #333;
  font-size: 1.43vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
  width: 100%;
  text-align: left;
}

.about-documents {
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
}

.about-documents-grid {
  display: grid;
  gap: 1.3vw;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-documents-doc-card {
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.6vw;
  min-height: 20.83vw;
  padding: 2.6vw;
}

.about-documents-doc-top {
  align-items: flex-start;
  display: flex;
  gap: 1.04vw;
}

.about-documents-doc-icon {
  display: inline-flex;
  flex-shrink: 0;
  height: 3.13vw;
  width: 3.13vw;
}

.about-documents-doc-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1.04vw;
  min-width: 0;
}

.about-documents-doc-title {
  color: #333;
  font-size: 2.08vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin: 0;
}

.about-documents-doc-desc {
  color: rgba(51,51,51,.8);
  font-size: 1.56vw;
  line-height: 140%;
}

.about-documents-doc-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2.6vw;
  padding: 0;
}

.about-documents-doc-link {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  font-size: 1.56vw;
  font-weight: 400;
  gap: 0.52vw;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-documents-doc-link .icon-svg {
  flex-shrink: 0;
  height: 1.82vw;
  width: 1.82vw;
  margin-top: -0.23vw;
}

.about-documents-doc-link .icon-svg.icon-arrow-top-right {
  height: 1.04vw;
  width: 1.04vw;
  margin-top: -0.23vw;
}

.about-decisions {
  background-color: #f1f1f1;
  padding-bottom: 40px;
  padding-top: 40px;
}

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

.about-decisions-grid {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1,1fr);
}

.about-decisions-box {
  align-items: flex-start;
  background-color: #fff;
  border-radius: 1.3vw;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  padding: 2.08vw;
  text-decoration: none;
  height: 20.57vw;
  position: relative;
  box-sizing: border-box;
}

.about-decisions-box svg:not(.icon-arrow-top-right) {
  width: 7.81vw;
  height: 7.81vw;
  position: absolute;
  bottom: 2.08vw;
  right: 2.08vw;
}

.about-decisions-box-head {
  align-items: flex-start;
  display: flex;
  font-size: 1.82vw;
  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: 1.43vw;
  line-height: 1.3;
}

.about-decisions-box-link {
  align-items: center;
  color: #bc1622;
  display: flex;
  font-size: 1.56vw;
  gap: 0.52vw;
  transition: color .2s linear;
}

.about-decisions-box-link>.icon-svg {
  height: 1.04vw;
  width: 1.04vw;
}

.about-cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
  justify-content: space-between;
  width: 100%;
}

.about-cta-text {
  display: flex;
  flex: 0;
  flex-direction: column;
  gap: 1.04vw;
}

.about-cta-title {
  color: #333;
  font-size: 2.6vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-cta-buttons {
  display: flex;
  gap: 1.04vw;
  width: 100%;
}

.about-cta-btn {
  align-items: center;
  border: none;
  border-radius: 0.65vw;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.56vw;
  font-weight: 500;
  height: 4.95vw;
  justify-content: center;
  letter-spacing: 0;
  line-height: 100%;
  padding: 0 20px;
  text-decoration: none;
  transition: background-color .2s ease;
  width: 100%;
}

.about-cta-btn_light {
  background-color: #f1f1f1;
  color: #333;
}

.about-cta-btn_primary {
  background-color: #bc1622;
  color: #fff;
}

.about-contacts-cards {
  display: grid;
  gap: 1.04vw;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-contacts-card {
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  min-height: 8.72vw;
  padding: 2.08vw;
}

.about-contacts-card-label {
  color: #333;
  font-size: 1.43vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-contacts-card-value {
  color: #333;
  font-size: 1.82vw;
  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: 1.3vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-certificates-docs {
  display: flex;
  flex-direction: column;
  gap: 3.12vw;
}

.about-certificates-docs-head {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.about-certificates-docs-grid {
  display: grid;
  gap: 1.04vw;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-certificates-doc-card {
  align-items: stretch;
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  box-sizing: border-box;
  display: flex;
  gap: 0;
  justify-content: space-between;
  height: 24.48vw;
  min-height: 24.48vw;
  padding: 0;
  overflow: hidden;
}

.about-certificates-doc-card picture {
  width: 14.58vw;
  height: 100%;
}

.about-certificates-doc-card picture img {
  width: 100%;
  height: 100%;
}

.about-certificates-doc-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.04vw;
  min-width: 0;
  padding: 2.08vw;
  box-sizing: border-box;
}

.about-certificates-doc-title {
  color: #333;
  font-size: 2.08vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 100%;
  margin: 0;
}

.about-certificates-doc-actions {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  margin-top: auto;
}

.about-certificates-doc-link {
  align-items: center;
  color: #bc1622;
  display: inline-flex;
  font-size: 1.56vw;
  font-weight: 400;
  gap: 0.52vw;
  letter-spacing: 0;
  line-height: 140%;
  text-decoration: none;
  transition: color .2s ease;
}

.about-certificates-doc-link .icon-svg {
  flex-shrink: 0;
  height: 1.82vw;
  width: 1.82vw;
}

.about-certificates-doc-link .icon-svg.icon-arrow-top-right {
  height: 1.04vw;
  width: 1.04vw;
}

.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: 1.56vw 1.04vw;
  grid-template-columns: repeat(2,1fr);
}

.about-brands-list-card {
  background-color: #f1f1f1;
  border-radius: 1.3vw;
  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: 1.3vw;
  display: flex;
  height: 14.32vw;
  min-height: 14.32vw;
  justify-content: center;
  margin: 0;
  box-sizing: border-box;
}

.about-brands-list-card-logo img,.about-brands-list-card-logo picture {
  max-height: 9.24vw;
  max-width: 70%;
}

.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: 0.52vw;
  padding: 1.56vw 2.08vw 2.08vw;
}

.about-brands-list-card-title {
  color: #333;
  font-size: 1.56vw;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
}

.about-brands-list-card-desc {
  color: rgba(51,51,51,.8);
  font-size: 1.17vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 130%;
  margin: 0;
}

.about-banner {
  align-items: flex-start;
  background-color: #333;
  border-radius: .75rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
  min-height: 14.84vw;
  overflow: hidden;
  padding: 3.65vw 2.6vw;
  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-size: 3.13vw;
  font-weight: 500;
  line-height: 120%;
  max-width: 56.38vw;
}

.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 — Figma 1338:97828 «768. Для профессионалов» | px/768*100=vw */

  .prof-hero {
    position: relative;
    padding: 0;
    height: 33.72vw;
    min-height: 33.72vw;
    background-color: #333;
    color: #fff;
    overflow: hidden;
  }

  .prof-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    height: 100%;
    padding: 6.51vw 0 0;
    box-sizing: border-box;
  }

  .prof-hero .container::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    z-index: 1;
    width: 61.72vw;
    height: 100%;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  .prof-hero-img {
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    z-index: 0;
    width: 61.72vw;
    height: 100%;
    pointer-events: none;
  }

  .prof-hero-img::after {
    display: none;
  }

  .prof-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .prof-hero-img img.pc,
  .prof-hero-img img.pc-1440 {
    display: block !important;
  }

  .prof-hero-img img.mobile {
    display: none !important;
  }

  .prof-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 47.27vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .prof-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: 0.52vw 0 0;
    max-width: 47.27vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .prof-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6vw;
    width: auto;
    max-width: 47.27vw;
    margin-top: 1.04vw;
    font-size: inherit;
  }

  .prof-hero .hero-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
  }

  .prof-hero-flex {
    display: none;
  }

  .prof-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.3vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .prof-hero-btn:hover {
    background: #a0151f;
  }

  /* С какими задачами… */
  .prof-tasks {
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  .prof-tasks-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3.13vw;
    width: 100%;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
  }

  .prof-tasks-container .main-form-title {
    margin: 0;
    color: #0e0e0e;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
  }

  .prof-tasks-hero {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 56.59%;
    max-width: 56.59%;
    min-height: 36.46vw;
    box-sizing: border-box;
  }

  .prof-tasks-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .prof-tasks-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .prof-tasks-desc span {
    font-weight: 400;
  }

  .prof-tasks-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin-top: 1.04vw;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  .prof-tasks-btn:hover {
    background: #a0151f;
  }

  .prof-tasks-hero-img {
    position: absolute;
    top: -0.26vw;
    left: 49.18%;
    right: auto;
    z-index: 0;
    width: 50.82%;
    height: 39.06vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .prof-tasks-hero-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.67) 45%, rgba(255, 255, 255, 0) 76%);
    pointer-events: none;
  }

  .prof-tasks-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .prof-tasks-hero-img img.pc,
  .prof-tasks-hero-img img.pc-1440 {
    display: block !important;
  }

  .prof-tasks-hero-img img.mobile {
    display: none !important;
  }

  .prof-tasks-conditions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    width: 100%;
  }

  .prof-tasks-conditions-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.04vw;
    width: 100%;
  }

  .prof-tasks-conditions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 2.08vw) / 3);
    min-height: 25vw;
    height: auto;
    padding: 2.08vw 2.08vw 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .prof-tasks-conditions-box svg {
    position: static;
    order: 3;
    flex-shrink: 0;
    width: 6.25vw;
    height: 6.25vw;
    margin-top: auto;
    align-self: flex-end;
  }

  .prof-tasks-conditions-box .legal-subtitle {
    order: 1;
    align-self: stretch;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  .prof-tasks-conditions-box .desc {
    order: 2;
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .legal-subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 1.82vw;
    line-height: 100%;
  }

  /* Промо-баннер объектов */
  .prof-promo {
    margin: 0;
    padding: 3.91vw 0;
    background: #fff;
  }

  .prof-promo .container {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 94.79vw;
    height: 14.84vw;
    min-height: 14.84vw;
    padding: 0 3.65vw;
    border-radius: 1.3vw;
    background: #333;
    overflow: hidden;
  }

  .prof-promo .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 76.17vw;
    color: #fff;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
  }

  .prof-promo-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 42.32vw;
    height: 100%;
    pointer-events: none;
  }

  .prof-promo-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  .prof-promo-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .prof-promo-img img.pc,
  .prof-promo-img img.pc-1440 {
    display: block !important;
  }

  .prof-promo-img img.mobile {
    display: none !important;
  }

  /* Подбор материалов — 3+2 */
  .prof-select {
    padding: 0 0 3.91vw;
    background: #fff;
  }

  .prof-select .container {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  .prof-select .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .prof-select-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.04vw;
    width: 100%;
  }

  .prof-select-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.52vw;
    box-sizing: border-box;
    width: calc((100% - 2.08vw) / 3);
    min-height: 20.57vw;
    height: auto;
    padding: 2.08vw 2.08vw 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .prof-select-box:nth-of-type(2),
  .prof-select-box:nth-of-type(5) {
    height: auto;
    min-height: 20.57vw;
  }

  .prof-select-box:nth-child(n + 4) {
    width: calc((100% - 1.04vw) / 2);
  }

  .prof-select-box svg {
    position: static;
    order: 3;
    flex-shrink: 0;
    width: 7.81vw;
    height: 7.81vw;
    margin-top: auto;
    align-self: flex-end;
  }

  .prof-select-box .legal-subtitle {
    order: 1;
    align-self: stretch;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .prof-select-box .desc {
    order: 2;
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .prof-select-box .legal-subtitle br,
  .prof-select-box .desc br {
    display: none !important;
  }

  /* Персональный менеджер */
  .prof-manager {
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  .prof-manager .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08vw;
    box-sizing: border-box;
    width: 94.79vw;
    min-height: 38.02vw;
    height: auto;
    padding: 3.13vw;
    border-radius: 1.3vw;
    background: #fff;
    overflow: hidden;
  }

  .prof-manager .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 41.28vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .prof-manager-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 41.28vw;
    color: #333;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
  }

  .prof-manager ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin: -0.52vw 0 0;
    padding: 0;
    list-style: none;
    max-width: 41.28vw;
  }

  .prof-manager li {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    line-height: 140%;
  }

  .prof-manager li svg,
  .prof-manager svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
  }

  .prof-manager .prof-tasks-btn {
    margin-top: 0;
  }

  .prof-manager-img {
    position: absolute;
    top: -0.13vw;
    left: 50.69%;
    right: auto;
    z-index: 0;
    width: 49.31%;
    height: 45.57vw;
    margin: 0;
    pointer-events: none;
  }

  .prof-manager-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .prof-manager-img img.pc,
  .prof-manager-img img.pc-1440 {
    display: block !important;
  }

  .prof-manager-img img.mobile {
    display: none !important;
  }

  /* Форма — 2 колонки */
  main.prof .main-form {
    padding: 3.91vw 0 5.21vw;
    background: #f1f1f1;
  }

  main.prof .main-form .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 5.21vw;
  }

  main.prof .main-form-text {
    flex: 1 1 0;
    min-width: 0;
  }

  main.prof .main-form-text .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.prof .form-desc {
    margin: 1.04vw 0 0;
    max-width: 35.81vw;
    font-size: 1.82vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.prof .form-desc br.pc,
  main.prof .form-desc br.pc-1440 {
    display: none !important;
  }

  main.prof .main-form-list {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin: 2.08vw 0 0;
    padding: 0 0 1.04vw;
    list-style: none;
  }

  main.prof .main-form-list-el {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    font-size: 1.82vw;
  }

  main.prof .main-form-list-el svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
  }

  main.prof .main-form-phone {
    display: block;
    margin-top: 0.52vw;
    font-size: 2.34vw;
    font-weight: 700;
    line-height: 100%;
    color: #ba1420;
    text-decoration: none;
  }

  main.prof .main-form-links {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin-top: 1.04vw;
  }

  main.prof .main-form-link svg {
    width: 4.17vw;
    height: 4.17vw;
  }

  main.prof .main-form-box {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.prof .main-form-input {
    width: 100%;
    height: auto;
    min-height: 5.21vw;
    padding: 1.56vw 2.08vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
    box-sizing: border-box;
  }

  main.prof .main-form-btn {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  main.prof .checkbox-policy .checkbox__label,
  main.prof .checkbox-policy .desc {
    font-size: 1.56vw;
  }

/* 404 */

.not-found {
  padding: 5.55 0;
  background: #333333;
  position: relative;
}

.not-found-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
}

.not-found-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(132.33deg, #333333 10.9%, rgba(72, 72, 72, 0.673077) 51.4%, rgba(51, 51, 51, 0) 95.14%);
}

.not-found-img img {
  width: 100%;
  height: 100%;
}

.not-found .title {
  z-index: 1;
}

.not-found .container {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  color: #fff;
  z-index: 2;
}

.not-found-desc {
  margin: 0;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  z-index: 1;
  width: 36.07vw;
}

.not-found-link {
  margin-top: 41.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 28.03vw;
  height: 4.81vw;
  background: #BC1622;
  color: #fff;
  border: none;
  border-radius: 0.65vw;
  font-weight: 700;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  z-index: 1;
}

.not-found-link:hover {
  background: #A0151F;
}

/* POLICY */

.policy {
  margin: 2.6vw 0 5.21vw 0;
}

.policy .container {
  display: flex;
  flex-direction: column;
  gap: 2.6vw;
}

.policy-box {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
}

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

.policy-box .desc {
  font-size: 1.56vw;
}

/* BASKET */

.basket-main {
  margin: 2.6vw 0;
}

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

.basket-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  gap: 1.04vw;
}

.basket-info-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  justify-content: space-between;
  align-items: flex-start;
}

.basket-info-sort {
  display: flex;
  align-items: center;
  gap: 1.04vw;
}

.basket-info-sort input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-info-sort input:checked + label::before {
  position: absolute;
  top: -0.33vw;
  left: -3.03vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  background-color: #BC1622;
  border-radius: 0.52vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 2.08vw 1.04vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-info-sort label {
  position: relative;
  cursor: pointer;
}

.basket-info-sort label::after {
  position: absolute;
  top: -0.33vw;
  left: -3.03vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 0.52vw;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-info-sort .desc {
  margin-top: 0.1vw;
}

.basket-info-widgets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3.9vw 2.08vw;
  width: 100%;
  padding: 1.56vw 0;
}

.basket-info-select-all {
  display: flex;
  align-items: center;
  gap: 1.04vw;
  cursor: pointer;
  position: relative;
}

.basket-info-select-all input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-info-select-all input:checked + label::before {
  position: absolute;
  top: -0.33vw;
  left: -3.03vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  background-color: #BC1622;
  border-radius: 0.52vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 2.08vw 1.04vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-info-select-all label {
  position: relative;
  cursor: pointer;
}

.basket-info-select-all label::after {
  position: absolute;
  top: -0.33vw;
  left: -3.03vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 0.52vw;
  box-sizing: border-box;
  pointer-events: none;
}

.basket-info-select-all .desc {
  margin-top: 0.13vw;
}

.basket-info-delete {
  display: flex;
  align-items: center;
  gap: 1.04vw;
  cursor: pointer;
}

.basket-info-delete svg {
  width: 2.08vw;
  height: 2.08vw;
  margin-top: -0.14vw;
}

.basket-info-delete-desc {
  margin: 0;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 0.13vw;
}

.basket-info-widgets-row {
  display: flex;
  align-items: center;
  margin-left: 0;
  order: -1;
  gap: 1.04vw;
}

.basket-info-widget {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  cursor: pointer;
}

.basket-info-widget svg {
  width: 2.08vw;
  height: 2.08vw;
  margin-top: -0.14vw;
}

.basket-info-widget .desc {
  margin-top: 0.13vw;
}

.basket-info-widget:hover .desc {
  color: #BC1622;
}

.basket-info-widget:hover svg path {
  stroke: #BC1622;
}

.basket-cards-container {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.basket-card {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 1.95vw;
  padding: 1.04vw 0;
  width: 100%;
  padding-top: 1.04vw;
  padding-left: 10.94vw;
  border-top: 0.03vw solid #0000001A;
  box-sizing: border-box;
}

.basket-card .personal-orders-info-products-side {
  display: flex;
  position: relative;
  width: fit-content;
  gap: 1.04vw;
  margin-left: auto;
}

.basket-card .personal-orders-info-products-side .personal-orders-info-products-widgets {
  position: absolute;
  bottom: 0;
  left: -19.53vw;
  justify-content: flex-start;
  gap: 0.52vw;
}

.basket-card .personal-orders-info-products-side .personal-orders-info-products-widget {
  width: 3.12vw;
  height: 3.12vw;
}

.basket-card:nth-of-type(1) {
  border: none;
  padding-top: 0;
}

.basket-card:nth-of-type(1) .basket-card-checkbox {
  top: 0;
}

.basket-card .personal-orders-info-products-name {
  width: 100%;
}

.basket-card .personal-orders-info-products-title {
  max-width: 100%;
}

.basket-card .personal-orders-info-products-name .personal-orders-info-products-widgets {
  justify-content: flex-start;
}

.basket-card-checkbox {
  position: absolute;
  top: 1.04vw;
  width: 2.08vw;
  height: 2.08vw;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.basket-card:has(.basket-card-checkbox:checked)::after {
  position: absolute;
  top: 1.04vw; /* добавил px */
  left: 0;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  background-color: #BC1622;
  border-radius: 0.52vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 2.08vw 1.04vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-card::before {
  position: absolute;
  top: 1.04vw;
  left: 0;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 0.52vw;
  box-sizing: border-box;
  pointer-events: none; 
}

.basket-card .personal-orders-info-products-img {
  position: absolute;
  top: 2.08vw;
  left: 2.08vw;
  width: 7.81vw;
  height: 7.81vw;
}

.basket-card .personal-orders-info-products-info {
  width: 16.53vw;
  gap: 1.04vw;
  align-items: center;
  height: fit-content;
  flex-direction: row;
}

.basket-card .personal-orders-info-products-info .personal-orders-info-products-price {
  margin: 0;
}

.personal-orders-info-products-btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.19vw;
  height: 4.16vw;
  border-radius: 13.02vw;
  box-sizing: border-box;
  gap: 0.52vw;
  padding-top: 0.1vw;
  background: #F1F1F1;
  color: #333333;
  font-weight: 700;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  border: none;
}

.basket-card .personal-orders-info-products-count {
  display: flex;
  gap: 0.52vw;
  justify-content:center;
  align-items: center;
  margin-top: 0;
}

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

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

.personal-orders-info-products-btn-delete svg {
  margin-top: -0.14vw;
  width: 2.08vw;
  height: 2.08vw;
}

.basket-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.basket-checkout {
  width: 100%;
  box-sizing: border-box;
  padding: 2.08vw;
  border-radius: 0.65vw;
  display: flex;
  flex-direction: column;
  background-color: #F1F1F1;
  gap: 2.08vw;
}

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

.basket-checkout-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  padding-bottom: 2.08vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.basket-checkout-checkbox-el {
  display: flex;
  align-items: center;
  gap: 1.04vw;
}

.basket-checkout-checkbox-el input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-checkout-checkbox-el input:checked + label::before {
  position: absolute;
  top: -0.23vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  content: '';
  border: 0.65vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.basket-checkout-checkbox-el label {
  position: relative;
  cursor: pointer;
}

.basket-checkout-checkbox-el label::after {
  position: absolute;
  top: -0.23vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  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: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.basket-checkout-weight {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  padding-bottom: 2.08vw;
  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: 1.43vw;
  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: 9.63vw;
  flex-shrink: 0;
}

.basket-checkout-discount-numbers span {
  margin: 0;
  display: inline;
  font-weight: 700;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #00B162;
}

.basket-checkout-bonus {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
  padding-bottom: 2.08vw;
  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: 5.47vw;
  height: 3.12vw;
}

.basket-checkout-bonus-toggle .slider:before {
  position: absolute;
  content: "";
  height: 2.08vw;
  width: 2.08vw;
  left: 0.52vw;
  bottom: 0.52vw;
}

.basket-checkout-bonus-toggle input:checked + .slider:before {
  -webkit-transform: translateX(2.34vw);
  -ms-transform: translateX(2.34vw);
  transform: translateX(2.34vw);
}

.basket-checkout-bonus-fold {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.basket-checkout-bonus-subtitle {
  margin: 0;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.basket-checkout-bonus-input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  height: 3.77vw;
  padding-left: 1.56vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
}

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

.basket-checkout-coupon {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.65vw;
  border: 1px solid #E2E2E2;
  height: 4.69vw;
  font-weight: 400;
  font-size: 1.3vw;
  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: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-checkout-btn {
  width: 100%;
  height: 4.95vw;
  box-sizing: border-box;
  border-radius: 0.65vw;
  background: #BC1622;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
  cursor: pointer;
  display: flex;
}

.basket-checkout-btn:hover {
  background: #A0151F;
}

.basket-checkout-banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 1.04vw;
  padding: 1.56vw;
  border-radius: 0.65vw;
  position: relative;
  background: #E6F8F0;
  overflow: hidden;
}

.basket-checkout-banner svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.73vw;
  height: 4.29vw;
}

.basket-checkout-banner-desc {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  max-width: 100%;
}

.basket-checkout-banner-btn {
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16.14vw;
  height: 3.64vw;
  border-radius: 13.02vw;
  background: #FFFFFF;
  color: #333333;
  font-weight: 700;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
}

/* PRODUCT */

.product-main {
  margin: 0.52vw 0 2.6vw 0;
}

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

.product-main-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  gap: 1.04vw;
}

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

.product-main-info-top {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 1.56vw;
  width: 100%;
  padding: 1.04vw 0;
}

.product-main-info-widgets {
  display: flex;
  gap: 1.56vw;
  align-items: center;
}

.product-main-info-widget {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  cursor: pointer;
}

.product-main-fav-success {
  display: none;
  align-items: center;
  gap: 0.52vw;
  box-sizing: border-box;
  height: 4.16vw;
  padding: 0.52vw 2.08vw 0 1.56vw;
  border-radius: 0.52vw;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  background: #E6F8F0;
  margin-top: 0;
  position: fixed;
  bottom: 18.88vw;
  right: calc((100vw - 41.66vw) / 2);
}

.product-main-fav-success svg {
  margin-top: -0.47vw;
  width: 2.08vw;
  height: 2.08vw;
}

.product-main-info-widget:hover .desc {
  color: #BC1622;
}

.product-main-info-widget svg {
  margin-top: -0.23vw;
  width: 2.08vw;
  height: 2.08vw;
}

.product-main-info-widget:hover svg path {
  stroke: #BC1622;
}

.product-main-info-code {
  margin: 0;
  font-weight: 400;
  font-size: 1.69vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #33333399;
}

.product-main-info-nav {
  display: flex;
  width:  100%;
  box-sizing: border-box;
  border-radius: 0.65vw;
  padding: 0.52vw;
  background: #F1F1F1;
  overflow-x: scroll;
  margin-top: 1.04vw;
}

.product-main-info-nav::-webkit-scrollbar {
  display: none;
}

.product-main-info-nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 3.25vw;
  padding: 0 1.56vw;
  padding-top: 0.1vw;
  border-radius: 0.65vw;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333;
  cursor: pointer;
  flex-shrink: 0;
}

.product-main-info-nav-link:hover {
  color: #BC1622;
}

.product-main-info-nav-link_active:hover {
  color: #fff;
  cursor: default;
}

.product-main-info-nav-link_active {
  background-color: #BC1622;
  color: #fff;
}

.product-main-container {
  display: none;
  gap: 5.21vw;
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
  padding: 0;
}

.product-main-container_opened {
  display: flex;
}

.product-main-img-box {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  width: 100%;
  flex-shrink: 0;
}

.product-main-img {
  width: 100%;
  height: 33.85vw;
}

.product-main-img img {
  width: 100%;
  height: 100%;
}

.product-main-img-row {
  display: flex;
  width: 100%;
  gap: 0.52vw;
}

.product-main-img-small {
  width: 10.02vw;
  height: 10.02vw;
}

.product-main-img-small img {
  width: 100%;
  height: 100%;
}

.product-main-description {
  display: flex;
  flex-direction: column;
  gap: 2.6vw;
  width: 100%;
}

.product-main-description-box {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.product-main-description-box .desc {
  color: #333333;
}

.product-main-description-box .desc span {
  color: #33333399;
}

.product-main-description-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52vw;
}

.product-main-description-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 1.56vw;
  padding-top: 0.1vw;
  height: 3.9vw;
  border-radius: 0.52vw;
  border: 1px solid #0000001A;
  font-weight: 400;
  font-size: 1.43vw;
  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: 1.56vw;
}

.product-main-description-title {
  margin: 0;
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-description-container {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  width: 100%;
  margin: 0.26vw 0;
}

.product-main-description-item {
  display: flex;
  align-items: baseline;
  gap: 0.52vw;
}

.menu-dots {
  flex-grow: 1; /* Заполняет всё доступное пространство */
  border-bottom: 0.16vw dotted #ccc; /* Создаем точки */
  height: 3px; /* Регулирует высоту расположения точек относительно текста */
  margin-bottom: 0.07vw;
}

.product-main-description-all {
  cursor: pointer;
  color: #BC1622;
}

.product-main-description-all:hover {
  color: #A0151F;
}

.product-main-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.product-main-side-price {
  width: 100%;
  box-sizing: border-box;
  padding: 2.08vw;
  border-radius: 0.65vw;
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
}

.product-main-side-price-title {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #333333CC;
}

.product-main-side-price-row {
  display: flex;
  align-items: center;
  gap: 1.3vw;
  padding-bottom: 1.56vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.product-main-side-price-row span {
  margin: 0;
  font-weight: 500;
  font-size: 1.43vw;
  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: 2.08vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-quantity {
  display: flex;
  align-items: center;
  gap: 0.07vw;
  padding-bottom: 1.56vw;
  width: 100%;
  border-bottom: 1px solid #0000001A;
}

.product-main-side-quantity button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 3.64vw;
  height: 3.64vw;
  border-radius: 0.52vw;
  background: #FFFFFF;
  font-weight: 400;
  padding-top: 0.1vw;
  font-size: 2.34vw;
  letter-spacing: 0%;
  box-sizing: border-box;
  cursor: pointer;
}

.product-main-side-quantity input {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 3.64vw;
  border-radius: 0.52vw;
  text-align: center;
  width: 29.69vw;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 140%;
  letter-spacing: 0%;
  padding-top: 0.24vw;
}

.product-main-side-btns {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.product-main-side-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  border: none;
  height: 4.95vw;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
  border-radius: 0.16vw;
  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: 1.56vw 2.08vw;
  border-radius: 0.65vw;
  background: #E6F8F0;
  gap: 0.52vw;
}

.product-main-side-discount-title {
  margin: 0;
  font-weight: 500;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.product-main-side-discount-desc {
  margin: 0;
  display: flex;
  gap: 1.04vw;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-discount-desc span {
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #00B162;
  display: flex;
  gap: 0.52vw;
  padding-top: 0.1vw;
}

.product-main-side-discount-desc span svg {
  margin-top: -0.23vw;
  width: 2.08vw;
  height: 2.08vw;
}

.product-main-side-discount-link {
  font-weight: 400;
  font-size:1.3vw;
  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: 2.08vw;
  gap: 1.56vw;
  border-radius: 0.65vw;
  background: #F1F1F1;
}

.product-main-side-info-av {
  margin: 0;
  display: flex;
  gap: 0.52vw;
  align-items: center;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-side-info-av svg {
  margin-top: -0.09vw;
  width: 2.08vw;
  height: 2.08vw;
}

.product-main-side-info-box {
  display: flex;
  flex-direction: column;
  gap: 0.2vw;
  margin-top: 0.13vw;
}

.product-main-side-info-desc {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.product-main-side-info-row {
  display: flex;
  align-items: baseline;
  gap: 0.52vw;
}

.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: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  gap: 0.52vw;
}

.product-main-side-info-subdesc svg {
  width: 2.08vw;
  height: 2.08vw;
}

.product-main-side-info-show {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  gap: 0.52vw;
  color: #333333CC;
  cursor: pointer;
  margin-top: 0.52vw;
}

.product-main-side-info-show svg {
  margin-top: -0.28vw;
  width: 1.04vw;
  height: 1.04vw;
}

.product-main-side-info-ad {
  margin: 0;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
  margin-top: 0;
}

.product-main-side-info-map {
  cursor: pointer;
  margin: 0;
  margin-top: 0;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  color: #333;
}

.product-main-feedback {
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
  width: 100%;
}

.product-main-feedback-add {
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  font-size: 1.56vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
  margin-top: 1.04vw;
}

.product-main-feedback-box {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  margin-bottom: 1.56vw;
  padding-top: 1.56vw;
  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: 1.56vw;
  border-bottom: 0.03vw solid #0000001A;
}

.product-main-feedback-name {
  margin: 0;
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.product-main-feedback-date {
  margin: 0;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
  margin-bottom: 1.04vw;
}

.product-main-feedback-img-row {
  display: flex;
  gap: 1.04vw;
  flex-wrap: wrap;
}

.product-main-feedback-img {
  width: 9.38vw;
  height: 9.38vw;
  border-radius: 0.65vw;
  overflow: hidden;
}

.product-main-feedback-img img {
  width: 100%;
  height: 100%;
}

.product-main-feedback-comm {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 1.04vw;
  margin-bottom: 0.52vw;
}

.product-main-feedback-notes {
  font-weight: 500;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  display: flex;
  gap: 0.52vw;
  margin-bottom: 0.52vw;
}

.product-main-feedback-notes span {
  font-weight: 400;
  font-size: 1.43vw;
}

.product-main-cert {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
}

.product-main-cert-box {
  display: flex;
  align-items: center;
  gap: 1.04vw;
}

.product-main-cert-box svg {
  width: 3.64vw;
  height: 3.64vw;
}

.product-main-cert-text {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  display: flex;
  gap: 1.04vw;
  margin-top: 0.1vw;
  cursor: pointer;
}

.product-main-cert-text:hover {
  color: #BC1622;
}

.product-main-cert-text span {
  color: #33333399;
}

/* ORDER */

.order-main {
  margin-top: 2.6vw;
  margin-bottom: 2.6vw;
}

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

.order-main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1.04vw;
}

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

.order-main-delivery-nav {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  height: 4.81vw;
  border-radius: 13.02vw;
  background: #F1F1F1;
  padding: 0.52vw;
  overflow-x: scroll;
}

.order-main-delivery-nav::-webkit-scrollbar {
  display: none;
}

.order-main-delivery-nav-link {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0 2.08vw;
  padding-top: 0.1vw;
  background-color: #3333330D;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
  flex-shrink: 0;
}

.order-main-delivery-nav-link:hover {
  color: #BA1420;
}

.order-main-delivery-nav-link_active {
  border-radius: 13.02vw;
  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: 2.99vw;
  border-radius: 0 13.02vw 13.02vw 0;
}

.order-main-delivery-nav-link:first-of-type {
  border-radius: 13.02vw 0 0 13.02vw;
}

.order-main-delivery-nav-link:first-of-type.order-main-delivery-nav-link_active::after {
  border-radius: 13.02vw 0 0 13.02vw;
}

.order-main-delivery-nav-link:last-of-type.order-main-delivery-nav-link_active::after {
  border-radius: 0 13.02vw 13.02vw 0;
}

.order-main-delivery-container {
  display: none;
  flex-direction: column;
  width: 100%;
  gap: 1.04vw;
}

.order-main-delivery-container_active {
  display: flex;
}

.order-main-delivery-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 2.08vw;
  gap: 0.52vw;
  border-radius: 1.3vw;
  background: #F1F1F1;
}

.order-main-delivery-step-title {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #33333399;
}

.order-main-delivery-step-subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 1.95vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.52vw;
  margin-top: 1.04vw;
}

.order-main-delivery-option {
  display: flex;
  gap: 1.04vw;
  align-items: center;
  box-sizing: border-box;
  height: 5.21vw;
  padding: 0 2.6vw 0 2.08vw;
  border-radius: 0.65vw;
  background: #FFFFFF;
}

.order-main-delivery-option input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-option input:checked + label::before {
  position: absolute;
  top: -0.23vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  content: '';
  border: 0.65vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-option label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-option label::after {
  position: absolute;
  top: -0.23vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  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: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 0.1vw;
}

.order-main-delivery-step-address {
  width: 100%;
  box-sizing: border-box;
  height: 4.81vw;
  padding-top: 0.1vw;
  padding-left: 2.08vw;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 1.04vw;
}

.order-main-delivery-step-show-map {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.52vw;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
  cursor: pointer;
  margin: 1.04vw 0 1.04vw auto;
}

.order-main-delivery-step-show-map svg {
  margin-top: -0.15vw;
  width: 1.04vw;
  height: 1.04vw;
}

.order-main-delivery-step-show-map:hover {
  color: #BA1420;
}

.order-main-delivery-step-show-map:hover svg path{
  stroke: #BA1420;
}

.order-main-delivery-step-address-row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 0.52vw;
  flex-wrap: wrap;
}

.order-main-delivery-step-address-row input {
  display: flex;
  align-items: center;
  padding-top: 0.1vw;
  box-sizing: border-box;
  height: 4.81vw;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  padding-left: 2.08vw;
}

.order-main-delivery-step-floor {
  width: 18.49vw;
}

.order-main-delivery-step-entry {
  width: 18.49vw;
}

.order-main-delivery-step-add {
  width: 100%;
}

.order-main-delivery-step-pickup {
  display: flex;
  gap: 1.56vw;
  align-items: center;
  margin: 2.08vw 0;
}

.order-main-delivery-step-pickup-text {
  margin: 0;
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 0.1vw;
  color: #333333;
}

.order-main-delivery-step-pickup-comm {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  margin: 1.04vw 0 4.69vw 0;
}

.order-main-delivery-step-pickup-other {
  margin: 1.04vw 0;
  display: none;
  flex-direction: column;
  gap: 1.04vw;
}

.order-main-delivery-step-pickup-other-row {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
  width: 100%;
  justify-content: space-between;
}

.order-main-delivery-step-pickup-other-input {
  display: flex;
  box-sizing: border-box;
  height: 4.81vw;
  width: 100%;
  padding-left: 2.08vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 0.52vw;
}

.zk-choice {
  height: 4.81vw;
  width: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 0.52vw;
}

.order-main-delivery-subdesc {
  margin: 0;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-pickup-comm textarea {
  width: 100%;
  min-height: 10.42vw;
  box-sizing: border-box;
  padding: 1.56vw 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  border: 1px solid #E2E2E2;
  border-radius: 0.52vw;
}

.order-main-delivery-step-pickup-date {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
  margin-bottom: 1.04vw;
}

.order-main-delivery-step-pickup-date-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  gap: 0.52vw;
}

.order-main-delivery-step-pickup-date-box {
  display: flex;
  box-sizing: border-box;
  height: 6.12vw;
  border-radius: 0.65vw;
  background: #fff;
  padding: 1.56vw 2.6vw 0 2.08vw;
  align-items: baseline;
  gap: 1.04vw;
}

.order-main-delivery-step-pickup-date-box input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-pickup-date-box input:checked + label::before {
  position: absolute;
  top: -0.05vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  content: '';
  border: 0.65vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-pickup-date-box label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-pickup-date-box label::after {
  position: absolute;
  top: -0.05vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  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: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-pickup-date-box label span {
  font-weight: 400;
  font-size: 1.04vw;
}

.date-choice {
  width: 100%;
  height: 4.81vw;
  border: 1px solid #E2E2E2;
  border-radius: 0.52vw;
  padding-left: 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-time {
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.order-main-delivery-step-pickup-time-select {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  align-items: flex-start;
  justify-content: space-between;
}

.time-choice {
  width: 100%;
  height: 4.81vw;
  border: 1px solid #E2E2E2;
  border-radius: 0.52vw;
  padding-left: 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-delivery-step-pickup-time-select span {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin-right: 0.65vw;
}


.order-main-delivery-step-pickup-time-select span svg {
  margin-top: -0.24vw;
  width: 2.08vw;
  height: 2.08vw;
}

.order-main-delivery-step-extra {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.52vw;
  background: #fff;
  padding: 1.56vw 2.6vw 1.56vw 2.08vw;
  min-height: 5.21vw;
  gap: 1.04vw;
}

.order-main-delivery-step-extra:first-of-type {
  margin-top: 1.04vw;
}

.order-main-delivery-step-extra-option {
  display: flex;
  align-items: center;
  gap: 1.04vw;
}

.order-main-delivery-step-extra-option input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-extra-option input:checked + label::before {
  position: absolute;
  top: -0.17vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  background-color: #BC1622;
  border-radius: 0.52vw;
  z-index: 2;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-size: 2.08vw 1.04vw;
  background-repeat: no-repeat;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-extra-option label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-extra-option label::after {
  position: absolute;
  top: -0.17vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #333333;
  border-radius: 0.52vw;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-extra-option label {
  font-weight: 500;
  font-size: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
  margin-top: 0.1vw;
}

.order-main-delivery-step-extra-desc {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 1.17vw;
  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: 0.52vw;
  min-height: 10.42vw;
  border: 0.03vw solid #E2E2E2;
  padding: 1.56vw 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-payment {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.52vw;
  margin: 1.04vw 0;
}

.order-main-delivery-step-payment-box {
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  border-radius: 0.52vw;
  padding: 1.56vw 2.08vw;
  display: flex;
  gap: 1.04vw;
  align-items: center;
  position: relative;
  background: #fff;
}

.order-main-delivery-step-payment-box:nth-of-type(1) svg {
  width: 8.33vw;
  height: 1.43vw;
}

.order-main-delivery-step-payment-box:nth-of-type(2) svg {
  width: 4.29vw;
  height: 1.95vw;
}

.order-main-delivery-step-payment-box:nth-of-type(3) svg {
  width: 3.77vw;
  height: 1.82vw;
}

.order-main-delivery-step-payment-box:nth-of-type(4) svg {
  width: 6.38vw;
  height: 1.3vw;
}

.order-main-delivery-step-payment-box:nth-of-type(5) svg {
  width: 5.73vw;
  height: 1.69vw;
}

.order-main-delivery-step-payment-box:nth-of-type(6) svg {
  width: 5.73vw;
  height: 1.69vw;
}



.order-main-delivery-step-payment-box input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-payment-box input:checked + label::before {
  position: absolute;
  top: -0.23vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  content: '';
  border: 0.65vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-payment-box label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-payment-box label::after {
  position: absolute;
  top: -0.23vw;
  left: -3.12vw;
  width: 2.08vw;
  height: 2.08vw;
  content: '';
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.order-main-delivery-step-payment-box:nth-of-type(5) input:checked + label::before {
  top: 0.47vw;
}

.order-main-delivery-step-payment-box:nth-of-type(5) label::after {
  top: 0.47vw;
}

.order-main-delivery-step-payment-box label {
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-payment-box label span {
  font-weight: 400;
  font-size: 1.04vw;
  color: #80878F;
}

.order-main-delivery-step-payment-box svg {
  position: relative;
  bottom: auto;
  right: auto;
  margin-left: auto;
}

.order-main-delivery-step-payment-add {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-delivery-step-payment-add svg {
  margin-top: -0.19vw;
  width: 2.08vw;
  height: 2.08vw;
}

.order-main-delivery-step-info {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.52vw;
  justify-content: space-between;
  margin: 1.04vw 0 2.08vw 0;
}

.order-main-delivery-step-info-input {
  width: 100%;
  height: 4.81vw;
  padding-left: 2.08vw;
  padding-top: 0.1vw;
  box-sizing: border-box;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-get-call {
  display: flex;
  align-items: center;
  gap: 2.08vw;
}

.order-main-delivery-step-get-call-box {
  display: none;
  flex-direction: column;
  gap: 1.04vw;
  margin: 1.04vw 0;
}

.order-main-delivery-step-get-call-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.52vw;
}

.order-main-delivery-step-get-call-row .order-main-delivery-step-pickup-date-box {
  width: fit-content;
  flex-shrink: 0;
  padding-top: 1.56vw;
}

.get-call-choice {
  height: 4.81vw;
  width: 100%;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  padding-left: 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
}

.order-main-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
  position: relative;
  top: auto;
  height: fit-content;
  right: auto;
}

.order-main-side-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 1.56vw 2.08vw;
  border-radius: 0.65vw;
  background: #F1F1F1;
  gap: 1.56vw;
}

.order-main-side-title {
  margin: 0;
  font-weight: 500;
  font-size: 2.08vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.order-main-side-price {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 1.56vw 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: 18.23vw;
  margin: 0;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-side-price-desc {
  margin: 0;
  font-weight: 700;
  font-size: 1.43vw;
  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: 1.56vw;
  border-top: 1px solid #0000001A;
}

.order-main-side-total-text {
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  color: #0E0E0E;
}

.order-main-side-add {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
}

.order-main-side-add svg {
  flex-shrink: 0;
  width: 2.08vw;
  height: 2.08vw;
  margin-top: -0.23vw;
}

.order-main-side-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 0.1vw;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 0.65vw;
  color: #fff;
  background: #BC1622;
  border: none;
  height: 4.81vw;
  cursor: pointer;
}

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

.order-city-choice {
  width: 100%;
  height: 4.81vw;
  border-radius: 0.52vw;
  border: 1px solid #E2E2E2;
  padding-left: 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333380;
  margin-top: 1.04vw;
}

.order-main-delivery-step-pickup-other-file {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  cursor: pointer;
}

.order-main-delivery-step-pickup-other-file:hover {
  color: #BC1622;
}

.order-main-delivery-step-pickup-other-file:hover svg path {
  stroke: #BC1622;
}

.order-main-delivery-step-pickup-other-file svg {
  margin-top: -0.08vw;
  width: 1.56vw;
  height: 1.56vw;
}

.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: 1.3vw;
  overflow: hidden;
  background: #fff;
  margin-top: 1.04vw;
}

.order-main-delivery-step-city-top {
  width: 100%;
  box-sizing: border-box;
  padding: 1.56vw 2.6vw;
  border-bottom: 0.03vw solid #E2E2E2;
}

.order-main-delivery-step-city-title {
  margin: 0;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.order-main-delivery-step-city-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding: 2.08vw 2.6vw;
  gap: 1.56vw;
  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: 1.3vw;
  flex-shrink: 0;
  width: 100%;
}

.order-main-delivery-step-city-name input {
  opacity: 0;
  width: 2.08vw;
  flex-shrink: 0;
  cursor: pointer;
}

.order-main-delivery-step-city-name input:checked + label::before {
  position: absolute;
  top: -0.05vw;
  left: -3.38vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  content: '';
  border: 0.65vw solid #BC1622;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}

.order-main-delivery-step-city-name label {
  position: relative;
  cursor: pointer;
}

.order-main-delivery-step-city-name label::after {
  position: absolute;
  top: -0.05vw;
  left: -3.38vw;
  width: 2.08vw;
  height: 2.08vw;
  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: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2C3439;
}

.order-main-delivery-step-city-name label a {
  cursor: pointer;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #BC1622;
}

.order-main-delivery-step-city-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.13vw;
}

.order-main-delivery-step-city-info .desc {
  color: #2C3439;
}

.order-main-delivery-step-city-time {
  margin: 0;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #33333399;
}

.order-main-delivery-step-city-phone {
  margin: 0;
  font-weight: 500;
  font-size: 1.3vw;
  line-height: 130%;
  letter-spacing: 0%;
}

.order-main-delivery-step-city-av {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  gap: 0.52vw;
  align-items: flex-start;
  margin-top: 1.04vw;
}

.order-main-delivery-step-city-av svg {
  margin-top: -0.56vw;
  width: 2.08vw;
  height: 2.08vw;
}

.order-main-delivery-step-city-av-text {
  margin: 0;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-main-delivery-step-city-av span {
  font-size: 1.04vw;
  color: #33333399;
}

/* OFFERS PAGE — Figma 989:82019 «768. Страница акции» | px/768*100=vw */

  main.offers-page {
    overflow: hidden;
  }

  /* Hero 213 */
  main.offers-page .offers-page-hero {
    position: relative;
    margin: 0;
    padding: 0;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 0;
    background-color: #333;
    color: #fff;
    overflow: hidden;
  }

  main.offers-page .offers-page-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08vw;
    height: 100%;
    padding: 3.26vw 0 0;
    box-sizing: border-box;
  }

  main.offers-page .offers-page-hero-img {
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    left: auto;
    bottom: auto;
    z-index: 0;
    width: 57.29vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.offers-page .offers-page-hero-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  main.offers-page .offers-page-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.offers-page .offers-page-hero-img img.pc,
  main.offers-page .offers-page-hero-img img.pc-1440 {
    display: block !important;
  }

  main.offers-page .offers-page-hero-img img.mobile {
    display: none !important;
  }

  main.offers-page .offers-page-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 69.27vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.offers-page .offers-page-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: -1.04vw 0 0;
    max-width: 69.27vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  /* Figma 989:83175 — колонка; бейдж + кнопка в ряд */
  main.offers-page .offers-page-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2.08vw;
    width: 69.27vw;
    max-width: 69.27vw;
    margin: 0;
  }

  main.offers-page .offers-page-hero .hero-desc {
    width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
  }

  main.offers-page .offers-page-hero .hero-desc br.mobile {
    display: none !important;
  }

  /* Figma 989:83192 — бейдж + кнопка в один ряд, gap 12, hug */
  main.offers-page .offers-page-hero-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-self: flex-start;
    gap: 1.56vw;
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 1.04vw 0 0;
    box-sizing: border-box;
  }

  main.offers-page .offer-page-hero-discount {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 1.56vw;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0.52vw 0.52vw 0.52vw 1.04vw;
    border-radius: 13.02vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.offers-page .offers-page-hero-discount-percent {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.52vw;
    margin: 0;
    padding: 0 0.52vw;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    background: linear-gradient(274.32deg, #ed2039 2.3%, #bc1622 94.86%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  main.offers-page .offers-page-hero-discount-percent svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  main.offers-page .offers-page-hero-discount-date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.04vw 2.08vw;
    border-radius: 13.02vw;
    background: #333;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 100%;
  }

  main.offers-page .offers-page-hero-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.offers-page .offers-page-hero-btn:hover {
    background: #a0151f;
  }

  /* Что входит / Для каких объектов — 2×2 */
  main.offers-page .offers-page-include,
  main.offers-page .offers-page-suits {
    margin: 0;
    padding: 3.91vw 0;
    background: #fff;
  }

  main.offers-page .offers-page-include .container,
  main.offers-page .offers-page-suits .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.offers-page .offers-page-include .title,
  main.offers-page .offers-page-suits .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
    text-align: left;
  }

  main.offers-page .offers-page-include-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
  }

  main.offers-page .offers-page-include-box {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    min-height: 13.54vw;
    height: auto;
    padding: 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.offers-page .offers-page-include-box p {
    margin: 0;
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.offers-page .offers-page-include-box svg {
    flex-shrink: 0;
    width: 5.21vw;
    height: 5.21vw;
  }

  /* Товары по акции */
  main.offers-page .products {
    margin: 0;
    padding: 1.3vw 0 3.91vw;
    background: #fff;
  }

  main.offers-page .products .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main.offers-page .products .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.offers-page .products .swipe-video {
    display: none !important;
  }

  main.offers-page .products-container,
  main.offers-page .products .products-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.04vw;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

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

  main.offers-page .products-box,
  main.offers-page .products-box:nth-child(n + 5) {
    display: flex;
    flex: 0 0 22.92vw;
    width: 22.92vw;
    min-width: 22.92vw;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.offers-page .products-more,
  main.offers-page .products .products-more,
  main.offers-page a.products-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 1.56vw 2.6vw;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    white-space: nowrap;
  }

  /* Белый блок: как работаем / объекты / форма */
  main.offers-page .offers-tasks {
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  main.offers-page .offers-tasks-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5.21vw;
    width: 100%;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
  }

  main.offers-page .offers-page-gift-includes {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    margin: 0;
    z-index: 1;
  }

  main.offers-page .offers-page-gift-includes .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.offers-page .offers-page-gift-includes-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.04vw;
    width: 100%;
  }

  main.offers-page .offers-page-gift-includes-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    height: auto;
    min-height: 0;
    padding: 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.offers-page .offers-page-gift-includes-box svg {
    flex-shrink: 0;
    width: 2.6vw;
    height: 2.6vw;
    margin: 0;
  }

  main.offers-page .offers-page-gift-includes-box p,
  main.offers-page .offers-page-gift-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  main.offers-page .offers-page-apply {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    margin: 0;
  }

  main.offers-page .offers-page-apply .title {
    margin: 0;
    max-width: 70.31vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.offers-page .offers-page-apply .title br.mobile {
    display: none !important;
  }

  main.offers-page .offers-page-apply-desc {
    margin: 0;
    max-width: 70.31vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.offers-page .offers-page-apply-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
    margin: 1.56vw 0 0;
  }

  main.offers-page .offers-page-apply-img {
    width: calc((100% - 3.12vw) / 4);
    height: 16.28vw;
    border-radius: 0.65vw;
    overflow: hidden;
  }

  main.offers-page .offers-page-apply-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  main.offers-page .offers-page-form {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1.56vw;
    width: 100%;
    margin: 0;
  }

  main.offers-page .offers-page-form .main-form-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 0;
    min-width: 0;
    gap: 1.04vw;
  }

  main.offers-page .offers-page-form .main-form-text-title,
  main.offers-page .offers-page-form .title {
    margin: 0;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 120%;
    color: #333;
  }

  main.offers-page .offers-page-form .form-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.offers-page .offers-page-form .main-form-list {
    display: flex;
    flex-direction: column;
    gap: 0.26vw;
    width: 29.17vw;
    max-width: 100%;
    margin: 0;
    padding: 1.04vw 0 0;
    list-style: none;
  }

  main.offers-page .offers-page-form .main-form-list-el {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    font-size: 1.56vw;
    line-height: 140%;
    color: #333;
  }

  main.offers-page .offers-page-form .main-form-list-el svg {
    flex-shrink: 0;
    width: 1.56vw;
    height: 1.56vw;
  }

  main.offers-page .offers-page-form .contacts-form-phone.mobile,
  main.offers-page .offers-page-form .form-desc.mobile {
    display: none !important;
  }

  main.offers-page .offers-page-form .contacts-form-phone.pc,
  main.offers-page .offers-page-form .contacts-form-phone.pc-1440,
  main.offers-page .offers-page-form a.contacts-form-phone {
    display: block !important;
    margin: 0;
    margin-top: auto;
    color: #bc1622;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
  }

  main.offers-page .offers-page-form .form-desc.pc,
  main.offers-page .offers-page-form .form-desc.pc-1440 {
    display: block !important;
    margin: 0.52vw 0 0;
  }

  main.offers-page .offers-page-form .main-form-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: 1.56vw;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 0 0 1.56vw;
  }

  main.offers-page .offers-page-form .main-form-input {
    width: 100%;
    height: auto;
    min-height: 5.21vw;
    padding: 1.56vw 2.08vw;
    border-radius: 0.65vw;
    font-size: 1.56vw;
    box-sizing: border-box;
  }

  main.offers-page .offers-page-form .checkbox-policy {
    gap: 1.04vw;
  }

  main.offers-page .offers-page-form .checkbox__label,
  main.offers-page .offers-page-form .checkbox__label.desc {
    font-size: 1.43vw;
    line-height: 130%;
  }

  main.offers-page .offers-page-form .main-form-btn {
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 2.6vw;
    border-radius: 0.65vw;
    font-size: 1.82vw;
    font-weight: 500;
  }

/* PRESS — Figma 1034:80744 «768. Пресс-центр» | px/768*100=vw */

  main.press-page {
    overflow: hidden;
  }

  /* Hero 213 — image @281/440-like, info @20/25 w374 */
  main.press-page .press-page-hero {
    position: relative;
    margin: 0;
    padding: 0;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 0;
    background-color: #333;
    color: #fff;
    overflow: hidden;
  }

  main.press-page .press-page-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08vw;
    height: 100%;
    padding: 3.26vw 0 0;
    box-sizing: border-box;
  }

  main.press-page .press-page-hero-img {
    position: absolute;
    top: -3.52vw;
    right: calc((100vw - 94.79vw) / -2);
    left: auto;
    bottom: auto;
    z-index: 0;
    width: 63.41vw;
    height: 31.25vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.press-page .press-page-hero-img::after {
    content: "";
    position: absolute;
    top: 3.52vw;
    left: 0;
    z-index: 1;
    width: 37.76vw;
    height: 27.73vw;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  main.press-page .press-page-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.press-page .press-page-hero-img img.pc,
  main.press-page .press-page-hero-img img.pc-1440 {
    display: block !important;
  }

  main.press-page .press-page-hero-img img.mobile {
    display: none !important;
  }

  main.press-page .press-page-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 48.7vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.press-page .press-page-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: -1.04vw 0 0;
    max-width: 48.7vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.press-page .press-page-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08vw;
    width: 48.7vw;
    max-width: 48.7vw;
    margin: 0;
  }

  main.press-page .press-page-hero .hero-desc {
    width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
  }

  main.press-page .press-page-hero-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0 !important;
    margin-top: 1.04vw !important;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.press-page .press-page-hero-btn:hover {
    background: #a0151f;
  }

  /* Catalog — padding 30 20, 2× cards 359, gap 10 */
  main.press-page .press-catalog {
    margin: 0;
    padding: 3.91vw 0;
    background: #fff;
  }

  main.press-page .press-catalog .container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2.08vw;
  }

  main.press-page .press-catalog-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 1.56vw 0 0;
    border-radius: 13.02vw;
    background: rgba(51, 51, 51, 0.05);
    overflow-x: auto;
    box-sizing: border-box;
  }

  main.press-page .press-catalog-nav::-webkit-scrollbar {
    display: none;
  }

  main.press-page .press-catalog-nav-link {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.04vw 2.6vw;
    border-radius: 13.02vw;
    color: #333;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
  }

  main.press-page .press-catalog-nav-link_active {
    background: #bc1622;
    color: #fff;
    font-weight: 500;
  }

  main.press-page .press-catalog-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
  }

  main.press-page .press-catalog-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    height: 20.96vw;
    min-height: 20.96vw;
    margin: 0;
    padding: 2.08vw;
    padding-right: 21.88vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  /* Figma: Новость=white, Статья=#333, Кейс=red */
  main.press-page .press-catalog-widget {
    position: absolute;
    top: 1.04vw;
    right: 1.04vw;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0.65vw 1.56vw;
    border: none;
    border-radius: 13.02vw;
    background: #fff;
    color: #333;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
  }

  main.press-page .press-catalog-widget_article {
    background: #333;
    color: #fff;
    font-weight: 500;
  }

  main.press-page .press-catalog-widget_case {
    background: #bc1622;
    color: #fff;
    font-weight: 500;
  }

  main.press-page .press-catalog-date {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.press-page .press-catalog-title {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 100%;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  main.press-page .press-catalog-desc {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 100%;
    max-height: 5.21vw;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  main.press-page .press-catalog-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    color: #bc1622;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    cursor: pointer;
  }

  main.press-page .press-catalog-link svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

  main.press-page .press-catalog-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 19.79vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.press-page .press-catalog-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Promo card — Figma 1034:82090; фото absolute, бейдж hug поверх градиента */
  main.press-page .press-catalog-box-offer {
    justify-content: space-between;
    gap: 0;
    padding: 2.08vw;
    padding-right: 2.08vw;
    background: #333;
  }

  main.press-page .press-catalog-box-offer-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 19.4vw;
    max-width: 19.4vw;
  }

  main.press-page .press-catalog-box-offer .press-catalog-title,
  main.press-page .press-catalog-box-offer .press-catalog-desc {
    color: #fff;
    max-width: 100%;
  }

  main.press-page .press-catalog-box-offer .press-catalog-title {
    font-size: 1.82vw;
    line-height: 120%;
  }

  main.press-page .press-catalog-box-offer .press-catalog-desc {
    max-height: none;
    -webkit-line-clamp: unset;
    font-size: 1.3vw;
    line-height: 130%;
    color: #fff;
  }

  main.press-page .press-catalog-box-offer .press-catalog-img {
    top: 0;
    right: auto;
    left: 21.48vw;
    z-index: 0;
    width: 25.26vw;
    height: 21.48vw;
  }

  main.press-page .press-catalog-box-offer .press-catalog-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 17.84vw;
    height: 100%;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.press-page .press-catalog-box-offer-row {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0;
    align-items: center;
    gap: 1.04vw;
    width: fit-content;
    max-width: none;
    margin: 0;
    padding: 0.52vw 0.52vw 0.52vw 1.04vw;
    border-radius: 13.02vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.press-page .press-catalog-box-offer .press-page-hero-discount-percent {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    padding: 0 0.52vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #bc1622 !important;
  }

  main.press-page .press-catalog-box-offer .press-page-hero-discount-percent svg {
    flex-shrink: 0;
    width: 1.56vw;
    height: 1.56vw;
    margin: 0;
  }

  main.press-page .press-catalog-box-offer .press-page-hero-discount-date {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0.78vw 1.56vw;
    border-radius: 13.02vw;
    background: #333;
    color: #fff;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
  }

  main.press-page .press-catalog-link-offer {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.04vw 2.08vw;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 700;
    line-height: 100%;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
  }

  main.press-page .press-catalog-btn {
    display: inline-flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    cursor: pointer;
  }

  /* Bottom white card — Figma 1034:81024 */
  main.press-page .offers-tasks {
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  main.press-page .offers-tasks-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    width: 100%;
    min-height: 92.71vw;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
  }

  main.press-page .offers-tasks-hero,
  main.press-page .projects-tasks-hero {
    position: static;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 47.79vw;
    max-width: 47.79vw;
    min-height: 0;
    box-sizing: border-box;
  }

  main.press-page .offers-tasks-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.press-page .offers-tasks-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.press-page .offers-tasks-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: auto !important;
    max-width: none;
    height: auto;
    min-height: 0;
    margin-top: 1.56vw;
    padding: 1.56vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.press-page .offers-tasks-btn:hover {
    background: #a0151f;
  }

  /* Image @370 of card — left fade white */
  main.press-page .offers-tasks-hero-img {
    position: absolute;
    top: 0;
    left: 50.82%;
    right: auto !important;
    z-index: 0;
    width: 54.4vw;
    height: 29.43vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.press-page .offers-tasks-hero-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 90.91%;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 76%);
    pointer-events: none;
  }

  main.press-page .offers-tasks-hero-img img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Topics — 3×222 + 2 fill, row text+icon */
  main.press-page .offers-gift-steps {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    margin-top: 0;
    width: 100%;
  }

  main.press-page .offers-gift-steps .main-form-title {
    margin: 0;
    color: #0e0e0e;
    font-size: 2.21vw;
    font-weight: 500;
    line-height: 100%;
  }

  main.press-page .press-gift-steps-container,
  main.press-page .offers-gift-steps-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1.3vw;
    width: 100%;
  }

  main.press-page .press-gift-steps-box,
  main.press-page .offers-gift-steps-box.press-gift-steps-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.56vw;
    box-sizing: border-box;
    width: calc((100% - 2.6vw) / 3);
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.press-page .press-gift-steps-box:nth-child(4),
  main.press-page .press-gift-steps-box:nth-child(5) {
    width: calc((100% - 1.3vw) / 2);
  }

  main.press-page .press-gift-steps-box .legal-subtitle {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    margin: 0;
    max-width: none;
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.press-page .press-gift-steps-box svg {
    position: relative;
    flex-shrink: 0;
    top: auto;
    right: auto;
    width: 4.17vw;
    height: 4.17vw;
  }

  /* Banner 686×104 */
  main.press-page .offers-banner.press-banner,
  main.press-page .press-banner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 13.54vw;
    min-height: 13.54vw;
    padding: 0 3.65vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  main.press-page .press-banner .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 42.97vw;
    color: #fff;
    font-size: 2.6vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.press-page .press-banner .offers-banner-img {
    position: absolute;
    top: -7.94vw;
    right: 0;
    z-index: 0;
    width: 40.36vw;
    height: 22.66vw;
    pointer-events: none;
  }

  main.press-page .press-banner .offers-banner-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 7.94vw;
    z-index: 1;
    width: 30.86vw;
    height: 13.54vw;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.press-page .press-banner .offers-banner-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.press-page .press-banner .offers-banner-img img.pc,
  main.press-page .press-banner .offers-banner-img img.pc-1440 {
    display: block !important;
  }

  main.press-page .press-banner .offers-banner-img img.mobile {
    display: none !important;
  }

  /* CTA row */
  main.press-page .offers-cta {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2.08vw;
    width: 100%;
    margin-top: auto;
  }

  main.press-page .offers-cta-text {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 36.46vw;
    max-width: 36.46vw;
  }

  main.press-page .offers-cta-title {
    margin: 0;
    color: #333;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 120%;
  }

  main.press-page .offers-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.press-page .offers-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 36.46vw;
  }

  main.press-page .offers-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    cursor: pointer;
  }

  main.press-page .offers-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  main.press-page .offers-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  main.press-page .offers-cta-btn_primary:hover {
    background: #a0151f;
  }

/* ARTICLE — Figma 1034:83594 «768.Статья/Новость» | px/768*100=vw */

  main.article-page {
    overflow: hidden;
  }

  /* Breadcrumbs — padding 20 20 8, gap 4, font 11 */
  main.article-page .breadcrumbs-top {
    margin: 0;
    padding: 2.6vw 0 1.04vw;
  }

  main.article-page .breadcrumbs-top .container {
    padding: 0;
  }

  main.article-page .breadcrumbs {
    display: flex !important;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
  }

  main.article-page .breadcrumbs span,
  main.article-page .breadcrumbs-link {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #aaa;
    text-decoration: none;
  }

  main.article-page .breadcrumbs-link_active {
    color: #333;
  }

  /* Hero 728×180 — info @20/27 w423, image @488 w240, badge «Статья» */
  main.article-page .article-page-hero {
    position: relative;
    margin: 0;
    padding: 1.04vw 0 0;
  }

  main.article-page .article-page-hero .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6vw;
    box-sizing: border-box;
    width: 94.79vw;
    height: 23.44vw;
    min-height: 23.44vw;
    margin: 0 auto;
    padding: 3.52vw 2.6vw 0;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    overflow: hidden;
  }

  main.article-page .article-page-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    max-width: 55.08vw;
  }

  main.article-page .article-date {
    margin: 0;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
  }

  main.article-page .article-page-hero .hero-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.article-page .article-subdesc {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.article-page .article-page-hero-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
  }

  main.article-page .article-page-hero-btn:hover {
    background: #a0151f;
  }

  main.article-page .article-page-hero-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 31.25vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.article-page .article-page-hero-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.article-page .article-page-hero-widget {
    position: absolute;
    top: 1.04vw;
    right: 1.04vw;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.78vw 2.08vw;
    border-radius: 13.02vw;
    background: #333;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
  }

  /* Article section — padding 30 20; TOC + body gap 10; then more gap 40 */
  main.article-page .article-top {
    margin: 0;
    padding: 3.91vw 0 0;
  }

  main.article-page .article-top .container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  main.article-page .article-plot {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    margin: 0;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.article-page .article-plot-title {
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.article-page .article-plot-list {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
  }

  main.article-page .article-plot-list-el {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
    text-decoration: none;
    cursor: pointer;
  }

  main.article-page .article-plot-list-el svg {
    flex-shrink: 0;
    width: 1.56vw;
    height: 1.56vw;
    margin: 0;
  }

  main.article-page .article-main {
    margin: 0;
    padding: 1.3vw 0 3.91vw;
  }

  main.article-page .article-main .container {
    display: flex;
    flex-direction: column;
    gap: 5.21vw;
    position: relative;
  }

  /* Body — padding 16 20, gap 12, titles 24 */
  main.article-page .article-info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    margin: 0;
    padding: 2.08vw 2.6vw;
    border-radius: 1.3vw;
  }

  main.article-page .article-info .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.article-page .article-desc {
    margin: 0;
    max-width: 100%;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.article-page .article-info br {
    display: none;
  }

  main.article-page .article-undertitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.article-page .article-info ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  main.article-page .article-list-el {
    display: flex;
    align-items: flex-start;
    gap: 1.04vw;
  }

  main.article-page .article-list-el svg {
    flex-shrink: 0;
    width: 1.56vw;
    height: 1.56vw;
    margin-top: 0.13vw;
  }

  main.article-page .article-list-text {
    display: flex;
    flex-direction: column;
    gap: 0.26vw;
    min-width: 0;
  }

  main.article-page .article-list-text .article-desc.bold {
    font-weight: 500;
  }

  main.article-page .article-info-img {
    width: 100%;
    height: 36.46vw;
    margin: 0;
    overflow: hidden;
    border-radius: 0.65vw;
  }

  main.article-page .article-info-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Доп: questions + related — gap 24; cards in 2-col row gap 10 */
  main.article-page .article-more {
    position: static;
    top: auto;
    right: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.3vw;
    row-gap: 3.13vw;
    width: 100%;
    height: auto;
  }

  /* «Есть вопросы?» — row, padding 20, gap 20 */
  main.article-page .article-more .article-questions.mobile {
    grid-column: 1 / -1;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2.6vw;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.article-page .article-more .article-questions-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-items: flex-start;
    gap: 0.52vw;
    min-width: 0;
  }

  main.article-page .article-more .article-questions-title {
    margin: 0;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    text-align: left;
    color: #333;
  }

  main.article-page .article-more .article-questions .desc {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    text-align: left;
    color: rgba(51, 51, 51, 0.8);
  }

  main.article-page .article-more .article-questions .desc br {
    display: none;
  }

  main.article-page .article-more .article-questions-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 5.21vw;
    border: none;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    cursor: pointer;
  }

  /* «Другие статьи» — 2 cards 359×161, gap 10 */
  main.article-page .article-more > .article-plot-title {
    grid-column: 1 / -1;
    margin: 0;
    margin-bottom: -1.83vw;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.article-page .article-more .press-catalog-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    box-sizing: border-box;
    width: 100%;
    height: 20.96vw;
    min-height: 20.96vw;
    margin: 0;
    padding: 2.08vw;
    padding-right: 21.88vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  main.article-page .article-more .press-catalog-box p {
    max-width: 100%;
  }

  main.article-page .article-more .press-catalog-widget {
    position: absolute;
    top: 1.04vw;
    right: 1.04vw;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0.65vw 1.56vw;
    border: none;
    border-radius: 13.02vw;
    background: #333;
    color: #fff;
    font-size: 1.04vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
  }

  main.article-page .article-more .press-catalog-date {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.article-page .article-more .press-catalog-title {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 100%;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  main.article-page .article-more .press-catalog-desc {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0;
    max-width: 100%;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.article-page .article-more .press-catalog-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    color: #bc1622;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    cursor: pointer;
  }

  main.article-page .article-more .press-catalog-link svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

  main.article-page .article-more .press-catalog-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 19.79vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.article-page .article-more .press-catalog-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

/* PAYMENT */

.payment__main {
  margin-top: 1.04vw;
  margin-bottom: 3.9vw;
}

.payment__main .container {
  display: flex;
  flex-direction: column;
  gap: 1.56vw;
}

.payment__main .title {
  margin-bottom: 1.04vw;
}

.payment__main-container {
  margin-bottom: 3.64vw;
  display: flex;
  flex-direction: column;
  gap: 1.04vw;
}

.payment__main-box {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 1.04vw;
  width: 100%;
  border-radius: 0.65vw;
  background: #F1F1F1;
  box-sizing: border-box;
  padding: 2.08vw;
  cursor: pointer;
}

.payment-desc {
  margin: 0;
  font-weight: 400;
  font-size: 1.82vw;
  line-height: 100%;
  color: #2C3439;
}

.payment-arrow {
  position: absolute;
  top: 2.08vw;
  right: 2.08vw;
  transform: rotate(0deg);
  transition: all 0.2s linear;
  width: 1.56vw;
  height: 1.55vw;
}

.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: 1.56vw;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0s linear;
  margin-top: 0;
}

.payment-content_opened {
  max-height: fit-content;
  opacity: 1;
  pointer-events: all;
  transition: all 0.2s linear;
  margin-top: 0;
}

.payment-content p {
  font-weight: 400;
  font-size: 1.82vw;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 0;
}

.payment-content h3 {
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
  letter-spacing: 0%;
  margin: 0;
  margin-top: 1.56vw;
}

.payment-content ul {
  margin: 0;
  padding-left: 1.56vw;
}

.payment-content li {
  margin: 0;
  font-weight: 400;
  font-size: 1.82vw;
  line-height: 140%;
}

.payment-content span {
  font-weight: 500;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(1) svg:not(.payment-arrow) {
  width: 10.8vw;
  height: 1.82vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(2) svg:not(.payment-arrow) {
  width: 6.12vw;
  height: 2.72vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(3) svg:not(.payment-arrow) {
  width: 5.33vw;
  height: 2.6vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(4) svg:not(.payment-arrow) {
  width: 9.9vw;
  height: 2.08vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(5) svg:not(.payment-arrow) {
  width: 7.55vw;
  height: 2.21vw;
}

.payment__main-container:nth-of-type(2) .payment__main-box:nth-of-type(6) svg:not(.payment-arrow) {
  width: 7.55vw;
  height: 2.21vw;
}

/* PROJECTS LISTING — Figma 1068:87849 «768. Объекты» | px/768*100=vw */

  main.projects-listing {
    overflow: hidden;
  }

  /* Hero 213 — image @281/-27 w487×240, info @20/16 w412 */
  main.projects-listing .projects-page-hero {
    position: relative;
    margin: 1.56vw 0 0;
    padding: 0;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 0;
    background: #333;
    color: #fff;
    overflow: hidden;
  }

  main.projects-listing .projects-page-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    box-sizing: border-box;
    height: 100%;
    padding: 2.08vw 0 0;
    background: transparent;
    overflow: visible;
  }

  main.projects-listing .projects-page-hero-img {
    position: absolute;
    top: -3.52vw;
    right: calc((100vw - 94.79vw) / -2);
    left: auto;
    bottom: auto;
    z-index: 0;
    width: 63.41vw;
    height: 31.25vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.projects-listing .projects-page-hero-img::after {
    content: "";
    position: absolute;
    top: 3.52vw;
    left: 0;
    z-index: 1;
    width: 37.76vw;
    height: 27.73vw;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  main.projects-listing .projects-page-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.projects-listing .projects-page-hero-img img.pc,
  main.projects-listing .projects-page-hero-img img.pc-1440 {
    display: block !important;
  }

  main.projects-listing .projects-page-hero-img img.mobile {
    display: none !important;
  }

  main.projects-listing .projects-page-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 53.65vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.projects-listing .projects-page-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: -0.52vw 0 0;
    max-width: 53.65vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.projects-listing .projects-page-hero .hero-subdesc br {
    display: none;
  }

  main.projects-listing .projects-page-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    width: 53.65vw;
    max-width: 53.65vw;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
  }

  main.projects-listing .projects-page-hero .hero-desc {
    width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
  }

  main.projects-listing .projects-page-hero-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.projects-listing .projects-page-hero-btn:hover {
    background: #a0151f;
  }

  /* Cards — padding 40 20, 4× in row gap 8, card 243 / img 96 */
  main.projects-listing .projects-page {
    margin: 0;
    padding: 5.21vw 0;
    background: #fff;
  }

  main.projects-listing .projects-page .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.08vw;
  }

  main.projects-listing .projects-page-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.04vw;
    width: 100%;
  }

  main.projects-listing .projects-page-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-sizing: border-box;
    width: calc((100% - 3.13vw) / 4);
    height: 31.64vw;
    min-height: 31.64vw;
    margin: 0;
    padding: 0;
    padding-top: 12.5vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  main.projects-listing .projects-page-box:nth-of-type(1) {
    height: 31.64vw;
  }

  main.projects-listing .projects-page-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 12.5vw;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
  }

  main.projects-listing .projects-page-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.projects-listing .projects-page-box h3,
  main.projects-listing .projects-page-box p,
  main.projects-listing .projects-page-box a {
    position: relative;
    z-index: 1;
    margin: 0;
    padding-left: 1.56vw;
    padding-right: 1.56vw;
  }

  main.projects-listing .projects-page-box h3 {
    margin-top: 1.56vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.projects-listing .projects-page-box p {
    margin-top: 1.04vw;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  main.projects-listing .projects-page-box p br {
    display: none;
  }

  main.projects-listing .projects-page-box-link {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    margin-bottom: 1.56vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #bc1622;
    text-decoration: none;
    cursor: pointer;
  }

  main.projects-listing .projects-page-box-link svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

   main.projects-listing .projects-page-box a {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    margin-bottom: 1.56vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #bc1622;
    text-decoration: none;
    cursor: pointer;
  }

  main.projects-listing .projects-page-box a svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

  main.projects-listing .projects-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    cursor: pointer;
  }

  main.projects-listing .projects-page-btn:hover {
    background: #0e0e0e;
  }

  /* Bottom white card — padding 30 20 grey; card ~838 */
  main.projects-listing .offers-tasks {
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  main.projects-listing .offers-tasks-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    box-sizing: border-box;
    width: 100%;
    min-height: 109.11vw;
    margin: 0;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    overflow: hidden;
  }

  main.projects-listing .offers-tasks-hero {
    position: static;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 47.79vw;
    max-width: 47.79vw;
    min-height: 0;
    box-sizing: border-box;
  }

  main.projects-listing .offers-tasks-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.projects-listing .offers-tasks-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.projects-listing .offers-tasks-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: auto !important;
    max-width: none;
    height: auto;
    min-height: 0;
    margin-top: 1.56vw;
    padding: 1.56vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.projects-listing .offers-tasks-btn:hover {
    background: #a0151f;
  }

  /* Image @370 — white left fade */
  main.projects-listing .offers-tasks-hero-img {
    position: absolute;
    top: 0;
    left: 50.82%;
    right: auto !important;
    z-index: 0;
    width: 51.56vw;
    height: 29.43vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.projects-listing .offers-tasks-hero-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 90.91%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 24%, #fff 100%);
    pointer-events: none;
  }

  main.projects-listing .offers-tasks-hero-img img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Topics 2×339, gap 10 — column, icon 32 bottom-right */
  main.projects-listing .offers-gift-steps {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    width: 100%;
    margin: 0;
  }

  main.projects-listing .offers-gift-steps .main-form-title {
    margin: 0;
    color: #0e0e0e;
    font-size: 2.21vw;
    font-weight: 500;
    line-height: 100%;
  }

  main.projects-listing .offers-gift-steps-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
  }

  main.projects-listing .offers-gift-steps-box.projects-gift-steps-box,
  main.projects-listing .projects-gift-steps-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.projects-listing .projects-gift-steps-box .legal-subtitle {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: none;
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.projects-listing .projects-gift-steps-box .desc {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: none;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.projects-listing .projects-gift-steps-box svg {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    align-self: flex-end;
    flex-shrink: 0;
    width: 4.17vw;
    height: 4.17vw;
    margin-top: 0;
  }

  /* Banner 686×104 */
  main.projects-listing .offers-banner.projects-banner,
  main.projects-listing .projects-banner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.04vw;
    box-sizing: border-box;
    width: 100%;
    height: 13.54vw;
    min-height: 13.54vw;
    margin: 0;
    padding: 0 3.65vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  main.projects-listing .projects-banner .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 60.29vw;
    color: #fff;
    font-size: 2.6vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.projects-listing .projects-banner .desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 60.29vw;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
  }

  main.projects-listing .projects-banner .offers-banner-img {
    position: absolute;
    top: -7.94vw;
    right: 0;
    z-index: 0;
    width: 40.36vw;
    height: 22.66vw;
    pointer-events: none;
  }

  main.projects-listing .projects-banner .offers-banner-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 7.94vw;
    z-index: 1;
    width: 30.86vw;
    height: 13.54vw;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.projects-listing .projects-banner .offers-banner-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* CTA row — text 289 + buttons 280 */
  main.projects-listing .offers-cta {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2.08vw;
    width: 100%;
    margin-top: auto;
  }

  main.projects-listing .offers-cta-text {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 37.63vw;
    max-width: 37.63vw;
  }

  main.projects-listing .offers-cta-title {
    margin: 0;
    color: #333;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 120%;
  }

  main.projects-listing .offers-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.projects-listing .offers-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 36.46vw;
  }

  main.projects-listing .offers-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    cursor: pointer;
  }

  main.projects-listing .offers-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  main.projects-listing .offers-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  main.projects-listing .offers-cta-btn_primary:hover {
    background: #a0151f;
  }

/* PROJECT DETAIL — Figma 1070:89803 «768.Страница объекта» | px/768*100=vw */

  main.project-page {
    overflow: hidden;
  }

  /* Breadcrumbs — padding 20 20 8, gap 4, font 11 */
  main.project-page .breadcrumbs-top {
    margin: 0;
    padding: 2.6vw 0 1.04vw;
  }

  main.project-page .breadcrumbs {
    display: flex !important;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
  }

  main.project-page .breadcrumbs span,
  main.project-page .breadcrumbs-link {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #aaa;
    text-decoration: none;
  }

  main.project-page .breadcrumbs-link_active {
    color: #333;
  }

  /* Hero 728×180 — info @20/33 w423, image @488 w240, pills grey */
  main.project-page .project-page-hero {
    position: relative;
    margin: 0;
    padding: 1.04vw 0 0;
  }

  main.project-page .project-page-hero .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6vw;
    box-sizing: border-box;
    width: 94.79vw;
    height: 23.44vw;
    min-height: 23.44vw;
    margin: 0 auto;
    padding: 4.3vw 2.6vw 0;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    overflow: hidden;
  }

  main.project-page .project-page-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 55.08vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.project-page .project-subdesc {
    position: relative;
    z-index: 2;
    margin: -2.08vw 0 0;
    max-width: 55.08vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.project-page .project-hero-row {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 55.08vw;
    max-width: 55.08vw;
    margin: 0;
  }

  main.project-page .project-hero-info {
    display: grid;
    grid-template-columns: 2.6vw 1fr;
    grid-template-rows: auto auto;
    column-gap: 1.04vw;
    align-items: center;
    box-sizing: border-box;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.04vw 2.08vw 1.3vw 1.56vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
  }

  main.project-page .project-hero-info svg {
    grid-row: 1 / -1;
    align-self: center;
    position: relative;
    top: auto;
    left: auto;
    width: 2.6vw;
    height: 2.6vw;
    margin: 0;
  }

  main.project-page .project-hero-subdesc {
    grid-column: 2;
    margin: 0;
    padding: 0 0.52vw;
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.project-page .project-hero-desc {
    grid-column: 2;
    margin: 0;
    padding: 0 0.52vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.project-page .project-page-hero .article-page-hero-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 31.25vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.project-page .project-page-hero .article-page-hero-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Content — padding 0 20 30; info gap 12; more gap 30 */
  main.project-page .article-main {
    margin: 0;
    padding: 0 0 3.91vw;
  }

  main.project-page .article-main .container {
    display: flex;
    flex-direction: column;
    gap: 3.91vw;
    position: relative;
  }

  main.project-page .article-info.project-info {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 3.91vw 0 0;
  }

  main.project-page .project-info .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.project-page .project-info .article-desc {
    margin: 0;
    max-width: 100%;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.project-page .project-info ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
    margin: 0;
    padding: 0 0 1.04vw;
  }

  main.project-page .project-info .article-list-el {
    display: flex;
    align-items: center;
    gap: 1.04vw;
  }

  main.project-page .project-info .article-list-el svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  main.project-page .project-info .article-list-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  main.project-page .project-info .article-list-text .article-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  /* Gallery — 3× fill, h ~163, gap 10 */
  main.project-page .project-main-img-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.3vw;
    width: 100%;
    margin: 0;
    padding: 0 0 1.04vw;
    overflow: visible;
  }

  main.project-page .project-main-img-row::-webkit-scrollbar {
    display: none;
  }

  main.project-page .project-main-img {
    flex: 1 1 0;
    width: auto;
    height: 21.18vw;
    min-width: 0;
    margin: 0;
    border-radius: 0.65vw;
    overflow: hidden;
  }

  main.project-page .project-main-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Banner 728×152 */
  main.project-page .offers-banner.project-banner,
  main.project-page .project-banner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.56vw;
    box-sizing: border-box;
    width: 100%;
    height: 19.79vw;
    min-height: 19.79vw;
    margin: 0;
    padding: 0 3.65vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  main.project-page .project-banner .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 53.26vw;
    color: #fff;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.project-page .project-banner .desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 53.26vw;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
  }

  main.project-page .project-banner .offers-banner-img {
    position: absolute;
    top: -13.67vw;
    right: -2.6vw;
    z-index: 0;
    width: 66.15vw;
    height: 36.98vw;
    pointer-events: none;
  }

  main.project-page .project-banner .offers-banner-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 13.67vw;
    z-index: 1;
    width: 58.33vw;
    height: 20.83vw;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.project-page .project-banner .offers-banner-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* CTA — text 347 + buttons hug, gap 8 */
  main.project-page .offers-cta.project-cta,
  main.project-page .project-cta {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.08vw;
    width: 100%;
    margin: 0;
    padding: 2.6vw 0 0;
  }

  main.project-page .project-cta .offers-cta-text {
    display: flex;
    flex-direction: column;
    flex: none;
    gap: 1.04vw;
    width: 45.18vw;
    max-width: 45.18vw;
  }

  main.project-page .project-cta .offers-cta-title {
    margin: 0;
    color: #333;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.project-page .project-cta .offers-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.project-page .project-cta .offers-cta-buttons {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1.04vw;
    width: auto;
  }

  main.project-page .project-cta .offers-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: 28vw;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }

  main.project-page .project-cta .offers-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  main.project-page .project-cta .offers-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  main.project-page .project-cta .offers-cta-btn_primary:hover {
    background: #a0151f;
  }

  /* Related — «Другие объекты», 2 cards image 240 */
  main.project-page .article-more {
    position: static;
    top: auto;
    right: auto;
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    width: 100%;
    height: auto;
  }

  main.project-page .article-more .article-questions.pc,
  main.project-page .article-more .article-questions.pc-1440 {
    display: none !important;
  }

  main.project-page .article-more > .article-plot-title {
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.project-page .project-more-row {
    display: flex;
    flex-direction: row;
    gap: 1.04vw;
    width: 100%;
  }

  main.project-page .project-more-row .projects-page-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    padding-top: 31.25vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  main.project-page .project-more-row .projects-page-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 31.25vw;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
  }

  main.project-page .project-more-row .projects-page-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.project-page .project-more-row .projects-page-box h3,
  main.project-page .project-more-row .projects-page-box p,
  main.project-page .project-more-row .projects-page-box a {
    position: relative;
    z-index: 1;
    margin: 0;
    padding-left: 1.56vw;
    padding-right: 1.56vw;
  }

  main.project-page .project-more-row .projects-page-box h3 {
    margin-top: 1.56vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.project-page .project-more-row .projects-page-box p {
    margin-top: 1.04vw;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.project-page .project-more-row .projects-page-box a {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: 2.08vw;
    margin-bottom: 1.56vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #bc1622;
    text-decoration: none;
    cursor: pointer;
  }

  main.project-page .project-more-row .projects-page-box a svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

/* SERVICES LISTING — Figma 1104:92482 «768. Услуги» | px/768*100=vw */

  main.service-page {
    overflow: hidden;
  }

  /* Hero 213 — image @335 w433×213, info @20/16 w412 */
  main.service-page .projects-page-hero {
    position: relative;
    margin: 1.56vw 0 0;
    padding: 0;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 0;
    background: #333;
    color: #fff;
    overflow: hidden;
  }

  main.service-page .projects-page-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    box-sizing: border-box;
    height: 100%;
    padding: 2.08vw 0 0;
    background: transparent;
    overflow: visible;
  }

  main.service-page .projects-page-hero-img {
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    left: auto;
    bottom: auto;
    z-index: 0;
    width: 56.38vw;
    height: 27.73vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.service-page .projects-page-hero-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 37.76vw;
    height: 27.73vw;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  main.service-page .projects-page-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.service-page .projects-page-hero-img img.pc,
  main.service-page .projects-page-hero-img img.pc-1440 {
    display: block !important;
  }

  main.service-page .projects-page-hero-img img.mobile {
    display: none !important;
  }

  main.service-page .projects-page-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 53.65vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.service-page .projects-page-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: -0.52vw 0 0;
    max-width: 53.65vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.service-page .projects-page-hero .hero-subdesc br {
    display: block;
  }

  main.service-page .projects-page-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    width: 53.65vw;
    max-width: 53.65vw;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
  }

  main.service-page .projects-page-hero .hero-desc {
    width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
  }

  main.service-page .projects-page-hero-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.service-page .projects-page-hero-btn:hover {
    background: #a0151f;
  }

  /* Cards — padding 30 20, 2×159, img 163, gap 10 */
  main.service-page .service-catalog {
    margin: 0;
    padding: 3.91vw 0;
    background: #fff;
  }

  main.service-page .service-catalog .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.13vw;
  }

  main.service-page .service-catalog-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
  }

  main.service-page .service-catalog-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    height: 20.7vw;
    min-height: 20.7vw;
    margin: 0;
    padding: 2.08vw;
    padding-right: 23.31vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  main.service-page .service-catalog-title {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.service-page .service-catalog-desc {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.service-page .service-catalog-desc br {
    display: block;
  }

  main.service-page .service-catalog-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #bc1622;
    text-decoration: none;
    cursor: pointer;
  }

  main.service-page .service-catalog-link svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

  main.service-page .service-catalog-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 21.22vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.service-page .service-catalog-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.service-page .service-catalog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
  }

  main.service-page .service-catalog-btn:hover {
    background: #0e0e0e;
  }

  /* Bottom white card — padding 30 20 grey; card ~761 */
  main.service-page .offers-tasks {
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  main.service-page .offers-tasks-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    box-sizing: border-box;
    width: 100%;
    min-height: 99.09vw;
    margin: 0;
    padding: 2.6vw;
    border-radius: 1.3vw;
    background: #fff;
    overflow: hidden;
  }

  main.service-page .offers-tasks-hero,
  main.service-page .projects-tasks-hero {
    position: static;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 47.79vw;
    max-width: 47.79vw;
    min-height: 0;
    box-sizing: border-box;
  }

  main.service-page .offers-tasks-hero .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.service-page .offers-tasks-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.service-page .offers-tasks-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: auto !important;
    max-width: none;
    height: auto;
    min-height: 0;
    margin-top: 1.56vw;
    padding: 1.56vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.service-page .offers-tasks-btn:hover {
    background: #a0151f;
  }

  main.service-page .offers-tasks-hero-img {
    position: absolute;
    top: 0;
    left: 50.82%;
    right: auto !important;
    z-index: 0;
    width: 51.56vw;
    height: 29.43vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.service-page .offers-tasks-hero-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 90.91%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 24%, #fff 100%);
    pointer-events: none;
  }

  main.service-page .offers-tasks-hero-img img {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Topics — 3×223 + 2×339, row title+icon 32 */
  main.service-page .offers-gift-steps {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    width: 100%;
    margin: 0;
  }

  main.service-page .offers-gift-steps .main-form-title {
    margin: 0;
    color: #0e0e0e;
    font-size: 2.21vw;
    font-weight: 500;
    line-height: 100%;
  }

  main.service-page .offers-gift-steps-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
  }

  main.service-page .offers-gift-steps-box.service-gift-steps-box,
  main.service-page .service-gift-steps-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 2.6vw) / 3);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.service-page .service-gift-steps-box:nth-child(4),
  main.service-page .service-gift-steps-box:nth-child(5) {
    width: calc((100% - 1.3vw) / 2);
  }

  main.service-page .service-gift-steps-box .legal-subtitle {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    margin: 0;
    max-width: none;
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.service-page .service-gift-steps-box .legal-subtitle br {
    display: block;
  }

  main.service-page .service-gift-steps-box svg {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    flex-shrink: 0;
    width: 4.17vw;
    height: 4.17vw;
    margin: 0;
  }

  /* Banner 686×147 */
  main.service-page .offers-banner.service-banner,
  main.service-page .service-banner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.04vw;
    box-sizing: border-box;
    width: 100%;
    height: 19.14vw;
    min-height: 19.14vw;
    margin: 0;
    padding: 0 3.65vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  main.service-page .service-banner .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 60.29vw;
    color: #fff;
    font-size: 2.6vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.service-page .service-banner .desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 60.29vw;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
  }

  main.service-page .service-banner .offers-banner-img {
    position: absolute;
    top: -3.52vw;
    right: 0;
    z-index: 0;
    width: 40.36vw;
    height: 22.66vw;
    pointer-events: none;
  }

  main.service-page .service-banner .offers-banner-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 3.52vw;
    z-index: 1;
    width: 30.86vw;
    height: 20.57vw;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.service-page .service-banner .offers-banner-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.service-page .service-banner .offers-banner-img img.pc,
  main.service-page .service-banner .offers-banner-img img.pc-1440 {
    display: block !important;
  }

  main.service-page .service-banner .offers-banner-img img.mobile {
    display: none !important;
  }

  /* CTA row */
  main.service-page .offers-cta {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2.08vw;
    width: 100%;
    margin-top: auto;
  }

  main.service-page .offers-cta-text {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 37.63vw;
    max-width: 37.63vw;
  }

  main.service-page .offers-cta-title {
    margin: 0;
    color: #333;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 120%;
  }

  main.service-page .offers-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.service-page .offers-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 36.46vw;
  }

  main.service-page .offers-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    cursor: pointer;
  }

  main.service-page .offers-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  main.service-page .offers-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  main.service-page .offers-cta-btn_primary:hover {
    background: #a0151f;
  }

/* SERVICE DETAIL — Figma 1114:94279 «768.Страница объекта» (услуга) | px/768*100=vw */

  main.service-detail {
    overflow: hidden;
  }

  /* Breadcrumbs — padding 20 20 8, gap 4, font 11 */
  main.service-detail .breadcrumbs-top {
    margin: 0;
    padding: 2.6vw 0 1.04vw;
  }

  main.service-detail .breadcrumbs {
    display: flex !important;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
  }

  main.service-detail .breadcrumbs span,
  main.service-detail .breadcrumbs-link {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #aaa;
    text-decoration: none;
  }

  main.service-detail .breadcrumbs-link_active {
    color: #333;
  }

  /* Hero 728×231 — info @20/20 w423 gap 16, image @488 w240 */
  main.service-detail .service-page-hero {
    position: relative;
    margin: 0;
    padding: 1.04vw 0 0;
  }

  main.service-detail .service-page-hero .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.08vw;
    box-sizing: border-box;
    width: 94.79vw;
    height: 30.08vw;
    min-height: 30.08vw;
    margin: 0 auto;
    padding: 2.6vw;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    overflow: hidden;
  }

  main.service-detail .service-page-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 55.08vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.service-detail .service-subdesc {
    position: relative;
    z-index: 2;
    margin: -1.56vw 0 0;
    max-width: 55.08vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.service-detail .service-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 55.08vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
  }

  main.service-detail .service-page-hero .projects-page-hero-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.service-detail .service-page-hero .projects-page-hero-btn:hover {
    background: #a0151f;
  }

  main.service-detail .service-page-hero .article-page-hero-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 31.25vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.service-detail .service-page-hero .article-page-hero-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Content — padding 0 20 30; info/more gap 40 */
  main.service-detail .article-main.service-main,
  main.service-detail .service-main {
    margin: 0;
    padding: 0 0 3.91vw;
  }

  main.service-detail .service-main .container {
    display: flex;
    flex-direction: column;
    gap: 5.21vw;
    position: relative;
  }

  main.service-detail .article-info.project-info {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 3.91vw 0 0;
  }

  main.service-detail .project-info .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.service-detail .project-info .article-desc {
    margin: 0;
    max-width: 100%;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.service-detail .project-info ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
    margin: 0;
    padding: 0 0 1.04vw;
  }

  main.service-detail .project-info .article-list-el {
    display: flex;
    align-items: center;
    gap: 1.04vw;
  }

  main.service-detail .project-info .article-list-el svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  main.service-detail .project-info .article-list-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  main.service-detail .project-info .article-list-text .article-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  /* Audience cards — 2×359, gap 8, pad 12 12 12 16, icon 32 */
  main.service-detail .service-gift-conditions-row,
  main.service-detail .legal-gift-conditions-row.service-gift-conditions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 100%;
    margin: 0;
    padding: 0 0 1.04vw;
  }

  main.service-detail .service-gift-conditions-row .legal-gift-conditions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.52vw;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 1.56vw 1.56vw 1.56vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.service-detail .service-gift-conditions-row .legal-gift-conditions-box .legal-subtitle {
    align-self: stretch;
    margin: 0;
    max-width: none;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.service-detail .service-gift-conditions-row .legal-gift-conditions-box .desc {
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.service-detail .service-gift-conditions-row .legal-gift-conditions-box svg {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    align-self: flex-end;
    flex-shrink: 0;
    width: 4.17vw;
    height: 4.17vw;
    margin: 0.52vw 0 0;
  }

  /* Banner 728×152 */
  main.service-detail .offers-banner.project-banner,
  main.service-detail .project-banner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.56vw;
    box-sizing: border-box;
    width: 100%;
    height: 19.79vw;
    min-height: 19.79vw;
    margin: 0;
    padding: 2.6vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  main.service-detail .project-banner .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 33.33vw;
    color: #fff;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.service-detail .project-banner .desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 33.33vw;
    color: #fff;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
  }

  main.service-detail .project-banner .offers-banner-img {
    position: absolute;
    top: -13.67vw;
    right: 0;
    z-index: 0;
    width: 66.15vw;
    height: 36.98vw;
    pointer-events: none;
  }

  main.service-detail .project-banner .offers-banner-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 13.67vw;
    z-index: 1;
    width: 59.77vw;
    height: 20.83vw;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.service-detail .project-banner .offers-banner-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Result title spacing */
  main.service-detail .project-info > .title:nth-of-type(3) {
    margin-top: 1.04vw;
  }

  /* Stages — title 22, 2×359 gap 10, num 32 */
  main.service-detail .project-info > .article-plot-title {
    margin: 0.52vw 0 0;
    font-size: 2.86vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.service-detail .service-gift-steps-container,
  main.service-detail .legal-gift-steps-container.service-gift-steps-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
    margin: 0;
  }

  main.service-detail .service-gift-steps-container .legal-gift-steps-box {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 0.52vw;
    row-gap: 0.52vw;
    align-items: start;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 1.56vw 1.56vw 1.56vw 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.service-detail .service-gift-steps-container .legal-gift-steps-box .legal-subtitle {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.service-detail .service-gift-steps-container .legal-gift-steps-box .desc {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.service-detail .service-gift-steps-container .legal-gift-steps-num {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
    margin: 0;
    font-size: 4.17vw;
    font-weight: 500;
    line-height: 100%;
    color: #aaa;
    text-align: right;
  }

  /* CTA — equal columns, pad-top 28, buttons fill */
  main.service-detail .offers-cta.project-cta,
  main.service-detail .project-cta {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.6vw;
    width: 100%;
    margin: 0;
    padding: 3.65vw 0 0;
  }

  main.service-detail .project-cta .offers-cta-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: 1.04vw;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  main.service-detail .project-cta .offers-cta-title {
    margin: 0;
    color: #333;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 120%;
  }

  main.service-detail .project-cta .offers-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  main.service-detail .project-cta .offers-cta-buttons {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: 1.04vw;
    width: auto;
    min-width: 0;
  }

  main.service-detail .project-cta .offers-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
  }

  main.service-detail .project-cta .offers-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  main.service-detail .project-cta .offers-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  main.service-detail .project-cta .offers-cta-btn_primary:hover {
    background: #a0151f;
  }

  /* Related — «Другие услуги», 2 cards, img 163 */
  main.service-detail .article-more.service-more,
  main.service-detail .service-more {
    position: static;
    top: auto;
    right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
    height: auto;
  }

  main.service-detail .service-more .article-questions.pc,
  main.service-detail .service-more .article-questions.pc-1440 {
    display: none !important;
  }

  main.service-detail .service-more > .article-plot-title {
    width: 100%;
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.service-detail .service-more .service-catalog-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    height: 20.7vw;
    min-height: 20.7vw;
    margin: 0;
    padding: 2.08vw;
    padding-right: 23.31vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    overflow: hidden;
  }

  main.service-detail .service-more .service-catalog-title {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: none;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.service-detail .service-more .service-catalog-desc {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: none;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
  }

  main.service-detail .service-more .service-catalog-desc br {
    display: block;
  }

  main.service-detail .service-more .service-catalog-link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: auto;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #bc1622;
    text-decoration: none;
    cursor: pointer;
  }

  main.service-detail .service-more .service-catalog-link svg {
    flex-shrink: 0;
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

  main.service-detail .service-more .service-catalog-img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 21.22vw;
    height: 100%;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.service-detail .service-more .service-catalog-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

/* MANAGER — Figma 1136:96992 «768. Персональный менеджер» | px/768*100=vw */

  main.manager {
    overflow: hidden;
  }

  /* Hero 213 — image @335 w433, info @20/23 w364 */
  main.manager .prof-hero.manager-hero {
    position: relative;
    margin: 1.56vw 0 0;
    padding: 0;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 0;
    background: #333;
    color: #fff;
    overflow: hidden;
  }

  main.manager .manager-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    box-sizing: border-box;
    height: 100%;
    padding: 2.99vw 0 0;
    background: transparent;
    overflow: visible;
  }

  main.manager .manager-hero .container::after {
    display: none;
  }

  main.manager .manager-hero .prof-hero-img {
    position: absolute;
    top: 0;
    right: calc((100vw - 94.79vw) / -2);
    left: auto;
    bottom: auto;
    z-index: 0;
    width: 56.38vw;
    height: 27.73vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.manager .manager-hero .prof-hero-img::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 37.76vw;
    height: 27.73vw;
    background: linear-gradient(90deg, #333 9%, rgba(72, 72, 72, 0.67) 48%, rgba(51, 51, 51, 0) 100%);
    pointer-events: none;
  }

  main.manager .manager-hero .prof-hero-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.manager .manager-hero .prof-hero-img img.pc,
  main.manager .manager-hero .prof-hero-img img.pc-1440 {
    display: block !important;
  }

  main.manager .manager-hero .prof-hero-img img.mobile {
    display: none !important;
  }

  main.manager .manager-hero .hero-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 47.4vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.manager .manager-hero .hero-subdesc {
    position: relative;
    z-index: 2;
    margin: -0.52vw 0 0;
    max-width: 47.4vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  main.manager .manager-hero .hero-subdesc br {
    display: block;
  }

  main.manager .manager-hero .prof-hero-text {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.56vw;
    width: 47.4vw;
    max-width: 47.4vw;
    margin: 0;
  }

  main.manager .manager-hero .hero-desc {
    width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
  }

  main.manager .manager-hero .hero-desc br.mobile {
    display: none;
  }

  main.manager .manager-hero .prof-hero-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  /* What — padding 30 20, 4 cards in a row, icon 40 */
  main.manager .manager-what {
    margin: 0;
    padding: 3.91vw 0 0;
    background: #fff;
  }

  main.manager .manager-what .container {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  main.manager .manager-what .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.manager .manager-what .legal-gift-conditions-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.3vw;
    width: 100%;
    margin: 0;
    padding: 0 0 2.6vw;
  }

  main.manager .manager-what .legal-gift-conditions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.52vw;
    box-sizing: border-box;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    min-height: 16.28vw;
    height: auto;
    margin: 0;
    padding: 2.6vw 2.08vw 2.08vw 2.6vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.manager .manager-what .legal-gift-conditions-box .legal-subtitle {
    align-self: stretch;
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  main.manager .manager-what .legal-gift-conditions-box .desc {
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.manager .manager-what .legal-gift-conditions-box .desc br {
    display: block;
  }

  main.manager .manager-what .legal-gift-conditions-box svg {
    position: static;
    top: auto;
    right: auto;
    align-self: flex-end;
    flex-shrink: 0;
    width: 5.21vw;
    height: 5.21vw;
    margin: 0.52vw 0 0;
  }

  /* How — stages 2×359, gap 10; +24 after benefits block */
  main.manager .manager-how {
    margin: 0;
    padding: 3.13vw 0 3.91vw;
    background: #fff;
  }

  main.manager .manager-how .container {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  main.manager .manager-how .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.manager .manager-how .legal-gift-steps-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw;
    width: 100%;
    margin: 0;
  }

  /* Stage cards — Figma 1136:97305 column: title→desc gap8, then num below right gap4 */
  main.manager .manager-how .legal-gift-steps-box {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    grid-template-columns: none;
    grid-template-rows: none;
    box-sizing: border-box;
    width: calc((100% - 1.3vw) / 2);
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 2.08vw 2.08vw 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.manager .manager-how .legal-gift-steps-box .legal-subtitle {
    grid-column: auto;
    grid-row: auto;
    margin: 0 0 1.04vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.manager .manager-how .legal-gift-steps-box .desc {
    grid-column: auto;
    grid-row: auto;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.manager .manager-how .legal-gift-steps-box .desc br {
    display: none;
  }

  main.manager .manager-how .legal-gift-steps-num {
    grid-column: auto;
    grid-row: auto;
    align-self: stretch;
    margin: 0.52vw 0 0;
    font-size: 4.17vw;
    font-weight: 500;
    line-height: 100%;
    color: #aaa;
    text-align: right;
  }

  /* Grey card — height 357, image 359×350 @369, info w298 */
  main.manager .prof-manager.prof-manager-main,
  main.manager .prof-manager-main {
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
  }

  main.manager .prof-manager-main .container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.13vw;
    box-sizing: border-box;
    width: 94.79vw;
    height: 46.48vw;
    min-height: 46.48vw;
    margin: 0 auto;
    padding: 3.13vw;
    border-radius: 1.3vw;
    background: #fff;
    overflow: hidden;
  }

  main.manager .prof-manager-main .title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 38.8vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  main.manager .prof-manager-main .prof-manager-desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 38.8vw;
    color: #333;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
  }

  main.manager .prof-manager-main .prof-manager-desc br {
    display: none;
  }

  main.manager .prof-manager-main ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 38.8vw;
    max-width: 38.8vw;
    margin: -1.56vw 0 0;
    padding: 0;
    list-style: none;
  }

  main.manager .prof-manager-main li.prof-manager-desc {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin: 0;
    max-width: none;
    font-size: 1.56vw;
    line-height: 140%;
    color: #333;
  }

  main.manager .prof-manager-main li svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  main.manager .prof-manager-main .manager-adv-row {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    width: 38.8vw;
    max-width: 38.8vw;
    margin: 0;
  }

  main.manager .prof-manager-main .manager-adv-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.04vw;
    box-sizing: border-box;
    width: calc((100% - 1.04vw) / 2);
    height: 6.51vw;
    min-height: 6.51vw;
    margin: 0;
    padding: 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.manager .prof-manager-main .manager-adv-box:last-of-type {
    width: 100%;
    height: auto;
    min-height: 0;
  }

  main.manager .prof-manager-main .manager-adv-title {
    margin: 0;
    max-width: none;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 130%;
    color: #0e0e0e;
  }

  main.manager .prof-manager-main .manager-adv-title br {
    display: block;
  }

  main.manager .prof-manager-main .manager-adv-box svg {
    position: static;
    top: auto;
    right: auto;
    flex-shrink: 0;
    width: 3.13vw;
    height: 3.13vw;
    margin: 0;
  }

  main.manager .prof-manager-main .prof-manager-img {
    position: absolute;
    top: -0.13vw;
    left: auto;
    right: 0;
    z-index: 0;
    width: 46.74vw;
    height: 45.57vw;
    margin: 0;
    overflow: hidden;
    pointer-events: none;
  }

  main.manager .prof-manager-main .prof-manager-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  main.manager .prof-manager-main .prof-manager-img img.pc,
  main.manager .prof-manager-main .prof-manager-img img.pc-1440 {
    display: block !important;
  }

  main.manager .prof-manager-main .prof-manager-img img.mobile {
    display: none !important;
  }

  /* Who — Figma 1136:97370: 4×176 in one row, h150, gap 8, icon 40 */
  main.manager .manager-who {
    margin: 0;
    padding: 3.91vw 0 0;
    background: #fff;
  }

  main.manager .manager-who .container {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  main.manager .manager-who .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.manager .manager-who .legal-gift-conditions-row,
  main.manager .manager-who .legal-gift-conditions-row.service-gift-conditions-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.04vw;
    width: 100%;
    margin: 0;
    padding: 0 0 1.56vw;
  }

  /* Audience card — 176×150, pad 20 16 16 20, text top + icon bottom-right */
  main.manager .manager-who .legal-gift-conditions-box,
  main.manager .manager-who .service-gift-conditions-row .legal-gift-conditions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0;
    box-sizing: border-box;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: 19.53vw;
    min-height: 19.53vw;
    max-height: 19.53vw;
    margin: 0;
    padding: 2.6vw 2.08vw 2.08vw 2.6vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  main.manager .manager-who .legal-gift-conditions-box .legal-subtitle {
    align-self: stretch;
    margin: 0 0 1.04vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #333;
  }

  main.manager .manager-who .legal-gift-conditions-box .desc {
    align-self: stretch;
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.manager .manager-who .legal-gift-conditions-box svg {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    align-self: flex-end;
    flex-shrink: 0;
    width: 5.21vw;
    height: 5.21vw;
    margin: auto 0 0;
  }

  /* Bottom banner — pad 32, text w357 */
  main.manager .manager-banner {
    margin: 0;
    padding: 0 0 3.91vw;
    background: #fff;
  }

  main.manager .manager-banner .container {
    padding: 0;
  }

  main.manager .manager-banner .offers-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.04vw;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 4.17vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
    color: #fff;
  }

  main.manager .manager-banner-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 46.48vw;
    font-size: 2.34vw;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
  }

  main.manager .manager-banner .desc {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 46.48vw;
    color: #fff;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
  }

  main.manager .manager-banner ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 46.48vw;
    max-width: 46.48vw;
    margin: 0;
    padding: 0 0 1.04vw;
    list-style: none;
  }

  main.manager .manager-banner .article-list-el {
    display: flex;
    align-items: center;
    gap: 1.04vw;
  }

  main.manager .manager-banner .article-list-el svg {
    flex-shrink: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  main.manager .manager-banner .article-list-text .article-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #fff;
  }

  main.manager .manager-banner .prof-hero-btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.56vw 4.17vw;
    border: none;
    border-radius: 0.65vw;
    outline: none;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    cursor: pointer;
  }

  main.manager .manager-banner .offers-banner-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 0;
    width: 78.52vw;
    height: 100%;
    margin: 0;
    pointer-events: none;
  }

  main.manager .manager-banner .offers-banner-img::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    pointer-events: none;
  }

  main.manager .manager-banner .offers-banner-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  main.manager .manager-banner .offers-banner-img img.pc,
  main.manager .manager-banner .offers-banner-img img.pc-1440 {
    display: block !important;
  }

  main.manager .manager-banner .offers-banner-img img.mobile {
    display: none !important;
  }

/* WINDOWS */

.about-windows {
  background-color: #f1f1f1;
  padding-bottom: 3.9vw;
  padding-top: 3.9vw;
}

.about-windows-inner {
  background-color: #fff;
  border-radius: 1.3vw;
  overflow: hidden;
  padding: 2.6vw;
}

.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 1.04vw;
}

.about-windows-head-subtitle {
  font-size: 1.82vw;
  font-weight: 500;
  margin: 0 0 2.08vw;
}

.about-windows-head-desc {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 1ex;
}

.about-windows-head-desc>* {
  margin: 0;
}

.about-windows-head-picture {
  bottom: 0;
  pointer-events: none;
  position: relative;
  right: 0;
  top: 0;
  margin-left: -2.6vw;
  height: 42.83vw;
}

.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: 2.08vw;
  padding-bottom: 5.21vw;
}

.about-windows-suitable-grid {
  align-items: stretch;
  display: grid;
  gap: 1.04vw;
  grid-template-columns: repeat(2,1fr);
}

.about-windows-suitable-box {
  align-items: flex-start;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: flex;
  flex-direction: column-reverse;
  font-size: 1.69vw;
  font-weight: 500;
  gap: 1.04vw;
  justify-content: space-between;
  padding: 16px 24px;
}

.about-windows-suitable-box-icon {
  flex-shrink: 0;
  height: 5.21vw;
  width: 5.21vw;
}

/* CHECKOUT MOBILE */

.basket-bottom-mobile {
  position: fixed;
  bottom: 9.24vw;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 1.04vw 0;
  z-index: 9999;
}

.basket-bottom-mobile .container {
  box-sizing: border-box;
  padding: 1.56vw 2.08vw;
  border-radius: 0.65vw;
  background: #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.basket-bottom-text {
  display: flex;
  flex-direction: column;
}

.basket-bottom-text p {
  margin: 0;
  font-weight: 500;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0E0E0E;
}

.basket-bottom-text p:nth-of-type(1) {
  color: #333333CC;
  font-weight: 400;
}

.basket-bottom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.02vw;
  height: 3.9vw;
  border-radius: 0.65vw;
  border: none;
  color: #fff;
  background: #BC1622;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.product-bottom-mobile {
  position: fixed;
  bottom: 9.24vw;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding: 1.04vw 0;
  z-index: 9999;
}

.product-bottom-mobile .container {
  box-sizing: border-box;
  padding: 1.56vw 2.08vw;
  border-radius: 0.65vw;
  background: #F1F1F1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-bottom-text {
  display: flex;
  gap: 1.04vw;
  align-items: center;
}

.product-bottom-text span {
  margin: 0;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 130%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: #333333CC;
}

.product-bottom-text p {
  margin: 0;
  font-weight: 500;
  font-size: 2.08vw;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

.product-bottom-mobile .product-main-side-quantity {
  margin: 0;
  padding: 0;
  border: none;
  gap: 0.26vw;
  width: fit-content;
}

.product-bottom-mobile button {

}

.product-bottom-mobile .count-size-input {
  width: 10.67vw;
}

.hide {
  display: none;
}

/* CHECKLIST */

.check-list-page {
  padding-bottom: 2.62vw;
}

.check-list {
  padding: 0.52vw 0 0;
}

.check-list .container {
  display: flex;
  flex-direction: column;
  gap: 3.12vw;
}

.check-list .title {
  max-width: 100%;
  margin: 0;
  font-size: 3.12vw;
  line-height: 98%;
}

.check-list-form {
  display: flex;
  flex-direction: column;
  gap: 0.52vw;
}

.check-list-form .order-main-delivery-step {
  margin-top: 0;
  padding: 2.08vw;
  border-radius: 1.3vw;
  gap: 0.52vw;
  background: #F1F1F1;
}

.check-list .order-main-delivery-step-title {
  font-size: 1.43vw;
}

.check-list .order-main-delivery-step-subtitle {
  font-size: 1.95vw;
  line-height: 100%;
}

.check-list .order-main-delivery-step-address-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.52vw;
  margin-top: 1.04vw;
}

.check-list .order-main-delivery-step-address-row input {
  width: 100%;
  margin-bottom: 0;
}

.check-list .order-main-delivery-subdesc {
  margin-top: 2.08vw;
  margin-bottom: 0.52vw;
  font-size: 1.56vw;
  line-height: 130%;
}

.check-list-input {
  width: 100%;
  height: 4.81vw;
  border: 1px solid #E2E2E2;
  border-radius: 0.52vw;
  box-sizing: border-box;
  padding: 0 2.08vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  letter-spacing: 0;
  color: #333333;
  background: #fff;
  margin-top: 1.04vw;
}

.check-list-input::placeholder {
  color: #33333366;
}

.check-list-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3vw 2.08vw;
}

.check-list-square-row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.52vw;
}

.check-list-square-row input {
  margin: 0;
}

.check-list-option {
  display: flex;
  align-items: center;
  min-height: 2.08vw;
}

.check-list-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.check-list-option label {
  position: relative;
  cursor: pointer;
  padding-left: 3.12vw;
  font-weight: 400;
  font-size: 1.43vw;
  line-height: 100%;
  color: #2C3439;
}

.check-list-option label::after {
  position: absolute;
  top: -0.56vw;
  left: 0;
  width: 2.08vw;
  height: 2.08vw;
  border: 1px solid #C9C9C9;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
}

.check-list-option input:checked + label::before {
  position: absolute;
  top: -0.56vw;
  left: 0;
  width: 2.08vw;
  height: 2.08vw;
  border: 0.65vw solid #BC1622;
  border-radius: 50%;
  content: "";
  box-sizing: border-box;
  z-index: 1;
}

.check-list-policy {
  margin-top: 1.56vw;
}

.check-list-policy .checkbox-policy {
  margin-bottom: 2.6vw;
  gap: 1.56vw;
}

.check-list-policy .checkbox__input {
  width: 2.08vw;
}

.check-list-policy .checkbox__label {
  font-size: 1.43vw;
  line-height: 120%;
}

.check-list-policy .checkbox__label::after {
  top: -0.05vw;
  left: -3.59vw;
  width: 2.08vw;
  height: 2.08vw;
  border-color: #BC1622;
}

.check-list-policy .checkbox__input:checked + .checkbox__label::before {
  top: -0.05vw;
  left: -3.59vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 0.52vw;
  background-size: 1.56vw 1.04vw;
}

.check-list-policy .checkbox__label a {
  color: #BC1622;
}

.check-list-row_sections .check-list-option label::after {
  top: -0.56vw;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 0.52vw;
  border-color: #C9C9C9;
}

.check-list-row_sections .check-list-option input:checked + label::before {
  top: -0.56vw;
  width: 2.08vw;
  height: 2.08vw;
  border: none;
  border-radius: 0.52vw;
  background-color: #BC1622;
  background-image: url(../../img/tick.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.56vw 1.04vw;
}

.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: 1.76vw;
  height: 5.33vw;
  padding: 0 4.16vw;
  border-radius: 0.65vw;
  background: #BC1622;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 500;
  font-size: 1.82vw;
  line-height: 100%;
}

.check-list-submit:hover {
  background: #A0151F;
}

/* CALCULATOR POPUP — Figma 1366:97450 (modal 360, pad 20) */

  .calculator-main {
    min-height: 100vh;
    padding-bottom: 0;
  }

  .popup_calculator.popup_details,
  .popup_calculator.popup_details_opened {
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 2.6vw;
    border-radius: 0;
    box-sizing: border-box;
    background-color: rgba(51, 51, 51, 0.6);
  }

  .popup_calculator.popup_details_opened {
    display: flex;
  }

  .popup_calculator .popup-calculator-container {
    width: 46.88vw;
    max-width: 46.88vw;
    max-height: calc(100vh - 5.21vw);
    gap: 0;
    overflow-y: auto;
    padding: 2.6vw;
    box-sizing: border-box;
    border-radius: 1.3vw;
    background: #fff;
  }

  .popup_calculator .popup-calculator-container::-webkit-scrollbar {
    display: none;
  }

  .popup_calculator .popup-calculator-container::after {
    top: 7.55vw;
    height: 0.13vw;
    background: #f1f1f1;
  }

  .popup_calculator .popup_details-close {
    top: 2.6vw;
    right: 2.6vw;
    width: 2.6vw;
    height: 2.6vw;
  }

  .popup_calculator .popup-calculator-container .popup-title {
    margin: 0;
    padding: 0 3.13vw 2.6vw 0;
    font-size: 2.34vw;
    font-weight: 700;
    line-height: 100%;
    color: #0e0e0e;
  }

  .popup_calculator .popup-calculator-body {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    padding-top: 2.6vw;
  }

  .popup_calculator .popup-calculator-block,
  .popup_calculator .popup-calculator-surfaces {
    display: contents;
  }

  .popup_calculator .popup-calculator-label {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-label:first-child {
    margin-top: 0;
    font-weight: 500;
    font-size: 1.56vw;
  }

  .popup_calculator .popup-calculator-dimensions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.04vw;
    width: 100%;
  }

  .popup_calculator .popup-calculator-multiply {
    flex-shrink: 0;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-field {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    height: 5.21vw;
    padding: 1.56vw 2.08vw;
    border: 0.13vw solid #e2e2e2;
    border-radius: 0.52vw;
    background: #fff;
    box-sizing: border-box;
  }

  .popup_calculator .popup-calculator-field-label {
    top: 0.78vw;
    left: 2.08vw;
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.6);
  }

  .popup_calculator .popup-calculator-field-input {
    display: block;
    width: 100%;
    height: 1.86vw;
    min-height: 1.86vw;
    margin-top: 1.56vw;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 1.86vw;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-field-unit {
    bottom: 0.78vw;
    right: 2.08vw;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-field_area {
    height: 5.86vw;
    margin: 0;
    max-width: 100%;
  }

  .popup_calculator .popup-calculator-field_area .popup-calculator-field-unit {
    font-weight: 700;
  }

  .popup_calculator .popup-calculator-counters {
    display: flex;
    align-items: center;
    gap: 3.13vw;
    width: 100%;
    margin: 0;
  }

  .popup_calculator .popup-calculator-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.3vw;
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    width: auto;
    min-height: 5.21vw;
    height: 5.21vw;
    padding: 0;
    border-radius: 0.52vw;
    background: #f1f1f1;
  }

  .popup_calculator .popup-calculator-counter-center {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.26vw;
    flex: 0 1 auto;
    min-width: 0;
    width: 17.97vw;
  }

  .popup_calculator .popup-calculator-counter-title {
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.6);
  }

  .popup_calculator .popup-calculator-counter-value {
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-counter-btn {
    width: 3.65vw;
    height: 3.65vw;
    border-radius: 0.52vw;
    font-size: 2.08vw;
    background: transparent;
  }

  /* Major blocks: +8 on top of body gap 12 → 20 (Figma Форма gap) */
  .popup_calculator .popup-calculator-surface,
  .popup_calculator .popup-calculator-add,
  .popup_calculator .popup-calculator-body > .popup-calculator-label:not(:first-child),
  .popup_calculator .popup-calculator-result,
  .popup_calculator .popup-calculator-note {
    margin-top: 1.04vw;
  }

  .popup_calculator .popup-calculator-surface {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin-bottom: 0;
    padding: 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
  }

  .popup_calculator .popup-calculator-surface-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.3vw;
    padding: 0 0 1.04vw;
  }

  .popup_calculator .popup-calculator-surface-title {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 500;
    line-height: 130%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-remove {
    gap: 0.52vw;
    font-size: 1.43vw;
    font-weight: 500;
    color: #bc1622;
  }

  .popup_calculator .popup-calculator-remove svg {
    width: 1.82vw;
    height: 1.82vw;
  }

  .popup_calculator .popup-calculator-surface .popup-calculator-field {
    max-width: none;
    flex: 1 1 0;
    height: 5.21vw;
    background: #fff;
  }

  .popup_calculator .popup-calculator-surface .popup-calculator-field_area {
    max-width: 100%;
    height: 5.21vw;
    margin: 0;
  }

  .popup_calculator .popup-calculator-surface .popup-calculator-dimensions {
    margin: 0;
  }

  .popup_calculator .popup-calculator-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 1.04vw;
    width: fit-content;
    margin: 0;
    padding: 1.04vw 0 0.52vw;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 130%;
    color: #bc1622;
  }

  .popup_calculator .popup-calculator-link svg,
  .popup_calculator .popup-calculator-link .popup-calculator-help {
    position: static;
    width: 2.08vw;
    height: 2.08vw;
  }

  .popup_calculator .popup-calculator-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: auto;
    margin: 0;
    padding: 1.43vw 2.6vw 1.43vw 2.08vw;
    border-radius: 13.02vw;
    background: #f1f1f1;
    font-size: 1.56vw;
    font-weight: 700;
    line-height: 100%;
    color: #333;
    gap: 1.3vw;
  }

  .popup_calculator .popup-calculator-add svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  .popup_calculator .popup-calculator-layers {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    margin: -0.52vw 0 0;
  }

  .popup_calculator .popup-calculator-layer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 4.3vw;
    height: 4.3vw;
    padding: 1.04vw 2.34vw;
    border-radius: 0.52vw;
    background: #f1f1f1;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #2c3439;
    box-sizing: border-box;
  }

  .popup_calculator .popup-calculator-layer_active {
    background: #bc1622;
    font-weight: 500;
    color: #fff;
  }

  .popup_calculator .popup-calculator-layer:nth-child(3) {
    grid-column: auto;
  }

  /* Absorbency — Figma 1366:99286: gap12 label→row, row gap20, checkbox 20, icon abs */
  .popup_calculator .popup-calculator-absorbency {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2.6vw;
    width: 100%;
    margin: 0;
    padding: 0 0 1.04vw;
  }

  .popup_calculator .popup-calculator-absorbency-item {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0;
    width: auto;
    min-height: 2.6vw;
    cursor: pointer;
  }

  .popup_calculator .popup-calculator-absorbency-item:nth-child(1) {
    width: 11.2vw;
  }

  .popup_calculator .popup-calculator-absorbency-item:nth-child(2) {
    width: 12.11vw;
  }

  .popup_calculator .popup-calculator-absorbency-item:nth-child(3) {
    width: 11.98vw;
  }

  .popup_calculator .popup-calculator-absorbency-item input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    appearance: none;
  }

  .popup_calculator .popup-calculator-absorbency-text {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 2.6vw 0 3.65vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-absorbency-text::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.6vw;
    height: 2.6vw;
    margin: 0;
    border: 0.13vw solid #c9c9c9;
    border-radius: 0.52vw;
    background: #fff;
    box-sizing: border-box;
    content: "";
    transform: translateY(-50%);
  }

  .popup_calculator .popup-calculator-absorbency-item input:checked + .popup-calculator-absorbency-text::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.6vw;
    height: 2.6vw;
    margin: 0;
    border-radius: 0.52vw;
    background-color: #bc1622;
    background-image: url(../../img/tick.svg);
    background-position: center;
    background-size: 1.17vw 0.91vw;
    background-repeat: no-repeat;
    box-sizing: border-box;
    content: "";
    transform: translateY(-50%);
    z-index: 1;
  }

  .popup_calculator .popup-calculator-absorbency-item .popup-calculator-help {
    position: absolute;
    top: -0.52vw;
    right: 0;
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  /* Result — Figma 1366:99305: lines + pad ~12 around 16px text */
  .popup_calculator .popup-calculator-result {
    margin: 0;
    padding: 1.56vw 0;
    border-top: 0.13vw solid #ddd;
    border-bottom: 0.13vw solid #ddd;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-result span {
    color: #00b162;
  }

  .popup_calculator .popup-calculator-note {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.26vw;
    margin: 0.52vw 0 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    color: #2c3439;
  }

  .popup_calculator .popup-calculator-note a {
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 130%;
    color: #bc1622;
    text-decoration: none;
  }

  .popup_calculator .popup-calculator-actions {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.52vw;
    width: 100%;
    margin: 0;
  }

  .popup_calculator .popup-calculator-actions .popup_details-btn {
    width: 100%;
    height: auto;
    min-height: 0;
    border-radius: 0.65vw;
    font-size: 1.82vw;
  }

  .popup_calculator .popup-calculator-actions .popup_details-btn-accept {
    padding: 1.56vw 2.6vw;
    background: #bc1622;
    font-weight: 700;
    color: #fff;
  }

  .popup_calculator .popup-calculator-actions .popup_details-btn-cancel {
    padding: 1.56vw 2.6vw;
    background: transparent;
    font-weight: 500;
    color: #333;
    justify-content: center;
  }

  .popup_calculator .popup-calculator-help {
    top: -0.52vw;
    right: -0.52vw;
    width: 2.08vw;
    height: 2.08vw;
  }

  .popup_calculator .popup-calculator-counter-center .popup-calculator-help {
    top: -0.52vw;
    right: -0.52vw;
  }

  @keyframes loadingAnimation {
    from {
      width: 0%;
    }

    to {
      width: 100%;
    }
  }

/* ===== PAGE OVERRIDES (Figma 768px) ===== */

/* Tablet 768px page overrides — Figma px/768*100, single source */

/* ===== HOMEPAGE 768px — Figma node 382:23283, px/768*100 ===== */

  /* --- PROMO / HERO (728×100, radius 5px) --- */
  main .promo {
    margin-top: 1.04vw;
  }

  main .promo .container {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    position: static;
  }

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

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

  main .promo-main-slide {
    height: 13.02vw;
    min-height: 13.02vw;
    border-radius: 0.65vw;
    padding: 3.13vw 0 0 4.17vw;
    gap: 0.52vw;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
  }

  main .promo-main-slide .hero-title {
    font-size: 2.08vw;
    line-height: 110%;
    width: auto;
    max-width: 57.68vw;
    margin: 0;
  }

  main .promo-main-slide .promo-title {
    font-size: 1.3vw;
    line-height: 110%;
    width: auto;
    max-width: 57.68vw;
    margin: 0;
  }

  main .promo-main-img img.mobile {
    display: none;
  }

  main .promo-main-img img.pc-1440 {
    display: block;
  }

  main .promo-main-img {
    position: absolute;
    width: 39.58vw;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
  }

  main .promo-main-img img {
    width: 100%;
    height: 22.14vw;
    object-fit: cover;
    object-position: center top;
    margin-top: -5.34vw;
  }

  main .promo-main-img::after {
    left: 0;
    right: auto;
    width: 28.26vw;
    height: 100%;
    background: linear-gradient(86deg, #333333 17%, rgba(51, 51, 51, 0) 100%);
  }

  main .promo-main .swiper-pagination {
    display: flex;
    left: 4.17vw;
    bottom: 1.95vw;
    width: fit-content;
    gap: 0.39vw;
  }

  main .promo-main .swiper-pagination-bullet {
    width: 0.39vw;
    height: 0.39vw;
    margin: 0;
  }

  main .promo-main .swiper-pagination-bullet-active {
    width: 1.04vw;
    height: 0.39vw;
    border-radius: 6.51vw;
  }

  main .promo-main-slide .hero-title,
  main .promo-main-slide .promo-title {
    position: relative;
    z-index: 1;
  }

  /* --- 4 CATEGORIES (gap 4px, padding 16/8/16/16, radius 5px) --- */
  main .promo-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.52vw;
    width: 100%;
    overflow: visible;
    border-radius: 0;
    justify-content: unset;
  }

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

  main .promo-box {
    position: relative;
    width: 23.3vw !important;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 2.08vw 1.04vw 2.08vw 2.08vw;
    border-radius: 0.65vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden;
    background: #F1F1F1;
    cursor: pointer;
  }

  main .promo-text {
    font-size: 1.56vw;
    line-height: 120%;
    font-weight: 500;
    margin: 0;
    max-width: calc(100% - 4.17vw);
  }

  main .promo-box svg {
    position: static;
    flex-shrink: 0;
    width: 3.65vw;
    height: 3.65vw;
  }

  /* --- MAIN CARDS 2+3 (row1 height 314px, gap 8px) --- */
  main .main-cards {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5.21vw 0 3.91vw;
  }

  main .main-cards .container {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 1.04vw;
    row-gap: 0.65vw;
  }

  main .main-cards-box {
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: none;
    padding: 2.6vw 2.6vw 0;
    border-radius: 1.3vw;
    gap: 1.04vw;
    order: unset;
    box-sizing: border-box;
    background: #F1F1F1;
    overflow: hidden;
    position: relative;
  }

  main .main-cards-box > * {
    position: relative;
    z-index: 1;
  }

  main .main-cards-box:nth-of-type(1),
  main .main-cards-box:nth-of-type(2) {
    grid-column: span 3;
    width: auto;
    height: 40.89vw;
    min-height: 40.89vw;
    max-height: 40.89vw;
    padding: 2.6vw 2.6vw 0;
  }

  /* specificity vs style.css `.main-cards-box:nth-of-type(1).main-cards-box::after` (top:0) */
  main .main-cards-box:nth-of-type(1).main-cards-box::after,
  main .main-cards-box:nth-of-type(2).main-cards-box::after {
    content: '';
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    width: 32.55vw;
    height: 20.83vw;
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    pointer-events: none;
  }

  main .main-cards-box:nth-of-type(1).main-cards-box::after {
    background-image: url(../../img/card1.png);
  }

  main .main-cards-box:nth-of-type(2).main-cards-box::after {
    background-image: url(../../img/card2.png);
  }

  main .main-cards-box:nth-of-type(1) > .main-cards-link,
  main .main-cards-box:nth-of-type(2) > .main-cards-link {
    display: block;
    max-width: 100%;
    width: max-content;
    box-sizing: border-box;
  }

  main .main-cards-box:nth-of-type(1) > .main-cards-link span,
  main .main-cards-box:nth-of-type(2) > .main-cards-link span {
    display: inline-flex;
    align-items: center;
    margin-left: 0.52vw;
    vertical-align: middle;
  }

  main .main-cards-box:nth-of-type(1) > .main-cards-link br.mobile,
  main .main-cards-box:nth-of-type(2) > .main-cards-link br.mobile {
    display: none;
  }

  main .main-cards-box:nth-of-type(3),
  main .main-cards-box:nth-of-type(4),
  main .main-cards-box:nth-of-type(5) {
    grid-column: span 2;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 2.6vw;
  }

  main .main-cards-box:nth-of-type(3)::after,
  main .main-cards-box:nth-of-type(4)::after,
  main .main-cards-box:nth-of-type(5)::after {
    display: none;
    content: none;
    background: none;
  }

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

  main .main-cards-box ul {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin: 0;
    gap: 0.52vw;
    list-style: none;
  }

  main .main-cards-link,
  main .main-cards-link.main-cards-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    font-size: 1.56vw;
    line-height: 140%;
    gap: 0.52vw;
    color: #333333;
    text-decoration: none;
    position: relative;
  }

  main .main-cards-link span {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
  }

  main p.main-cards-link.main-cards-list {
    display: block;
    margin: 0;
  }

  main .main-cards-link svg,
  main .main-cards-link-red svg {
    width: 1.04vw;
    height: 1.04vw;
    position: static;
    flex-shrink: 0;
  }

  main ul .main-cards-link::after {
    display: none;
  }

  main .main-cards-link-red {
    display: flex;
    align-items: center;
    font-size: 1.56vw;
    gap: 0.52vw;
    margin-top: 0;
    padding-top: 0.52vw;
  }

  main .main-cards br.mobile {
    display: inline;
  }

  main .main-cards br.pc {
    display: none;
  }

  /* --- BRANDS (140×87, gap 10px, 6 in row) --- */
  main .brands {
    padding: 3.91vw 0;
    background-color: #F1F1F1;
  }

  main .brands .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    position: static;
  }

  main .brands .title {
    font-size: 3.13vw;
    margin: 0;
  }

  main .brands-slider {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0;
    -webkit-overflow-scrolling: touch;
  }

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

  main .brands-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.3vw;
    transform: none;
    width: 100%;
    height: auto;
  }

  main .brands-slide {
    width: 100%;
    min-width: 0;
    height: 11.33vw;
    margin: 0;
    border-radius: 0.65vw;
    flex-shrink: unset;
  }

  main .brands-slide:nth-child(n+6) {
    display: none;
  }

  /* --- PRODUCTS (176px cards, image 160px) --- */
  main .products {
    margin-top: 0;
    padding: 3.91vw 0 5.21vw;
  }

  main .products .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    position: static;
  }

  main .products .title {
    font-size: 3.13vw;
    margin: 0;
  }

  main .swipe-video {
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
  }

  /* Figma 886:68342 — 4×176, gap 8, pad 8, img 160; settings outside left -49 */
  main .products-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
    row-gap: 1.04vw;
    width: 100%;
    overflow: visible;
    position: static;
    padding-left: 6.38vw;
    box-sizing: border-box;
  }

  main .products-box {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 1.04vw;
    border-radius: 1.3vw;
    box-sizing: border-box;
    flex-shrink: unset;
    background: #fff;
    overflow: visible;
  }

  main .products-box:nth-child(n+5) {
    display: flex;
  }

  main .products-settings {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.52vw;
    position: absolute;
    top: 1.04vw;
    left: -6.38vw;
    z-index: 5;
  }

  main .products-settings-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.13vw;
    height: 3.13vw;
    border-radius: 0.52vw;
    background: #F1F1F1;
    flex-shrink: 0;
  }

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

  main .products-discount-promo,
  main .products-promo {
    font-size: 1.3vw;
    padding: 0.78vw 1.56vw;
    border-radius: 6.51vw 0 0 6.51vw;
  }

  main .products-img {
    width: 100%;
    height: 20.83vw;
    margin-bottom: 0;
  }

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

  main .products-name {
    height: 7.29vw;
    min-height: 7.29vw;
    max-height: 7.29vw;
    font-size: 1.43vw;
    line-height: 130%;
    padding-bottom: 0;
    overflow: hidden;
  }

  main .products-desc {
    font-size: 1.17vw;
  }

  main .products-price {
    font-size: 1.69vw;
  }

  main .products-discount {
    font-size: 1.17vw;
  }

  main .products-pricetag {
    padding: 0.52vw 0;
    min-height: auto;
  }

  main .products-price-row {
    flex-direction: row;
    align-items: center;
    gap: 0.52vw;
  }

  main .products-info {
    padding: 0.52vw 0;
    min-height: auto;
    gap: 0.52vw;
  }

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

  main .products-buy {
    display: flex;
    gap: 1.04vw;
    align-items: center;
    padding-top: 1.04vw;
  }

  main .buy-btn {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.04vw 2.08vw;
    font-size: 1.3vw;
    border-radius: 0.65vw;
    flex: 1;
  }

  main .buy-more-btn {
    width: 3.65vw;
    height: 3.65vw;
    min-width: 3.65vw;
    border-radius: 0.65vw;
    flex-shrink: 0;
  }

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

  main .products-more {
    width: auto;
    height: auto;
    padding: 1.56vw 2.6vw;
    font-size: 1.69vw;
    font-weight: 700;
    border-radius: 0.65vw;
    margin: 1.56vw auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333333;
    color: #fff;
  }

  /* --- PROMO BANNER (same as hero 100px) --- */
  main .promo-banner {
    margin: 0 0 5.21vw;
  }

  main .promo-banner .container {
    position: static;
  }

  main .promo-banner-slider {
    border-radius: 0.65vw;
    overflow: hidden;
    width: 100%;
  }

  main .promo-banner .promo-main-img img.mobile {
    display: none;
  }

  main .promo-banner .promo-main-img img.pc-1440 {
    display: block;
  }

  main .promo-banner .promo-main-img {
    position: absolute;
    width: 39.58vw;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
  }

  main .promo-banner .promo-main-img::after {
    left: 0;
    right: auto;
    width: 28.26vw;
    height: 100%;
    background: linear-gradient(86deg, #333333 17%, rgba(51, 51, 51, 0) 100%);
  }

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

  main .promo-banner-slider .promo-main-slide {
    height: 13.02vw;
    min-height: 13.02vw;
    border-radius: 0.65vw;
    padding: 3.13vw 0 0 4.17vw;
  }

  main .promo-banner-slider .promo-main-slide .hero-title {
    font-size: 2.08vw;
    line-height: 110%;
    max-width: 57.68vw;
  }

  main .promo-banner-slider .promo-main-slide .promo-title {
    font-size: 1.3vw;
    line-height: 110%;
    max-width: 57.68vw;
  }

  main .promo-banner-slider .swiper-pagination {
    display: flex;
    left: 4.17vw;
    bottom: 1.95vw;
    width: fit-content;
    gap: 0.39vw;
  }

  /* --- PROJECTS (156×179 cards, horizontal scroll) --- */
  main .projects {
    padding: 3.91vw 0;
    background: #F1F1F1;
  }

  main .projects .container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    height: auto;
    min-height: 0;
    position: static;
  }

  main .projects .title {
    font-size: 3.13vw;
    margin: 0;
  }

  main .projects-container {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1.04vw;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0;
    -webkit-overflow-scrolling: touch;
  }

  main .projects-container .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 1.04vw;
    transform: none;
    width: max-content;
  }

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

  main .projects-box {
    width: 20.31vw;
    min-width: 20.31vw;
    min-height: 0;
    height: auto;
    margin: 0;
    border-radius: 1.3vw;
    background: #fff;
    padding-bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1.04vw;
  }

  main .projects-box:nth-child(n+6) {
    display: none;
  }

  main .projects-img {
    width: 100%;
    height: 14.06vw;
    border-radius: 1.3vw 1.3vw 0 0;
    overflow: hidden;
  }

  main .projects-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  main .projects-name {
    font-size: 1.56vw;
    padding: 0 1.04vw;
    margin: 0;
    line-height: 140%;
  }

  main .projects-link {
    opacity: 1;
    height: fit-content;
    display: none;
  }

  main .projects-more {
    width: auto;
    height: auto;
    padding: 1.56vw 2.6vw;
    font-size: 1.69vw;
    font-weight: 700;
    margin: 0 auto;
    display: flex;
    border-radius: 0.65vw;
    background: #BC1622;
    color: #fff;
  }

  /* --- FAQ (padding 12/16, radius 4px, question 14px) --- */
  main .faq {
    margin: 0;
    padding: 3.91vw 0 5.21vw;
  }

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

  main .faq-container {
    gap: 0.52vw;
  }

  main .faq .title {
    font-size: 3.13vw;
  }

  main .faq-box {
    padding: 1.56vw 2.08vw;
    border-radius: 0.52vw;
    background: #F1F1F1;
  }

  main .faq-question {
    font-size: 1.82vw;
    font-weight: 500;
  }

  main .faq-box_opened .desc {
    font-size: 1.43vw;
    margin-top: 1.56vw;
    max-width: 100%;
    line-height: 130%;
  }

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

  main .faq-fold {
    top: 1.56vw;
    right: 2.08vw;
  }

  /* --- ABOUT (column: text full width, 4 stats in row) --- */
  main .about {
    margin-bottom: 0;
    padding: 0 0 3.91vw;
  }

  main .about .container {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    align-items: stretch;
  }

  main .about .title {
    font-size: 3.13vw;
  }

  main .about-info,
  main .about-facts {
    width: 100%;
    max-width: 100%;
  }

  main .about-info {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    padding-bottom: 2.6vw;
  }

  main .about-info .title {
    margin-bottom: 0;
  }

  main .about-info .desc {
    font-size: 1.82vw;
    line-height: 140%;
  }

  main .about-facts {
    display: flex;
    flex-direction: row;
    gap: 1.04vw;
  }

  main .about-facts-box {
    width: calc(25% - 0.78vw);
    flex: 1 1 0;
    min-height: 0;
    padding: 2.08vw;
    border-radius: 0.65vw;
    box-sizing: border-box;
    background: #F1F1F1;
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
  }

  main .about-facts-box .desc {
    font-size: 1.56vw;
    line-height: 140%;
    margin: 0;
  }

  main .facts-title {
    font-size: 3.13vw;
  }

  main .about-link {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin-top: 0;
    font-size: 1.82vw;
    color: #BC1622;
    text-decoration: none;
  }

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

  /* --- MAIN FORM (row, gap 40px, phone 18px) --- */
  main .main-form {
    padding: 3.91vw 0 5.21vw;
    background: #F1F1F1;
  }

  main .main-form .container {
    display: flex;
    flex-direction: row;
    gap: 5.21vw;
    align-items: flex-start;
    width: 94.79vw;
    max-width: 94.79vw;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

  main .main-form-text {
    width: calc(50% - 2.6vw);
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main .main-form-text > .title {
    font-size: 3.13vw;
  }

  main .main-form-text > .desc {
    font-size: 1.82vw;
  }

  main .main-form-box {
    width: calc(50% - 2.6vw);
    max-width: none;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
  }

  main .main-form-phone {
    font-size: 2.34vw;
    font-weight: 700;
    color: #BA1420;
  }

  main .main-form-title {
    font-size: 2.21vw;
    font-weight: 500;
  }

  main .main-form-subtitle {
    font-size: 1.56vw;
  }

  main .main-form-input {
    height: auto;
    min-height: 4.17vw;
    font-size: 1.43vw;
    border-radius: 0.52vw;
  }

  main .main-form-btn {
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  main .main-form-link svg {
    width: 4.17vw;
    height: 4.17vw;
  }

  main .main-form-links {
    display: flex;
    flex-direction: row;
    gap: 1.04vw;
  }


/* ===== TABLET PAGES 768px — global utilities ===== */
  /* px → vw = px/768*100 | container 94.79vw */

  .breadcrumbs-top,
  .catalog-back {
    margin-top: 1.56vw;
    margin-bottom: 1.56vw;
  }

  main.article-page .breadcrumbs-top,
  main.project-page .breadcrumbs-top {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2.6vw 0 1.04vw;
  }

  .breadcrumbs-top .desc,
  .catalog-back {
    font-size: 1.69vw;
  }

  .undertitle,
  .hero-catalog-title,
  .catalog__main .title,
  .basket-info-top .title {
    font-size: 3.13vw;
  }

  .catalog__main .container {
    gap: 2.08vw;
    margin-top: 1.56vw;
    margin-bottom: 5.21vw;
  }

  .catalog-top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .promo-catalog {
    height: 15.63vw;
    padding: 2.08vw 18vw 2.08vw 2.08vw;
    border-radius: 1.3vw;
  }

  .hero-catalog-title {
    font-size: 2.86vw;
  }

  .promo-catalog-title {
    font-size: 1.69vw;
  }

  .catalog__main-step .container {
    gap: 2.08vw;
  }

/* ===== ABOUT PAGES 768px — Figma 414:23651, px/768*100 ===== */

  .about__main {
    margin-top: 0;
  }

  .about__main .container {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 2.6vw 2.6vw 5.21vw;
    margin: 0;
    box-sizing: border-box;
  }

  .about__text > .about-link-back {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0 0 2.6vw;
    padding: 0;
    font-size: 1.69vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.8);
    cursor: pointer;
    text-decoration: none;
  }

  .about__text > .about-link-back svg {
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
    flex-shrink: 0;
  }

  .about__nav {
    display: none;
  }

  .about__main.is-nav-open .about__nav,
  .about-pages-container.is-nav-open .about__nav {
    display: flex;
    flex-direction: column;
  }

  .about__main.is-nav-open .about__main-text,
  .about-pages-container.is-nav-open .about-pages__content {
    display: none;
  }

  .about__main-text {
    display: flex;
    flex-direction: column;
    gap: 5.21vw;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .about__text {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    margin: 0;
    padding: 0;
  }

  .about__text .title,
  .about-pages .title {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
    margin: 0;
    color: #0E0E0E;
  }

  .about__text .desc,
  .about-text .desc,
  .about-why > .desc,
  .about-why-flex > .desc {
    font-size: 1.56vw;
    line-height: 140%;
    font-weight: 400;
    color: #0E0E0E;
    margin: 0;
  }

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

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

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

  .about-why > .desc {
    font-size: 1.56vw;
    line-height: 140%;
    font-weight: 400;
    color: #0E0E0E;
    margin: 0;
  }

  /* Карточки: 359×56px, gap 10px, padding 20px, radius 10px */
  .about-why-flex {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
    width: 100%;
  }

  .about-why-flex > .desc {
    grid-column: 1 / -1;
    width: 100%;
    font-size: 1.56vw;
    line-height: 140%;
    font-weight: 400;
    color: #0E0E0E;
    margin: 0;
  }

  .about-why-box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 7.29vw;
    height: auto;
    background-color: #F1F1F1;
    border-radius: 1.3vw;
    padding: 1.04vw 2.6vw;
    gap: 1.04vw;
    overflow: hidden;
  }

  .about-why-box .desc {
    flex: 1 1 auto;
    max-width: none;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 130%;
    color: #333333;
    margin: 0;
  }

  .about-why-box svg {
    width: 5.21vw;
    height: 5.21vw;
    flex-shrink: 0;
  }

  .about-mission {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 2.6vw;
    gap: 1.04vw;
    background-color: #F1F1F1;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about-title {
    flex: none;
    width: 100%;
    font-size: 1.95vw;
    line-height: 100%;
    font-weight: 500;
    margin: 0;
    color: #333333;
  }

  .about-mission .subdesc {
    flex: none;
    width: 100%;
    font-size: 1.43vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.8);
    margin: 0;
  }

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

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

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

  .about-list-item svg {
    width: 1.56vw;
    height: 1.56vw;
    flex-shrink: 0;
    margin: 0;
  }

  /* Partners / brands / certificates subpages */
  .about-info-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-info-box {
    width: 100%;
    padding: 2.6vw 10.42vw 2.6vw 2.6vw;
    min-height: 0;
    height: auto;
    border-radius: 1.3vw;
    gap: 0.52vw;
  }

  .about-info-img {
    width: 11.72vw;
    height: 5.73vw;
  }

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

  .about-info-box:nth-of-type(2) .about-info-img {
    width: 10.42vw;
    height: 4.69vw;
    top: 2.6vw;
    right: 1.04vw;
  }

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

  .about-info-box .subdesc {
    font-size: 1.43vw;
  }

  .about-partners-list,
  .about-brands-list,
  .about-certificates-list,
  .about-pages-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about__nav-link {
    font-size: 1.82vw;
  }

  /* ===== ABOUT SUBPAGES 768px — partners, brands, certificates, legal, requisites, contacts, support, brand detail ===== */

  .about-pages {
    margin-top: 0;
  }

  .about-pages-container,
  .about-pages-container.container {
    display: block;
    max-width: 100%;
    padding: 0;
    margin: auto;
    box-sizing: border-box;
  }

  .about-pages__content {
    display: flex;
    flex-direction: column;
    gap: 5.21vw;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .about-pages__content > .about-link-back {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0 0 2.6vw;
    padding: 0;
    font-size: 1.69vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.8);
    cursor: pointer;
    text-decoration: none;
  }

  .about-pages__content > .about-link-back svg {
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
    flex-shrink: 0;
  }

  .about-pages .about-hero,
  .about-brand-detail .about-hero {
    display: block;
    min-height: 27.73vw;
    margin-top: 0;
    width: 100%;
    border-radius: 1.3vw;
    overflow: hidden;
  }

  .about-pages .about-hero::after,
  .about-brand-detail .about-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0;
    pointer-events: none;
  }

  .about-pages .about-hero__inner,
  .about-brand-detail .about-hero__inner {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 27.73vw;
    box-sizing: border-box;
    padding: 4.04vw 2.6vw 2.6vw;
    gap: 2.6vw;
    justify-content: space-between;
    align-items: flex-start;
  }

  .about-pages .about-hero__info,
  .about-brand-detail .about-hero__info {
    max-width: 51.3vw;
    gap: 1.56vw;
  }

  .about-pages .about-hero__title,
  .about-brand-detail .about-hero__title {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
    color: #fff;
  }

  .about-pages .about-hero__subtitle,
  .about-brand-detail .about-hero__subtitle {
    font-size: 1.82vw;
    line-height: 120%;
    font-weight: 500;
    color: #fff;
  }

  .about-pages .about-hero__desc,
  .about-brand-detail .about-hero__desc {
    font-size: 1.56vw;
    line-height: 140%;
    color: #fff;
  }

  .about-pages .about-hero__btn,
  .about-brand-detail .about-hero__btn {
    width: 29.3vw;
    height: 5.34vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
    flex-shrink: 0;
  }

  .about-pages .our-partners,
  .about-pages .partners-solutions,
  .about-pages .about-how {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
  }

  .about-pages .our-partners-head,
  .about-pages .partners-solutions-head {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
  }

  .about-pages .our-partners-head-title,
  .about-pages .partners-solutions-head__title,
  .about-pages .about-how-title {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
    color: #0E0E0E;
  }

  .about-pages .our-partners-head-desc,
  .about-pages .partners-solutions-head-desc {
    font-size: 1.56vw;
    line-height: 140%;
    color: rgba(51, 51, 51, 0.8);
  }

  .about-pages .our-partners-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.3vw;
    width: 100%;
  }

  .about-pages .our-partners-card {
    background: #fff;
    border-radius: 1.3vw;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
  }

  .about-pages .our-partners-card-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    border-radius: 1.3vw 1.3vw 0 0;
    margin: 0;
    width: 100%;
    max-width: none;
    min-height: 12.5vw;
    height: 12.5vw;
    box-sizing: border-box;
  }

  .about-pages .our-partners-card-logo img {
    width: auto;
    max-width: 70%;
    height: auto;
    max-height: 8.94vw;
    object-fit: contain;
  }

  .about-pages .our-partners-card-text {
    flex-shrink: 0;
    padding: 1.56vw 2.08vw 2.08vw;
    gap: 0.52vw;
  }

  .about-pages .our-partners-card-title {
    font-size: 1.82vw;
    font-weight: 500;
    color: #0E0E0E;
  }

  .about-pages .our-partners-card-desc {
    font-size: 1.3vw;
    color: rgba(51, 51, 51, 0.8);
  }

  .about-pages .partners-solutions-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
  }

  .about-pages .partners-solution {
    width: 18.1vw;
    height: 11.33vw;
    min-height: 11.33vw;
    background: #f1f1f1;
    border: none;
    border-radius: 0.65vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .about-pages .partners-solution img {
    max-height: 7.29vw;
    max-width: 90%;
  }

  .about-pages .about-banner,
  .about-brand-detail .about-banner {
    min-height: 14.84vw;
    padding: 3.65vw 2.6vw;
    border-radius: 1.3vw;
    background: #333;
    color: #fff;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .about-pages .about-banner-picture::after,
  .about-brand-detail .about-banner-picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
    pointer-events: none;
  }

  .about-pages .about-banner-title,
  .about-brand-detail .about-banner-title {
    color: #fff;
    font-size: 3.13vw;
    line-height: 120%;
    font-weight: 500;
    max-width: 58.38vw;
    position: relative;
    z-index: 1;
  }

  .about-pages .about-banner-desc,
  .about-brand-detail .about-banner-desc {
    color: #fff;
  }

  .about-pages .about-brands-list-card {
    background: transparent;
    border-radius: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: visible;
    gap: 1.04vw;
    width: 22.92vw;
  }

  .about-pages .about-brands-list-card-logo {
    flex: 0 0 auto;
    background: #f1f1f1;
    border-radius: 1.3vw;
    margin: 0;
    min-height: 14.32vw;
    height: 14.32vw;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about-pages .about-brands-list-card-text {
    padding: 0 1.56vw;
    gap: 0.52vw;
  }

  .about-brands-list {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: none;
    gap: 3.13vw 1.04vw;
  }

  .about-brands-list-card-logo {
    height: 14.32vw;
  }

  .about-pages .about-brands-list-card-title {
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .about-pages .about-brands-list-card-desc {
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  .about-certificates-docs-grid,
  .about-documents-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .about-certificates-doc-card {
    height: 24.48vw;
    min-height: 24.48vw;
    padding: 0;
    border-radius: 1.3vw;
    gap: 0;
    background: #f1f1f1;
    overflow: hidden;
  }

  .about-pages .about-certificates-doc-text {
    padding: 2.08vw;
    justify-content: space-between;
    gap: 1.04vw;
  }

  .about-pages .about-certificates-doc-title {
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages .about-certificates-doc-desc {
    font-size: 1.56vw;
    line-height: 140%;
    color: rgba(51, 51, 51, 0.8);
  }

  .about-pages .about-certificates-doc-link {
    font-size: 1.56vw;
    font-weight: 400;
    gap: 0.52vw;
  }

  .about-pages .about-certificates-doc-preview {
    width: 18.23vw;
    flex: 0 0 18.23vw;
    height: 100%;
  }

  .about-pages .about-certificates-doc-preview img {
    width: 14.58vw;
    height: 21.22vw;
    object-fit: cover;
  }

  .about-documents-doc-card {
    border-radius: 1.3vw;
    padding: 2.6vw;
  }

  .about-extra {
    gap: 2.6vw;
  }

  .about-extra-grid {
    gap: 1.3vw;
  }

  .about-extra-card {
    min-height: 15.36vw;
    padding: 2.6vw;
    border-radius: 1.3vw;
  }

  .about-extra-label {
    font-size: 1.56vw;
  }

  .about-extra-value {
    font-size: 1.43vw;
  }

  .about-contacts-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-contacts-card {
    min-height: 8.72vw;
    padding: 2.08vw;
    border-radius: 1.3vw;
  }

  .about-map-container {
    height: 31.25vw;
    border-radius: 1.3vw;
    overflow: hidden;
  }

  .about-contacts .about-how-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .about-help-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-how-grid,
  .about-how-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .about-how-icon,
  .about-how-icon .icon-svg {
    width: 1.56vw;
    height: 1.56vw;
  }

  .about-steps-grid,
  .about-steps-grid-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .about-pages .about-step {
    flex-direction: column;
    align-items: stretch;
    padding: 2.08vw 2.08vw 1.56vw;
    gap: 0.52vw;
    min-height: 0;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .about-pages .about-step-title {
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages .about-step-desc {
    font-size: 1.43vw;
    line-height: 130%;
  }

  .about-pages .about-step-num {
    align-self: flex-end;
    font-size: 4.17vw;
    font-weight: 500;
    color: #aaa;
  }

  .about-pages .about-information-inner,
  .about-brand-detail .about-information-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    min-height: 25.91vw;
    padding: 2.6vw;
    gap: 3.13vw;
    background: #F1F1F1;
    border-radius: 1.3vw;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-pages .about-information-title,
  .about-brand-detail .about-information-title {
    position: relative;
    z-index: 1;
    max-width: 49.09vw;
    gap: 1.04vw;
  }

  .about-pages .about-information-title .title,
  .about-brand-detail .about-information-title .title,
  .about-pages .about-information-title > h2,
  .about-brand-detail .about-information-title > h2 {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
    color: #0E0E0E;
  }

  .about-pages .about-information-desc,
  .about-brand-detail .about-information-desc {
    font-size: 1.56vw;
    line-height: 140%;
    gap: 1.04vw;
    color: #0E0E0E;
  }

  .about-pages .about-information-picture,
  .about-brand-detail .about-information-picture {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 49.48%;
    max-width: none;
    height: 100%;
    max-height: none;
    z-index: 0;
  }

  .about-pages .about-information-picture img,
  .about-brand-detail .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
  }

  .about-pages .about-information-inner.support-information-inner,
  .about-pages .about-information-inner.contacts-information {
    min-height: 0;
  }

  .about-pages .about-information-inner.support-information-inner {
    padding-bottom: 26vw;
  }

  .about-pages .about-information-inner.contacts-information {
    min-height: 35.03vw;
    padding-bottom: 2.6vw;
  }

  .about-pages .about-information-inner.support-information-inner .about-information-title {
    max-width: 100%;
  }

  .support-information-inner {
    height: auto;
    min-height: 0;
    padding-bottom: 26vw;
  }

  .contacts-information {
    height: auto;
    min-height: 35.03vw;
  }

  .about-information-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .about-information-list--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-information-box {
    min-height: 10.42vw;
    padding: 2.08vw;
    border-radius: 1.3vw;
  }

  .about-pages .about-how-steps {
    min-height: 5.21vw;
    padding: 1.56vw 2.08vw;
    border-radius: 1.3vw;
  }

  .about-pages .about-how-text {
    font-size: 1.56vw;
    font-weight: 500;
  }

  .about-pages .about-cta,
  .about-brand-detail .about-cta {
    flex-direction: row;
    align-items: flex-start;
    gap: 2.6vw;
    width: 100%;
  }

  .about-pages .about-cta-text,
  .about-brand-detail .about-cta-text {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .about-pages .about-cta-buttons,
  .about-brand-detail .about-cta-buttons {
    flex: 1 1 50%;
    max-width: 50%;
    flex-direction: column;
    gap: 1.04vw;
  }

  .about-cta {
    flex-direction: row;
    align-items: flex-start;
    gap: 2.6vw;
  }

  .about-cta-text {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .about-cta-title {
    font-size: 2.6vw;
    line-height: 130%;
    font-weight: 500;
  }

  .about-cta-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  .about-cta-buttons {
    flex: 1 1 50%;
    max-width: 50%;
    flex-direction: column;
    gap: 1.04vw;
  }

  .about-cta-btn {
    width: 100%;
    height: 5.21vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  .about-projects-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-projects-more {
    align-self: center;
    min-height: 5.21vw;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  .about-brand-detail {
    margin-top: 0;
  }

  .about-brand-detail__container {
    width: 100%;
    max-width: 100%;
    padding: 0 2.6vw 5.21vw;
    margin: 0;
    box-sizing: border-box;
  }

  .about-brand-detail__container > * {
    margin-bottom: 5.21vw;
  }

  .about-brand-detail__container > :last-child {
    margin-bottom: 0;
  }

  .about-brand-detail__back-container {
    display: flex;
    padding: 2.6vw 2.6vw 0;
    box-sizing: border-box;
  }

  .about-brand-detail__back-container .about-link-back {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    font-size: 1.69vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
    text-decoration: none;
  }

  .about-brand-detail__back-container .about-link-back svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  .about-decisions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-decisions-box {
    height: auto;
    min-height: 20.57vw;
  }

  .about-products--6 .about-products-grid,
  .brands-products .about-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .about-products-more {
    min-height: 5.21vw;
    min-width: auto;
    width: 100%;
    max-width: 100%;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
    background-color: #333;
  }

  .about-pages .main-form--inner-white {
    padding: 0;
    background: transparent;
  }

  .about-pages .main-form--inner-white .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2.6vw;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }

  .about-pages .main-form--inner-white .main-form-text,
  .about-pages .main-form--inner-white .main-form-box {
    width: calc(50% - 1.3vw);
    max-width: none;
  }

  /* Форма на странице «О нас» — 2 колонки */
  .about__main + .main-form {
    padding: 3.91vw 0 5.21vw;
    background: #F1F1F1;
  }

  .about__main + .main-form .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.6vw;
    width: 94.79vw;
    max-width: 94.79vw;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .about__main + .main-form .main-form-text {
    width: calc(50% - 1.3vw);
    max-width: none;
    flex-shrink: 0;
  }

  .about__main + .main-form .main-form-text .title {
    font-size: 2.86vw;
    line-height: 120%;
    font-weight: 500;
    margin: 0 0 1.56vw;
    color: #0E0E0E;
  }

  .about__main + .main-form .main-form-text .desc {
    font-size: 1.56vw;
    line-height: 140%;
    margin: 0;
    color: #0E0E0E;
  }

  .about__main + .main-form .main-form-phone {
    display: block;
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 700;
    color: #BC1622;
    margin: 1.04vw 0 1.56vw;
    text-decoration: none;
  }

  .about__main + .main-form .main-form-links {
    display: flex;
    gap: 1.04vw;
  }

  .about__main + .main-form .main-form-link svg {
    width: 3.13vw;
    height: 3.13vw;
  }

  .about__main + .main-form .main-form-box {
    width: calc(50% - 1.3vw);
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    background: #fff;
    padding: 2.6vw;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about__main + .main-form .main-form-title {
    font-size: 2.08vw;
    line-height: 120%;
    font-weight: 500;
    margin: 0;
    color: #0E0E0E;
  }

  .about__main + .main-form .main-form-subtitle {
    font-size: 1.56vw;
    line-height: 140%;
    margin: 0 0 0.52vw;
    color: rgba(51, 51, 51, 0.8);
  }

  .about__main + .main-form .main-form-input {
    width: 100%;
    height: 5.21vw;
    font-size: 1.56vw;
    border-radius: 0.52vw;
    padding: 0 1.56vw;
    box-sizing: border-box;
    border: 1px solid rgba(51, 51, 51, 0.2);
    background: #fff;
  }

  .about__main + .main-form .main-form-btn {
    width: 100%;
    height: 5.21vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
    margin-top: 0.52vw;
  }

  .about__main + .main-form .checkbox__label {
    font-size: 1.43vw;
    line-height: 130%;
  }

/* ===== MAIN-FORM 768px — global (all pages with contact form) ===== */

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

  .main-form .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.6vw;
    width: 94.79vw;
    max-width: 94.79vw;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

  .main-form-text {
    display: flex;
    flex-direction: column;
    width: calc(50% - 1.3vw);
    max-width: none;
  }

  .main-form-text .title {
    font-size: 2.86vw;
    line-height: 120%;
    font-weight: 500;
    margin-bottom: 1.56vw;
    color: #0E0E0E;
  }

  .main-form-text .desc {
    font-size: 1.69vw;
    line-height: 140%;
    margin: 0;
  }

  .main-form-phone {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 700;
    color: #BA1420;
    margin: 1.04vw 0 1.56vw;
  }

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

  .main-form-link svg {
    width: 3.13vw;
    height: 3.13vw;
  }

  .main-form-box {
    width: calc(50% - 1.3vw);
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    background: #fff;
    padding: 2.6vw;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .main-form-title {
    font-size: 2.86vw;
    line-height: 120%;
    font-weight: 500;
    margin: 0;
  }

  .main-form-subtitle {
    font-size: 1.69vw;
    line-height: 140%;
    margin: 0 0 0.52vw;
    color: #333333CC;
  }

  .main-form-input {
    width: 100%;
    height: 5.21vw;
    font-size: 1.69vw;
    line-height: 100%;
    border-radius: 0.52vw;
    padding: 0 1.56vw;
    box-sizing: border-box;
    border: 1px solid #33333333;
    background: #fff;
  }

  .main-form .checkbox-policy {
    margin-top: 0.52vw;
  }

  .main-form .checkbox__label {
    font-size: 1.43vw;
    line-height: 130%;
  }

  .main-form-btn {
    width: 100%;
    height: 5.21vw;
    font-size: 2.08vw;
    line-height: 100%;
    border-radius: 0.65vw;
    margin-top: 1.04vw;
    background: #BC1622;
    color: #fff;
    border: none;
  }

/* ===== CATALOG 768px — pixel-perfect per mockups ===== */

  /* L0/L1 category cards — 2 columns */
  .catalog__main-products-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .catalog__main-products-list-item {
    width: 100%;
    max-width: 100%;
  }

  /* L3 product grid — 4 columns per mockup */
  .products-container.products-favorite-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
    row-gap: 2.08vw;
  }

  .products-container.products-favorite-container .products-box {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 38.54vw;
    padding: 1.56vw;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .products-favorite-container .products-img {
    width: 100%;
    height: 14.58vw;
    margin-bottom: 0.65vw;
  }

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

  .products-favorite-container .products-name {
    font-size: 1.43vw;
    line-height: 130%;
    margin: 0.52vw 0;
  }

  .products-favorite-container .products-price {
    font-size: 2.08vw;
    font-weight: 700;
  }

  .products-favorite-container .products-desc {
    font-size: 1.3vw;
  }

  .products-favorite-container .products-buy {
    width: 100%;
    height: 4.17vw;
    font-size: 1.56vw;
    border-radius: 0.65vw;
    margin-top: auto;
  }

  .products-favorite-widgets {
    flex-wrap: wrap;
    gap: 1.04vw;
    margin-bottom: 1.56vw;
  }

  /* List view toggle */
  .products-favorite-container_list {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    row-gap: 0.65vw;
  }

  .products-favorite-container_list .products-box {
    min-height: 0;
    height: auto;
  }

  /* Filter drawer — right side per mockup */
  .filter-overlay {
    display: none;
  }

  .filter-overlay_opened {
    display: block;
  }

  .catalog__filters {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 52.08vw;
    max-width: 52.08vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    padding: 2.6vw;
    padding-top: 0;
    transform: translateX(100%);
    transition: transform 0.25s ease;
    z-index: 9999;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  .catalog__filters_opened {
    transform: translateX(0);
    display: flex;
  }

  .catalog__filters-title {
    font-size: 2.86vw;
    padding: 2.08vw 0;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
  }

  .catalog-container {
    display: block;
    width: 100%;
  }

  .catalog__nav {
    display: none;
  }

  .catalog__filters-desc {
    font-size: 1.56vw;
  }

  .filters-btn-apply {
    background: #BC1622;
    color: #fff;
    height: 5.21vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  .filters-btns {
    margin-bottom: 2.6vw;
  }

/* ===== BASKET — Figma 889:68393 «768. Корзина» ===== */

  main.basket-page .basket-bottom-mobile {
    display: none !important;
  }

  main.basket-page .breadcrumbs-top {
    display: none;
  }

  main.basket-page .basket-main {
    margin: 0;
  }

  main.basket-page .basket-main .container {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    margin-top: 0;
    margin-bottom: 3.91vw;
    padding: 2.6vw 0 0;
  }

  /* Title row — 18 Medium + toast + sort */
  main.basket-page .basket-info {
    gap: 2.6vw;
  }

  main.basket-page .basket-info-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1.56vw 2.6vw;
    width: 100%;
  }

  main.basket-page .basket-info-top .title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.basket-page .basket-toast {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    padding: 1.04vw 2.08vw 1.04vw 1.56vw;
    border-radius: 0.52vw;
    background: #e6f8f0;
    color: #333;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
  }

  main.basket-page .basket-toast svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  main.basket-page .basket-info-sort {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    flex-shrink: 0;
  }

  main.basket-page .basket-info-sort .desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  main.basket-page .basket-info-sort input,
  main.basket-page .basket-info-select-all input {
    width: 2.08vw;
    height: 2.08vw;
  }

  /* Widgets — pad 4 0, space-between */
  main.basket-page .basket-info-widgets {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 2.08vw;
    width: 100%;
    padding: 0.52vw 0;
  }

  main.basket-page .basket-info-select-all .desc,
  main.basket-page .basket-info-delete-desc {
    font-size: 1.43vw;
    line-height: 130%;
  }

  main.basket-page .basket-info-delete {
    gap: 1.04vw;
  }

  main.basket-page .basket-info-delete-desc {
    font-weight: 500;
    font-size: 1.56vw;
  }

  main.basket-page .basket-info-widgets-row {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin-left: auto;
  }

  main.basket-page .basket-info-widget {
    gap: 0.52vw;
    padding: 1.04vw 0;
  }

  main.basket-page .basket-info-widget .desc {
    font-size: 1.43vw;
    line-height: 130%;
  }

  main.basket-page .basket-info-widget svg,
  main.basket-page .basket-info-delete svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  /* Cards — row: img 80 + name + price 127 + side 90, gap 24 */
  main.basket-page .basket-cards-container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  main.basket-page .basket-card {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 3.13vw;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 1.56vw 0 1.56vw 3.13vw;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
  }

  main.basket-page .basket-card:first-of-type {
    padding-top: 0;
    border-top: none;
  }

  main.basket-page .basket-card:last-of-type {
    padding-bottom: 0;
  }

  main.basket-page .basket-card-checkbox,
  main.basket-page .basket-card::before,
  main.basket-page .basket-card:has(.basket-card-checkbox:checked)::after {
    top: 1.56vw;
    left: 0;
    width: 2.08vw;
    height: 2.08vw;
  }

  main.basket-page .basket-card:first-of-type .basket-card-checkbox,
  main.basket-page .basket-card:first-of-type::before,
  main.basket-page .basket-card:first-of-type:has(.basket-card-checkbox:checked)::after {
    top: 0;
  }

  main.basket-page .basket-card .personal-orders-info-products-img {
    position: static;
    flex-shrink: 0;
    width: 10.42vw;
    height: 10.42vw;
    margin: 0;
  }

  main.basket-page .basket-card .personal-orders-info-products-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  main.basket-page .basket-card .personal-orders-info-products-name {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  main.basket-page .basket-card .personal-orders-info-products-title {
    margin: 0;
    max-width: 100%;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 130%;
    color: #333;
  }

  main.basket-page .basket-card .personal-orders-info-products-code {
    margin: 0;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 100%;
    color: #333;
  }

  main.basket-page .basket-card .personal-orders-info-products-name .personal-orders-info-products-widgets {
    display: flex !important;
    align-items: center;
    gap: 0.52vw;
    justify-content: flex-start;
  }

  main.basket-page .basket-card .personal-orders-info-products-name .personal-orders-info-products-widget,
  main.basket-page .basket-card .personal-orders-info-products-name .personal-orders-info-products-widget svg {
    width: 3.13vw;
    height: 3.13vw;
  }

  main.basket-page .basket-card .personal-orders-info-products-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.04vw;
    width: 16.54vw;
    flex-shrink: 0;
    height: auto;
  }

  main.basket-page .basket-card .personal-orders-info-products-price {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  main.basket-page .basket-card .personal-orders-info-products-desc {
    display: block !important;
    margin: 0;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 100%;
    color: #333;
  }

  main.basket-page .basket-card .personal-orders-info-products-info .personal-orders-info-products-desc + .personal-orders-info-products-desc {
    margin-top: 0.52vw;
  }

  main.basket-page .basket-card .personal-orders-info-products-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.04vw;
    width: 11.72vw;
    flex-shrink: 0;
    margin-left: 0;
  }

  main.basket-page .basket-card .personal-orders-info-products-side .personal-orders-info-products-widgets {
    display: none !important;
  }

  main.basket-page .basket-card .personal-orders-info-products-count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.52vw;
    height: 3.91vw;
    margin: 0;
  }

  main.basket-page .basket-card .personal-orders-info-products-count button {
    width: 2.08vw;
    height: 2.08vw;
    font-size: 1.56vw;
  }

  main.basket-page .basket-card .count-size-input {
    width: 5.86vw;
    height: 2.86vw;
    font-size: 1.56vw;
  }

  main.basket-page .personal-orders-info-products-btn-delete {
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.04vw 1.56vw;
    border-radius: 13.02vw;
    font-size: 1.43vw;
    font-weight: 700;
  }

  /* Checkout */
  main.basket-page .basket-side {
    width: 100%;
    max-width: 100%;
    gap: 1.3vw;
  }

  main.basket-page .basket-checkout {
    width: 100%;
    max-width: 100%;
    padding: 2.08vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    gap: 2.08vw;
  }

  main.basket-page .basket-checkout-title {
    font-size: 2.21vw;
    font-weight: 500;
  }

  main.basket-page .basket-checkout-checkboxes {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3.13vw;
    padding-bottom: 2.08vw;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  main.basket-page .basket-checkout-checkbox-desc {
    font-size: 1.43vw;
  }

  main.basket-page .basket-checkout-weight {
    gap: 0.52vw;
    padding-bottom: 2.08vw;
  }

  main.basket-page .basket-checkout-weight-desc,
  main.basket-page .basket-checkout-discount .desc {
    font-size: 1.56vw;
  }

  main.basket-page .basket-checkout-discount-numbers {
    width: 9.64vw;
  }

  main.basket-page .basket-checkout-discount-numbers span,
  main.basket-page .basket-checkout-discount-numbers .desc {
    font-size: 1.56vw;
  }

  main.basket-page .basket-checkout-coupon {
    height: auto;
    min-height: 4.69vw;
    padding: 1.56vw 0;
    border: none;
    border-radius: 0.65vw;
    background: #fff;
    font-size: 1.3vw;
    text-align: center;
  }

  main.basket-page .basket-checkout-total-text {
    font-size: 1.82vw;
    font-weight: 500;
  }

  main.basket-page .basket-checkout-btn {
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border-radius: 0.65vw;
    font-size: 1.56vw;
    font-weight: 500;
  }

  main.basket-page .basket-checkout-banner {
    padding: 1.56vw 1.04vw 1.56vw 1.56vw;
    border-radius: 0.65vw;
    gap: 1.04vw;
    background: #e6f8f0;
  }

  main.basket-page .basket-checkout-banner-desc {
    font-size: 1.43vw;
    line-height: 130%;
    max-width: calc(100% - 3.13vw);
  }

  main.basket-page .basket-checkout-banner-btn {
    width: fit-content;
    height: auto;
    padding: 1.04vw 1.56vw;
    border-radius: 13.02vw;
    font-size: 1.3vw;
    font-weight: 700;
  }

/* ===== PRODUCT — Figma 901:71445 «768. Карточка товара» ===== */

  main.product-page .product-bottom-mobile {
    display: none !important;
  }

  main.product-page .breadcrumbs-top {
    display: none;
  }

  main.product-page .product-main {
    margin: 0;
  }

  main.product-page .product-main .container {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    width: 94.79vw;
    margin: 0 auto;
    padding: 2.6vw 0 5.21vw;
    box-sizing: border-box;
  }

  main.product-page .product-main-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    gap: 1.04vw;
  }

  /* Title — 18 Medium */
  main.product-page .product-main-title {
    margin: 0;
    font-weight: 500;
    font-size: 2.34vw;
    line-height: 100%;
    letter-spacing: 0%;
    color: #0e0e0e;
  }

  /* Code first, then widgets — Figma «функции» */
  main.product-page .product-main-info-top {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 1.56vw;
    width: 100%;
    padding: 1.04vw 0;
    box-sizing: border-box;
  }

  main.product-page .product-main-info-code {
    margin: 0;
    font-weight: 400;
    font-size: 1.69vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.6);
  }

  main.product-page .product-main-info-widgets {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.6vw;
  }

  main.product-page .product-main-info-widget {
    display: flex;
    align-items: center;
    gap: 0.52vw;
  }

  main.product-page .product-main-info-widget svg {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
    flex-shrink: 0;
  }

  main.product-page .product-main-info-widget .desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  /* Tabs — Grey BD track, tags 10 / active Medium */
  main.product-page .product-main-info-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.52vw;
    width: 100%;
    margin: 0;
    padding: 0.52vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    overflow-x: auto;
    box-sizing: border-box;
  }

  main.product-page .product-main-info-nav::-webkit-scrollbar {
    display: none;
  }

  main.product-page .product-main-info-nav-link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: auto;
    padding: 0.78vw 1.56vw;
    border-radius: 0.65vw;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 130%;
    color: #333;
    white-space: nowrap;
    box-sizing: border-box;
  }

  main.product-page .product-main-info-nav-link_active {
    background: #bc1622;
    color: #fff;
    font-weight: 500;
  }

  /* Description tab: gallery + options — column gap 20 */
  main.product-page .product-main-container {
    flex-direction: column;
    gap: 2.6vw;
    width: 100%;
    padding: 0;
  }

  main.product-page .product-main-container_opened {
    display: flex;
  }

  /* Gallery — main left + thumbs column right, gap 20 */
  main.product-page .product-main-img-box {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 2.6vw;
    width: 100%;
  }

  main.product-page .product-main-img {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 64.58vw;
    border-radius: 0;
    overflow: hidden;
  }

  main.product-page .product-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  main.product-page .product-main-img-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.52vw;
    width: 10.03vw;
    flex-shrink: 0;
    margin: 0;
  }

  main.product-page .product-main-img-small {
    width: 10.03vw;
    height: 10.03vw;
    border-radius: 0;
    overflow: hidden;
    flex-shrink: 0;
  }

  main.product-page .product-main-img-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Options + specs */
  main.product-page .product-main-description {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    width: 100%;
  }

  main.product-page .product-main-description-box {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
  }

  main.product-page .product-main-description-box .desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  main.product-page .product-main-description-box .desc span {
    color: rgba(51, 51, 51, 0.6);
  }

  main.product-page .product-main-description-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
  }

  main.product-page .product-main-description-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 1.04vw 1.56vw;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.52vw;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
    box-sizing: border-box;
  }

  main.product-page .product-main-description-btn_active {
    border-color: #bc1622;
  }

  main.product-page .product-main-description-btn_disabled {
    border: none;
    background: #f1f1f1;
    color: rgba(51, 51, 51, 0.6);
    opacity: 0.5;
  }

  main.product-page .product-main-description > .desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  main.product-page .product-main-description-text {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
  }

  main.product-page .product-main-description-title {
    margin: 0;
    font-weight: 500;
    font-size: 1.82vw;
    line-height: 100%;
    color: #333;
  }

  main.product-page .product-main-description-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
  }

  main.product-page .product-main-description-item {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    padding: 1.04vw 0 0;
    box-sizing: border-box;
  }

  main.product-page .product-main-description-item .desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
    flex-shrink: 0;
  }

  main.product-page .product-main-description-item .menu-dots {
    flex-grow: 1;
    height: 0;
    margin: 0;
    border-bottom: 1px dotted #aaa;
  }

  main.product-page .product-main-description-item:nth-child(3) .desc:last-child,
  main.product-page .product-main-description-item:nth-child(5) .desc:last-child {
    color: #bc1622;
  }

  main.product-page .product-main-description-all {
    margin: 1.04vw 0 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #bc1622;
  }

  /* Side — stacked blocks, gap 10 */
  main.product-page .product-main-side {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    gap: 1.3vw;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }

  main.product-page .product-main-side-price {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    padding: 2.08vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  main.product-page .product-main-side-price-title {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.product-page .product-main-side-price-row {
    display: flex;
    align-items: center;
    gap: 1.3vw;
    width: 100%;
    padding: 0 0 0;
    border-bottom: none;
  }

  main.product-page .product-main-side-price-row span {
    margin: 0;
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 130%;
    text-decoration: line-through;
    color: #aaa;
  }

  main.product-page .product-main-side-price-row p {
    margin: 0;
    font-weight: 500;
    font-size: 2.08vw;
    line-height: 100%;
    color: #333;
  }

  main.product-page .product-main-side-quantity {
    display: flex;
    align-items: center;
    gap: 0.26vw;
    width: 100%;
    height: 3.91vw;
    padding: 0.78vw 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
  }

  main.product-page .product-main-side-quantity button {
    width: 3.65vw;
    height: 3.65vw;
    border: none;
    border-radius: 0.52vw;
    background: #fff;
    font-size: 2.08vw;
    line-height: 1;
    color: #333;
    flex-shrink: 0;
  }

  main.product-page .product-main-side-quantity input,
  main.product-page .product-main-side-quantity .count-size-input {
    flex: 1 1 auto;
    width: auto;
    height: 3.65vw;
    margin: 0;
    padding: 0 0.26vw;
    border: none;
    border-radius: 0.52vw;
    background: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
    color: #333;
    box-sizing: border-box;
  }

  main.product-page .product-main-side-btns {
    display: flex;
    flex-direction: row;
    gap: 0.52vw;
    width: 100%;
    margin: 0;
  }

  main.product-page .product-main-side-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    box-sizing: border-box;
  }

  main.product-page .product-main-side-btn-qb {
    background: #333;
  }

  /* Discount banner */
  main.product-page .product-main-side-discount {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
    padding: 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #e6f8f0;
    box-sizing: border-box;
  }

  main.product-page .product-main-side-discount-title {
    margin: 0;
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  main.product-page .product-main-side-discount-desc {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 1.04vw;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 100%;
    color: #333;
  }

  main.product-page .product-main-side-discount-desc span {
    display: inline-flex;
    align-items: center;
    gap: 0.52vw;
    padding: 0;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 130%;
    color: #00b162;
  }

  main.product-page .product-main-side-discount-desc span svg {
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
  }

  main.product-page .product-main-side-discount-link {
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 100%;
    text-decoration: underline;
    color: #333;
  }

  /* Stock / delivery */
  main.product-page .product-main-side-info {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    padding: 2.08vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  main.product-page .product-main-side-info-av {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.52vw;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 100%;
    color: #333;
  }

  main.product-page .product-main-side-info-av svg {
    width: 2.08vw;
    height: 2.08vw;
    margin: 0;
    flex-shrink: 0;
  }

  main.product-page .product-main-side-info-box {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin: 0;
  }

  main.product-page .product-main-side-info-desc.bold {
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 130%;
    color: #0e0e0e;
  }

  main.product-page .product-main-side-info-row {
    display: flex;
    align-items: center;
    gap: 0.52vw;
  }

  main.product-page .product-main-side-info-row .product-main-side-info-desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
    flex-shrink: 0;
  }

  main.product-page .product-main-side-info-row .menu-dots {
    flex-grow: 1;
    height: 0;
    margin: 0;
    border-bottom: 1px dotted #aaa;
  }

  main.product-page .product-main-side-info-subdesc {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 100%;
    color: #333;
    flex-shrink: 0;
  }

  main.product-page .product-main-side-info-subdesc svg {
    width: 2.08vw;
    height: 2.08vw;
  }

  main.product-page .product-main-side-info-show {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0.52vw 0 0;
    font-weight: 400;
    font-size: 1.17vw;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.product-page .product-main-side-info-show svg {
    width: 1.04vw;
    height: 1.04vw;
    margin: 0;
  }

  main.product-page .product-main-side-info-ad {
    margin: 0;
    font-weight: 400;
    font-size: 1.17vw;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.6);
  }

  main.product-page .product-main-side-info-map {
    margin: 0;
    font-weight: 400;
    font-size: 1.17vw;
    line-height: 100%;
    text-decoration: underline;
    color: #333;
  }

  /* B2B banner */
  main.product-page .basket-checkout-banner {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 100%;
    padding: 1.56vw 1.04vw 1.56vw 1.56vw;
    border-radius: 0.65vw;
    background: #e6f8f0;
    overflow: hidden;
    box-sizing: border-box;
  }

  main.product-page .basket-checkout-banner-desc {
    margin: 0;
    max-width: 100%;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.product-page .basket-checkout-banner-desc .bold {
    font-weight: 500;
    color: #333;
  }

  main.product-page .basket-checkout-banner-btn {
    width: fit-content;
    height: auto;
    padding: 1.04vw 1.56vw;
    border-radius: 13.02vw;
    background: #fff;
    color: #333;
    font-weight: 700;
    font-size: 1.3vw;
    line-height: 100%;
  }

  main.product-page .basket-checkout-banner svg {
    width: 2.73vw;
    height: 4.3vw;
  }

  /* Feedback / FAQ / cert tabs */
  main.product-page .product-main-feedback {
    gap: 2.08vw;
    width: 100%;
  }

  main.product-page .product-main-feedback-add {
    margin: 0;
    font-size: 1.56vw;
    line-height: 130%;
    color: #bc1622;
  }

  main.product-page .product-main-cert {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
  }

  main.product-page .product-main-cert-box {
    display: flex;
    align-items: center;
    gap: 1.04vw;
  }

  main.product-page .product-main-cert-box svg {
    width: 3.65vw;
    height: 3.65vw;
    flex-shrink: 0;
  }

  main.product-page .product-main-cert-text {
    margin: 0;
    font-size: 1.43vw;
    line-height: 130%;
  }

/* ===== ORDER — Figma 1003:77550 / 1008:81412 / 1008:84650 «768. Оформление заказа» ===== */

  main.order-page .breadcrumbs-top {
    display: none;
  }

  main.order-page .order-main {
    margin: 0;
  }

  main.order-page .order-main .container {
    display: flex;
    flex-direction: column;
    gap: 2.6vw;
    width: 94.79vw;
    margin: 0 auto;
    padding: 2.6vw 0 5.21vw;
    box-sizing: border-box;
  }

  main.order-page .order-main-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.04vw;
  }

  /* Title — 18 Medium */
  main.order-page .order-main-title {
    margin: 0;
    font-weight: 500;
    font-size: 2.34vw;
    line-height: 100%;
    color: #0e0e0e;
  }

  /* Tabs — Grey BD pill track; active red Medium 10; inactive Regular 10 */
  main.order-page .order-main-delivery-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.52vw;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0.52vw;
    border-radius: 13.02vw;
    background: #f1f1f1;
    overflow-x: auto;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-nav::-webkit-scrollbar {
    display: none;
  }

  main.order-page .order-main-delivery-nav-link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: auto;
    margin: 0;
    padding: 1.04vw 2.08vw;
    border-radius: 13.02vw;
    background: transparent;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 130%;
    color: #333;
    white-space: nowrap;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-nav-link:first-of-type,
  main.order-page .order-main-delivery-nav-link:last-of-type {
    border-radius: 13.02vw;
    padding: 1.04vw 2.08vw;
  }

  main.order-page .order-main-delivery-nav-link:hover {
    color: #bc1622;
  }

  main.order-page .order-main-delivery-nav-link_active,
  main.order-page .order-main-delivery-nav-link_active:hover {
    background: #bc1622;
    color: #fff;
    font-weight: 500;
    pointer-events: none;
  }

  main.order-page .order-main-delivery-nav-link_active::after,
  main.order-page .order-main-delivery-nav-link:first-of-type.order-main-delivery-nav-link_active::after,
  main.order-page .order-main-delivery-nav-link:last-of-type.order-main-delivery-nav-link_active::after {
    display: none;
  }

  /* Steps shared — Grey BD cards, gap 8 between */
  main.order-page .order-main-delivery-container {
    display: none;
    flex-direction: column;
    gap: 1.04vw;
    width: 100%;
  }

  main.order-page .order-main-delivery-container_active {
    display: flex;
  }

  main.order-page .order-main-delivery-step {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    padding: 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-step-title {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.6);
  }

  main.order-page .order-main-delivery-step-subtitle {
    margin: 0;
    font-weight: 500;
    font-size: 1.95vw;
    line-height: 100%;
    color: #333;
  }

  /* Step 1 — delivery service radios (moscow) / СДЭК text (russia) */
  main.order-page .order-main-delivery-options {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.52vw;
    margin: 0;
  }

  main.order-page .order-main-delivery-option {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-option label {
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  main.order-page #russia .order-main-delivery-step > .desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  /* Step 2 — address (moscow / russia) */
  main.order-page .order-main-delivery-step-address {
    width: 100%;
    height: auto;
    min-height: 4.81vw;
    margin: 0;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    background: #fff;
    font-size: 1.43vw;
    line-height: 100%;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-step-show-map {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.52vw;
    width: 100%;
    margin: 0;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.order-page .order-main-delivery-step-show-map svg {
    width: 1.56vw;
    height: 1.56vw;
    margin: 0;
  }

  main.order-page .order-main-delivery-step-address-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.52vw;
    width: 100%;
  }

  main.order-page .order-main-delivery-step-address-row input {
    height: auto;
    min-height: 4.81vw;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    background: #fff;
    font-size: 1.43vw;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-step-floor,
  main.order-page .order-main-delivery-step-entry {
    width: 14.32vw;
    flex-shrink: 0;
  }

  main.order-page .order-main-delivery-step-add {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }

  main.order-page .order-main-delivery-step-pickup {
    display: flex;
    align-items: center;
    gap: 1.56vw;
    margin: 0;
  }

  main.order-page .order-main-delivery-step-pickup-text {
    margin: 0;
    font-weight: 500;
    font-size: 1.82vw;
    line-height: 100%;
    color: #333;
  }

  main.order-page .order-main-delivery-step-pickup-comm {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    margin: 0;
  }

  main.order-page .order-main-delivery-subdesc {
    margin: 0;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    color: #333;
  }

  main.order-page .order-main-delivery-step-pickup-comm textarea {
    width: 100%;
    min-height: 10.42vw;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    background: #fff;
    font-size: 1.43vw;
    box-sizing: border-box;
  }

  /* moscow only — date chips + time select */
  main.order-page #moscow .order-main-delivery-step-pickup-date {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    margin: 0;
    padding-top: 2.6vw;
  }

  main.order-page #moscow .order-main-delivery-step-pickup-date-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52vw;
  }

  main.order-page #moscow .order-main-delivery-step-pickup-date-box {
    height: auto;
    min-height: 6.12vw;
    padding: 1.56vw 2.6vw 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #fff;
  }

  main.order-page #moscow .order-main-delivery-step-pickup-date-box label {
    font-size: 1.3vw;
    line-height: 130%;
  }

  main.order-page #moscow .order-main-delivery-step-pickup-date-box label span {
    font-size: 1.04vw;
  }

  main.order-page #moscow .date-choice {
    width: 37.5vw;
    max-width: 100%;
    height: auto;
    min-height: 4.81vw;
    padding: 1.56vw 2.6vw;
    box-sizing: border-box;
  }

  main.order-page #moscow .order-main-delivery-step-pickup-time {
    gap: 1.04vw;
  }

  main.order-page #moscow .time-choice {
    width: 100%;
    height: auto;
    min-height: 4.81vw;
    padding: 1.56vw 2.08vw;
    box-sizing: border-box;
  }

  main.order-page #moscow .order-main-delivery-step-pickup-time-select span {
    font-size: 1.17vw;
    color: #0e0e0e;
  }

  /* russia only — operator note instead of date/time UI */
  main.order-page #russia .order-main-delivery-step-pickup-date {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin: 0;
    padding: 0;
  }

  main.order-page #russia .order-main-delivery-step-pickup-date > .desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  main.order-page #russia .order-main-delivery-step-pickup-date-row,
  main.order-page #russia .order-main-delivery-step-pickup-time {
    display: none;
  }

  /* takeout — city select + map + pickup points list */
  main.order-page #takeout .order-city-choice {
    width: 100%;
    height: auto;
    min-height: 4.81vw;
    margin: 0;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    background: #fff;
    font-size: 1.43vw;
    box-sizing: border-box;
  }

  main.order-page #takeout .order-main-delivery-step-show-map {
    margin: 0;
  }

  main.order-page #takeout .about-map-container,
  main.order-page #takeout #map2 {
    width: 100%;
    height: 39.06vw;
    margin: 0;
    border-radius: 0.65vw;
    overflow: hidden;
  }

  main.order-page #takeout .order-main-delivery-step-city {
    width: 100%;
    margin: 0;
    border-radius: 1.3vw;
    background: #fff;
    overflow: hidden;
  }

  main.order-page #takeout .order-main-delivery-step-city-top {
    padding: 1.56vw 2.08vw;
  }

  main.order-page #takeout .order-main-delivery-step-city-title {
    margin: 0;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    color: #2c3439;
  }

  main.order-page #takeout .order-main-delivery-step-city-row {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    padding: 2.08vw;
    box-sizing: border-box;
  }

  main.order-page #takeout .order-main-delivery-step-city-name label {
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 130%;
    color: #333;
  }

  main.order-page #takeout .order-main-delivery-step-city-name label a {
    font-weight: 400;
    font-size: 1.3vw;
    color: #bc1622;
    text-decoration: underline;
  }

  main.order-page #takeout .order-main-delivery-step-city-info .desc,
  main.order-page #takeout .order-main-delivery-step-city-time,
  main.order-page #takeout .order-main-delivery-step-city-phone {
    margin: 0;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  main.order-page #takeout .order-main-delivery-step-city-av {
    display: flex;
    align-items: center;
    gap: 0.52vw;
  }

  main.order-page #takeout .order-main-delivery-step-city-av-text {
    margin: 0;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 130%;
    color: #00b162;
  }

  main.order-page #takeout .order-main-delivery-step-city-av svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  /* Extra services — white cards inside grey step */
  main.order-page .order-main-delivery-step-extra {
    width: 100%;
    margin: 0;
    padding: 1.56vw 2.6vw 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-step-extra:first-of-type {
    margin-top: 0;
  }

  main.order-page .order-main-delivery-step-extra-option label {
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 130%;
    color: #333;
  }

  main.order-page .order-main-delivery-step-extra-desc {
    margin: 0;
    font-weight: 400;
    font-size: 1.17vw;
    line-height: 130%;
    color: #333;
  }

  main.order-page .order-main-delivery-step-extra-desc a {
    color: #bc1622;
    text-decoration: underline;
  }

  /* Payment — full-width white rows */
  main.order-page .order-main-delivery-step-payment {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
  }

  main.order-page .order-main-delivery-step-payment-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.04vw;
    width: 100%;
    padding: 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #fff;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-step-payment-add {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    font-weight: 400;
    font-size: 1.17vw;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.order-page .order-main-delivery-step-payment-add svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  /* Contacts */
  main.order-page .order-main-delivery-step-info {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
  }

  main.order-page .order-main-delivery-step-info-input {
    width: 100%;
    height: auto;
    min-height: 4.81vw;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    background: #fff;
    font-size: 1.43vw;
    box-sizing: border-box;
  }

  main.order-page .order-main-delivery-step-get-call {
    display: flex;
    align-items: center;
    gap: 2.08vw;
    margin: 0;
  }

  /* Summary + CTA */
  main.order-page .order-main-side {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 100%;
    max-width: 100%;
    position: static;
    height: auto;
  }

  main.order-page .order-main-side-container {
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 100%;
    padding: 1.56vw 2.08vw;
    border-radius: 0.65vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  main.order-page .order-main-side-title {
    margin: 0;
    font-weight: 500;
    font-size: 2.08vw;
    line-height: 100%;
    color: #0e0e0e;
  }

  main.order-page .order-main-side-price {
    padding: 1.56vw 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  main.order-page .order-main-side-desc {
    max-width: none;
    font-size: 1.3vw;
    line-height: 130%;
  }

  main.order-page .order-main-side-price .order-main-side-desc {
    color: rgba(51, 51, 51, 0.8);
  }

  main.order-page .order-main-side-price-desc {
    font-weight: 700;
    font-size: 1.43vw;
    color: #0e0e0e;
  }

  main.order-page .order-main-side-discount-box {
    align-items: flex-end;
    width: 9.64vw;
  }

  main.order-page .order-main-side-discount-box .order-main-side-desc {
    text-align: right;
  }

  main.order-page .order-main-side-discount-box span,
  main.order-page .order-main-side-discount > .order-main-side-desc:last-child {
    font-weight: 500;
    color: #00b162;
  }

  main.order-page .order-main-side-total {
    padding-top: 1.56vw;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  main.order-page .order-main-side-total-text {
    font-weight: 500;
    font-size: 1.82vw;
    color: #0e0e0e;
  }

  main.order-page .order-main-side-add {
    font-size: 1.17vw;
    color: #0e0e0e;
  }

  main.order-page .order-main-side-btn {
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    box-sizing: border-box;
  }

/* ===== PERSONAL / LK 768px — Figma 608:26909 overrides ===== */

  .personal {
    margin: 2.6vw 0 calc(2.6vw + 9.11vw) !important;
  }

  .personal .container {
    flex-direction: column !important;
    gap: 0 !important;
    width: 94.79vw !important;
  }

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

  .personal-main,
  .personal-main.personal-container_active,
  .personal-main-box {
    display: none !important;
  }

  .personal-panel-title {
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-panel-name {
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    padding-top: 1.56vw !important;
    color: rgba(51, 51, 51, 0.6) !important;
  }

  .personal-panel-nav {
    gap: 0.52vw !important;
    margin-top: 0.52vw !important;
  }

  .personal-panel-nav-link {
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    padding: 1.04vw 1.56vw !important;
    border-radius: 0.65vw !important;
    min-height: 0 !important;
    background: #F1F1F1 !important;
    color: #333333 !important;
  }

  .personal-panel-nav-link span,
  .personal-panel-nav-link span.mobile {
    display: flex !important;
    margin-left: auto !important;
  }

  .personal-panel-nav-link svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .personal-panel-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 1.04vw !important;
    padding: 1.04vw 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-panel-bottom .personal-panel-name {
    padding-top: 0 !important;
    color: rgba(51, 51, 51, 0.8) !important;
    max-width: 60% !important;
  }

  .personal-panel-btn {
    width: auto !important;
    height: auto !important;
    font-size: 1.43vw !important;
    font-weight: 700 !important;
    padding: 1.04vw 2.08vw !important;
    border-radius: 0.65vw !important;
    background: #333333 !important;
    color: #fff !important;
  }

  .personal-container,
  .personal-orders,
  .personal-container_active:not(.personal-main) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .personal-container-back,
  .personal-container-orders-back {
    font-size: 1.69vw !important;
    margin-bottom: 1.56vw !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
  }

  .personal-container-title {
    font-size: 2.34vw !important;
    margin-bottom: 1.56vw !important;
    padding-bottom: 1.56vw !important;
  }

  /* Orders */
  .personal-orders-tabs {
    display: flex;
    gap: 0.65vw;
    margin-bottom: 1.56vw;
  }

  .personal-orders-tab {
    font-size: 1.56vw;
    padding: 1.04vw 1.56vw;
    border-radius: 0.65vw;
  }

  .personal-orders-box,
  .personal-orders-item {
    border-radius: 1.3vw;
    padding: 2.08vw;
    margin-bottom: 1.04vw;
  }

  .personal-orders-info-products-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .personal-orders-info-products-box {
    width: 100%;
    border-radius: 1.3vw;
    padding: 1.56vw;
  }

  /* Favorite — Figma 747:57535 overrides below */

  /* ===== COMPARE — Figma 743:44862 ===== */

  .personal-container.personal-orders.personal-container_active {
    gap: 2.6vw !important;
  }

  .personal-container.personal-orders .personal-container-back {
    margin-bottom: 0 !important;
  }

  .personal-container.personal-orders .personal-container-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 2.6vw !important;
    width: 100% !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders .personal-container-row .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: auto !important;
    flex: 0 0 auto !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-container.personal-orders .personal-container-delete-all {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    padding: 1.04vw 0 !important;
    border: none !important;
    flex-shrink: 0 !important;
    color: #333333 !important;
    font-weight: 500 !important;
    font-size: 1.43vw !important;
    line-height: 100% !important;
  }

  .personal-container.personal-orders .personal-container-delete-all svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-compare-widgets {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.56vw !important;
    width: 100% !important;
    min-height: 5.34vw !important;
  }

  .personal-compare-widgets .personal-orders-history-sort {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .personal-compare-widgets .personal-orders-sort-history-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.52vw !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .personal-compare-widgets .personal-orders-sort-history-container::-webkit-scrollbar {
    display: none !important;
  }

  .personal-compare-widgets .personal-orders-sort-option {
    height: auto !important;
    min-height: 0 !important;
    padding: 0.78vw 1.56vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    color: #333333 !important;
    font-weight: 400 !important;
    font-size: 1.43vw !important;
    line-height: 140% !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

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

  .personal-compare-widgets .personal-orders-sort-checkbox {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    gap: 1.56vw !important;
  }

  .personal-compare-widgets .personal-orders-sort-checkbox .checkbox__input {
    width: 2.6vw !important;
    height: 2.6vw !important;
    margin: 0 !important;
  }

  .personal-compare-widgets .personal-orders-sort-checkbox .checkbox__label {
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #333333 !important;
    white-space: nowrap !important;
  }

  .personal-compare-widgets .personal-orders-sort-checkbox .checkbox__label::after,
  .personal-compare-widgets .personal-orders-sort-checkbox .checkbox__input:checked + .checkbox__label::before {
    top: 50% !important;
    left: -4.16vw !important;
    width: 2.6vw !important;
    height: 2.6vw !important;
    border-radius: 0.52vw !important;
    transform: translateY(-50%);
    background-size: 1.04vw 0.78vw !important;
  }

  .personal-orders-container.personal-orders-container_opened {
    width: 100% !important;
    overflow: visible !important;
  }

  .personal-compare-container {
    width: 100% !important;
    overflow: visible !important;
  }

  .personal-compare-container::before {
    width: 10.42vw !important;
    height: 100% !important;
    right: 0 !important;
    top: 0 !important;
    pointer-events: none !important;
    z-index: 90 !important;
  }

  .personal-compare-container::after {
    z-index: 2 !important;
  }

  .personal-compare-box {
    width: 22.92vw !important;
    margin-right: 0.65vw !important;
    position: relative !important;
  }

  .personal-compare-box-top {
    padding: 1.04vw 0 0 !important;
    position: relative !important;
  }

  .personal-compare-box-top .products-settings {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.52vw !important;
    position: absolute !important;
    left: -6.38vw !important;
    top: 1.04vw !important;
    z-index: 5 !important;
  }

  .personal-compare-box-top .products-settings-box {
    width: 3.13vw !important;
    height: 3.13vw !important;
    border-radius: 0.52vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .personal-compare-box-top .products-settings-box svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-compare-box-top .products-img {
    width: 20.83vw !important;
    height: 20.83vw !important;
    margin: 0 auto !important;
  }

  .personal-compare-box-top .products-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .personal-compare-box-top .products-name {
    height: 8.85vw !important;
    min-height: 8.85vw !important;
    max-height: 8.85vw !important;
    margin: 0 !important;
    padding: 0 1.04vw !important;
    border: none !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333333 !important;
    overflow: hidden !important;
  }

  .personal-compare-box-top .products-buy {
    display: flex !important;
    align-items: center !important;
    gap: 1.04vw !important;
    padding: 1.56vw 1.04vw !important;
  }

  .personal-compare-box-top .buy-btn {
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.08vw !important;
    border-radius: 0.65vw !important;
    font-size: 1.3vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
  }

  .personal-compare-box-top .buy-more-btn,
  .personal-compare-box-top .buy-more-btn.mobile,
  .personal-compare-box-top .buy-more-btn.mobile.pt {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.65vw !important;
    height: 3.65vw !important;
    min-width: 3.65vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .personal-compare-box-top .buy-more-btn svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-compare-box-top .products-pricetag {
    position: relative !important;
    border: none !important;
    margin: 0 !important;
    padding: 1.56vw 1.04vw !important;
    min-height: 0 !important;
    gap: 0.26vw !important;
  }

  .personal-compare-box-top .products-pricetag::after {
    left: 0 !important;
    width: 100% !important;
  }

  .personal-compare-box-top .products-desc {
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #333333 !important;
  }

  .personal-compare-box-top .products-price {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333333 !important;
  }

  .personal-compare-box-top .products-discount {
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: #AAAAAA !important;
  }

  .personal-compare-box-bottom {
    width: 100% !important;
  }

  .personal-compare-box-info {
    padding: 1.04vw !important;
    gap: 0.26vw !important;
    min-height: 5.73vw !important;
    box-sizing: border-box !important;
  }

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

  .personal-compare-box-info-title {
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
    min-height: 1.3vw !important;
  }

  .personal-compare-box-info-data {
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-compare-container .swiper-button-prev,
  .personal-compare-container .swiper-button-next,
  .personal-compare-container.swiper-rtl .swiper-button-next,
  .personal-compare-container.swiper-rtl .swiper-button-prev {
    width: 4.17vw !important;
    height: 4.17vw !important;
    top: 16.93vw !important;
    margin-top: 0 !important;
  }

  .personal-compare-container .swiper-button-next,
  .personal-compare-container.swiper-rtl .swiper-button-prev {
    right: -0.52vw !important;
    z-index: 96 !important;
  }

  .personal-compare-container .swiper-button-prev,
  .personal-compare-container.swiper-rtl .swiper-button-next {
    left: 0 !important;
    z-index: 3 !important;
  }

  .personal-compare-table {
    overflow-x: auto;
    width: 100%;
  }

  .personal-compare-row {
    min-width: max-content;
  }

  /* Delete confirm — centered modal (Figma 768) */
  #popup-delete.popup_details,
  #popup-delete.popup_details_opened {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(51, 51, 51, 0.6) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #popup-delete.popup_details_opened {
    display: flex !important;
  }

  #popup-delete .popup-container {
    width: 46.88vw !important;
    max-width: 46.88vw !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 1.3vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #popup-delete .popup-container::after {
    display: none !important;
  }

  #popup-delete .popup_details-close {
    top: 2.6vw !important;
    right: 2.6vw !important;
    width: 2.6vw !important;
    height: 2.6vw !important;
  }

  #popup-delete .popup-title {
    font-size: 2.34vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    padding: 2.6vw !important;
    padding-right: 5.21vw !important;
    margin: 0 !important;
    border-bottom: 1px solid #F1F1F1 !important;
  }

  #popup-delete .popup-desc {
    font-size: 1.56vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
    padding: 2.6vw 2.6vw 0 !important;
    margin: 0 !important;
  }

  #popup-delete .popup_details-row {
    margin: 0 !important;
    padding: 2.6vw !important;
    gap: 1.04vw !important;
  }

  #popup-delete .popup_details-btn {
    width: calc(50% - 0.52vw) !important;
    height: auto !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    border-radius: 0.65vw !important;
  }

  .empty-compare-message {
    width: 100% !important;
    text-align: center !important;
    padding: 5.21vw 2.6vw !important;
    font-size: 1.82vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.6) !important;
    box-sizing: border-box !important;
  }

  /* ===== DETAILS / ACCOUNT — Figma 657:39128 ===== */

  .personal-container.personal-orders:has(.personal-container-settings) {
    gap: 2.6vw !important;
  }

  .personal-container.personal-orders:has(.personal-container-settings) > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container-settings {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 1.3vw !important;
    background-color: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container-settings-title {
    margin: 0 0 1.56vw !important;
    width: 100% !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-weight: 500 !important;
    font-size: 1.82vw !important;
    line-height: 100% !important;
    color: #333333 !important;
  }

  .personal-container-settings-subdesc {
    margin: 1.56vw 0 0.26vw !important;
    font-weight: 400 !important;
    font-size: 1.43vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container-settings-title + .personal-container-settings-subdesc {
    margin-top: 0 !important;
  }

  .personal-container-settings-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.04vw !important;
    width: 100% !important;
    max-width: 38.54vw !important;
    flex-wrap: nowrap !important;
    row-gap: 0 !important;
  }

  .personal-container-settings-desc {
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    font-weight: 500 !important;
    font-size: 1.82vw !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-container-settings-row span,
  .personal-container-settings-edit-icon {
    width: 3.13vw !important;
    height: 3.13vw !important;
    min-width: 3.13vw !important;
    border-radius: 0.65vw !important;
    background: rgba(51, 51, 51, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

  .personal-container-settings-row span svg,
  .personal-container-settings-edit-icon svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .personal-container-settings-success {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    font-size: 1.3vw !important;
    gap: 0.52vw !important;
  }

  .personal-container-settings-success svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
    margin-top: 0 !important;
  }

  .personal-container-settings-gender {
    justify-content: flex-start !important;
    gap: 1.04vw !important;
    width: auto !important;
    max-width: none !important;
    flex-wrap: wrap !important;
  }

  .personal-container-settings-gender-choice {
    height: auto !important;
    min-height: 0 !important;
    padding: 1.3vw 2.6vw 1.3vw 2.08vw !important;
    border-radius: 0.65vw !important;
    background: #fff !important;
    gap: 1.04vw !important;
  }

  .personal-container-settings-gender-choice label {
    margin: 0 !important;
    font-size: 1.56vw !important;
    line-height: 130% !important;
    color: #333333 !important;
  }

  .personal-container-settings-gender-input {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-container-settings-gender-input:checked + label::before,
  .personal-container-settings-gender-choice label::after {
    top: 50% !important;
    left: 2.08vw !important;
    width: 2.08vw !important;
    height: 2.08vw !important;
    transform: translateY(-50%);
  }

  .personal-container-settings-gender-input:checked + label::before {
    border-width: 0.65vw !important;
  }

  .personal-container-settings-phone-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    width: 100% !important;
    max-width: 38.54vw !important;
  }

  .personal-container-settings-phone-wrapper .personal-container-settings-row {
    max-width: 100% !important;
  }

  .personal-container-settings-phone-add {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #BC1622 !important;
    width: fit-content !important;
  }

  .personal-container-settings-phone-add svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
    margin-top: 0 !important;
  }

  .personal-container-settings-name-change {
    display: none !important;
    width: 100% !important;
    max-width: 38.54vw !important;
    gap: 1.04vw !important;
    flex-wrap: nowrap !important;
  }

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

  .personal-container-settings-name-change-input {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 3.91vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.52vw !important;
    border: 1px solid #E2E2E2 !important;
    font-size: 1.43vw !important;
    background: #fff !important;
  }

  .personal-container-settings-btn {
    height: 3.91vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.65vw !important;
    font-size: 1.43vw !important;
    gap: 0.78vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container-settings-btn p.mobile {
    display: block !important;
    margin: 0 !important;
  }

  .personal-container-settings-btn svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin-top: 0 !important;
  }

  .city-wrapper {
    width: 100% !important;
    max-width: 38.54vw !important;
  }

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

  .city-wrapper .select2-container--default .select2-selection--single {
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.08vw !important;
    border: 1px solid #E2E2E2 !important;
    border-radius: 0.52vw !important;
    background: #fff !important;
  }

  .city-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.43vw !important;
    line-height: 130% !important;
    padding: 0 !important;
    color: #333333 !important;
  }

  .city-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(51, 51, 51, 0.5) !important;
  }

  .city-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    right: 2.08vw !important;
    width: 1.82vw !important;
    height: 1.82vw !important;
    transform: translateY(-50%);
  }

  .city-wrapper .select2-container--default .select2-dropdown,
  .city-wrapper .select2-results,
  .city-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected] {
    width: 100% !important;
    max-width: 38.54vw !important;
  }

  .city-wrapper .personal-container-settings-success {
    margin-top: 1.04vw !important;
  }

  .personal-container-settings-edit {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 38.54vw !important;
  }

  .personal-container-settings-edit-btn {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333333 !important;
  }

  .personal-container-settings-edit-btn svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container-settings-edit-btn svg path {
    stroke: #333333 !important;
  }

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

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

  /* Account popups — bottom sheets (change form / exit); orders #popup-change is centered below */
  #popup-change.popup_details:has(.popup_details-form),
  #popup-exit.popup_details,
  #popup-change.popup_details_opened:has(.popup_details-form),
  #popup-exit.popup_details_opened {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(51, 51, 51, 0.6) !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  #popup-change.popup_details_opened:has(.popup_details-form),
  #popup-exit.popup_details_opened {
    display: flex !important;
  }

  #popup-change:has(.popup_details-form) .popup-container,
  #popup-exit .popup-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2.6vw !important;
    gap: 2.6vw !important;
    border-radius: 1.3vw 1.3vw 0 0 !important;
    box-sizing: border-box !important;
  }

  #popup-change:has(.popup_details-form) .popup_details-close,
  #popup-exit .popup_details-close {
    top: 2.6vw !important;
    right: 2.6vw !important;
    width: 2.6vw !important;
    height: 2.6vw !important;
  }

  #popup-change:has(.popup_details-form) .popup-title,
  #popup-exit .popup-title {
    font-size: 2.34vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    padding-bottom: 2.6vw !important;
    padding-right: 4.17vw !important;
  }

  #popup-exit .popup-desc {
    font-size: 1.56vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  #popup-change .popup_details-form {
    gap: 2.08vw !important;
  }

  #popup-change .popup_details-form-label {
    font-size: 1.43vw !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  #popup-change .popup_details-form-input {
    height: 5.21vw !important;
    padding: 0 5.21vw 0 2.08vw !important;
    border-radius: 0.52vw !important;
    font-size: 1.56vw !important;
  }

  #popup-change .popup_details-form-hide {
    top: auto !important;
    bottom: 1.56vw !important;
    right: 2.08vw !important;
    width: 2.08vw !important;
    height: 2.08vw !important;
    background-size: 2.08vw 2.08vw !important;
    transform: none !important;
  }

  #popup-change .popup_details-row-change {
    flex-direction: row !important;
    gap: 1.04vw !important;
    margin-top: 0 !important;
  }

  #popup-change .popup_details-row-change button,
  #popup-exit .popup_details-btn,
  #popup-delete .popup_details-btn {
    width: calc(50% - 0.52vw) !important;
    height: 5.21vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    border-radius: 0.65vw !important;
  }

  #popup-exit .popup_details-row,
  #popup-delete .popup_details-row {
    margin-top: 0 !important;
    gap: 1.04vw !important;
  }

  /* ===== ESTIMATE — Figma 657:45847 ===== */

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) {
    gap: 2.6vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 1.04vw !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-height: 4.3vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-history-sort {
    flex-shrink: 0 !important;
  }

  .personal-orders-estimate-add {
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.6vw 1.04vw 2.08vw !important;
    border-radius: 13.02vw !important;
    background-color: #F1F1F1 !important;
    color: #333333 !important;
    font-weight: 700 !important;
    font-size: 1.43vw !important;
    line-height: 100% !important;
    gap: 1.04vw !important;
  }

  .personal-orders-estimate-add svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin-top: 0 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-search {
    margin-left: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-search-line {
    width: 26.04vw !important;
    height: 4.3vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.52vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-search-line__input {
    font-size: 1.43vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-btn {
    display: none !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-sort {
    display: flex !important;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.52vw !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    border-radius: 0 !important;
    z-index: 30 !important;
    overflow: visible !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-sort::after {
    display: none !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-sort-desc,
  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-sort-desc-estimate {
    width: 10.16vw !important;
    min-width: 10.16vw !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-sort > span {
    font-size: 1.82vw !important;
    color: #0E0E0E !important;
    flex-shrink: 0 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .datepicker-container {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 31 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-wrapper {
    width: 100% !important;
    overflow: visible !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-input {
    width: 100% !important;
    height: 4.3vw !important;
    padding: 0 4.16vw 0 2.08vw !important;
    border-radius: 0.52vw !important;
    font-size: 1.43vw !important;
    cursor: pointer !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-date-button {
    display: none !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 2.6vw !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    cursor: default !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-number,
  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-delivery {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.52vw !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-number {
    order: 0 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-delivery {
    order: 1 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-estimate-box-widgets {
    order: 2 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-estimate-desc,
  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-estimate-box-date {
    font-size: 1.3vw !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-title {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-title.personal-orders-box-price {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 140% !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin-top: 1.56vw !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #BC1622 !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-link svg {
    width: 1.04vw !important;
    height: 1.04vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-box-delivery {
    gap: 0.26vw !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-estimate-box-widgets {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.52vw !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .personal-estimate-box-widget {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.08vw 1.04vw 1.56vw !important;
    border-radius: 13.02vw !important;
    background: #fff !important;
    color: rgba(51, 51, 51, 0.8) !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    gap: 0.52vw !important;
  }

  .personal-estimate-box-widget svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin-top: 0 !important;
  }

  /* Estimate detail — Figma 715:41544 */
  .personal-container:has(.personal-orders-info-estimate) {
    gap: 1.56vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-container-orders-back {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.69vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-container-orders-back svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-estimate {
    gap: 1.56vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-estimate-info-container {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto auto auto auto !important;
    column-gap: 1.56vw !important;
    row-gap: 0.26vw !important;
    padding: 2.08vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
  }

  .personal-estimate-box-desc {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #333 !important;
    margin: 0 !important;
  }

  .personal-estimate-info-container > .personal-orders-box-title:first-of-type {
    grid-column: 1 !important;
    grid-row: 2 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    margin: 0 !important;
  }

  .personal-estimate-info-container > .personal-orders-box-title:first-of-type span svg {
    width: 2.6vw !important;
    height: 2.6vw !important;
  }

  .personal-estimate-info-container > .personal-orders-box-date {
    grid-column: 1 !important;
    grid-row: 3 !important;
    font-size: 1.56vw !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
    margin: 0 0 2.86vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-edit {
    grid-column: 2 !important;
    grid-row: 1 / span 5 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    top: auto !important;
    right: auto !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-edit-el {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-edit-el svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

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

  .personal-estimate-info-container > .personal-orders-box-title:last-of-type {
    grid-column: 1 !important;
    grid-row: 4 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  .personal-estimate-info-container > .personal-orders-info-attach {
    grid-column: 1 !important;
    grid-row: 5 !important;
    font-size: 1.3vw !important;
    color: #BC1622 !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-sort {
    display: flex !important;
    align-items: center !important;
    gap: 1.56vw !important;
    padding-top: 1.04vw !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-sort-desc {
    font-size: 1.43vw !important;
    color: rgba(51, 51, 51, 0.8) !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-sort-container {
    display: flex !important;
    height: auto !important;
    padding: 0 0 0 0.52vw !important;
    background: rgba(51, 51, 51, 0.05) !important;
    border-radius: 13.02vw !important;
  }

  .personal-estimate-sort-option {
    height: auto !important;
    padding: 1.04vw 2.6vw !important;
    border-radius: 13.02vw !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333 !important;
    background: transparent !important;
  }

  .personal-estimate-sort-option_active {
    font-weight: 500 !important;
    color: #fff !important;
    background: #BC1622 !important;
    border: 1px solid #BC1622 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-sort-history-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.52vw !important;
    padding: 0.52vw 0 !important;
    background: transparent !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-sort-option {
    height: auto !important;
    padding: 0.78vw 1.56vw !important;
    border-radius: 0.65vw !important;
    font-size: 1.43vw !important;
    line-height: 140% !important;
    background: #F1F1F1 !important;
    color: #333 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-sort-option_active {
    background: #BC1622 !important;
    color: #fff !important;
    font-weight: 500 !important;
  }

  .personal-estimate-sort-title {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    padding: 0 0 1.56vw !important;
    margin-bottom: 1.56vw !important;
  }

  .personal-estimate-sort-fold {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .personal-estimate-sort-fold-row {
    min-width: 110vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products {
    gap: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 2.08vw !important;
    padding: 1.56vw 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-box:first-child {
    padding-top: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-box:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-img {
    width: 5.21vw !important;
    height: 5.21vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 0.52vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-title {
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-code {
    font-size: 1.3vw !important;
    color: #333 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-info {
    width: 8.33vw !important;
    flex-shrink: 0 !important;
    gap: 0.52vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-price {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-desc {
    font-size: 1.3vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-products-side {
    display: none !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-price {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 1.3vw !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-price-box {
    padding: 2.08vw !important;
    border-radius: 0.65vw !important;
    gap: 1.04vw !important;
  }

  .personal-estimate-box-paid-title {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    padding-bottom: 1.04vw !important;
    margin: 0 0 1.04vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-box-info-text {
    font-size: 1.56vw !important;
    line-height: 130% !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-box-info-text p {
    margin: 0 !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-box-info-text span {
    font-size: 1.43vw !important;
    font-weight: 400 !important;
  }

  .personal-estimate-box-paid-price {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    margin-top: 1.04vw !important;
  }

  .personal-estimate-box-paid-price p,
  .personal-estimate-box-paid-price .personal-orders-box-paid-price {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  .personal-estimate-box-paid-btn {
    width: 100% !important;
    height: auto !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    border-radius: 0.65vw !important;
    background: #BC1622 !important;
    color: #fff !important;
  }

  .personal-container:has(.personal-orders-info-estimate) .personal-orders-info-mobile {
    display: none !important;
  }

  /* Estimate empty — Figma 657:47751 */
  .empty-estimate-message {
    display: none !important;
  }

  .personal-container:has(.personal-orders-estimate-add):not(:has(.personal-date-sort-desc-projects)) .personal-orders-container:not(:has(.personal-orders-box)) .empty-estimate-message {
    display: flex !important;
    align-items: center !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .empty-estimate-message img,
  .empty-estimate-message svg {
    width: 5.21vw !important;
    height: 5.21vw !important;
    flex-shrink: 0 !important;
  }

  .empty-estimate-message-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
  }

  .empty-estimate-message-title {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    color: #0E0E0E !important;
  }

  .empty-estimate-message-desc {
    margin: 0 !important;
    font-size: 1.56vw !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .empty-estimate-message-desc a,
  .empty-estimate-message-desc .empty-estimate-create {
    color: #BC1622 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
  }

  /* Estimate popups — Figma 721:45867 / 721:46123 centered 360 modal */
  #popup-add.popup_details,
  #popup-add.popup_details_opened {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(51, 51, 51, 0.6) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #popup-add.popup_details_opened {
    display: flex !important;
  }

  #popup-add .popup-container {
    width: 46.88vw !important;
    max-width: 46.88vw !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 1.3vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #popup-add .popup-container::after {
    display: none !important;
  }

  #popup-add .popup_details-close {
    top: 2.6vw !important;
    right: 2.6vw !important;
    width: 2.6vw !important;
    height: 2.6vw !important;
  }

  #popup-add .popup-title {
    font-size: 2.34vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    padding: 2.6vw !important;
    padding-right: 5.21vw !important;
    margin: 0 !important;
    border-bottom: 1px solid #F1F1F1 !important;
  }

  #popup-add .popup-input {
    width: calc(100% - 5.2vw) !important;
    height: auto !important;
    min-height: 5.21vw !important;
    margin: 2.6vw 2.6vw 0 !important;
    padding: 1.56vw 2.08vw !important;
    border-radius: 0.52vw !important;
    border: 1px solid #E2E2E2 !important;
    font-size: 1.56vw !important;
    box-sizing: border-box !important;
  }

  #popup-add .popup_details-row {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2.6vw !important;
    gap: 1.04vw !important;
    box-sizing: border-box !important;
  }

  #popup-add .popup_details-btn {
    width: calc(50% - 0.52vw) !important;
    height: auto !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    border-radius: 0.65vw !important;
  }

  /* ===== PROJECTS (Объекты) — Figma 806:51415 ===== */

  .personal-container:has(.personal-date-sort-desc-projects) {
    gap: 2.6vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) > .personal-container-title {
    margin: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 1.56vw !important;
    width: 100% !important;
    min-height: 4.3vw !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-history-sort {
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-estimate-add {
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.6vw 1.04vw 2.08vw !important;
    border-radius: 13.02vw !important;
    background-color: #F1F1F1 !important;
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 1.43vw !important;
    line-height: 100% !important;
    gap: 1.04vw !important;
    white-space: nowrap !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-estimate-add svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin-top: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-search {
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-search-line {
    width: 26.04vw !important;
    height: 4.3vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.52vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-search-line__input {
    font-size: 1.43vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-btn {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-overlay {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-sort {
    display: flex !important;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    gap: 0.52vw !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    border-radius: 0 !important;
    z-index: 30 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-sort::after {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-sort-desc,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-sort-desc-projects {
    width: auto !important;
    max-width: 10.16vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-sort-desc-projects br {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-sort > span {
    font-size: 1.82vw !important;
    color: #0E0E0E !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .datepicker-container {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 31 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-wrapper {
    width: 100% !important;
    overflow: visible !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-input {
    width: 100% !important;
    height: 4.3vw !important;
    padding: 0 4.16vw 0 2.08vw !important;
    border-radius: 0.52vw !important;
    font-size: 1.43vw !important;
    cursor: pointer !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-date-button {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .empty-projects-message {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-container:not(:has(.personal-orders-box)) .empty-projects-message {
    display: flex !important;
    align-items: center !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .empty-projects-message svg {
    width: 5.21vw !important;
    height: 5.21vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .empty-projects-message-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .empty-projects-message-title {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    color: #0E0E0E !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .empty-projects-message-desc {
    margin: 0 !important;
    font-size: 1.56vw !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .empty-projects-message-desc a,
  .personal-container:has(.personal-date-sort-desc-projects) .empty-projects-create {
    color: #BC1622 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-box {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 2.6vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    cursor: default !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-delivery,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-estimate-box-widgets {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number {
    align-items: stretch !important;
    gap: 0.52vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-delivery {
    align-items: stretch !important;
    gap: 0.26vw !important;
    order: 1 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-estimate-box-widgets {
    align-items: flex-start !important;
    gap: 0.52vw !important;
    order: 2 !important;
    flex: 0 0 auto !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-estimate-box-date,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-estimate-desc {
    margin: 0 !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-orders-box-title {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-address {
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #0E0E0E !important;
  }

  /* Tablet: show estimate links in left column (Figma), hide mobile duplicates */
  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-estimate-desc.pc,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-estimate-desc.pc-1440 {
    display: block !important;
    margin-top: 1.56vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-orders-box-link.pc,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-orders-box-link.pc-1440 {
    display: inline-flex !important;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #BC1622 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-orders-box-link.pc + .personal-orders-box-link.pc,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-orders-box-link.pc-1440 + .personal-orders-box-link.pc-1440 {
    margin-top: 0.52vw !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-number > .personal-orders-box-link svg {
    width: 1.04vw !important;
    height: 1.04vw !important;
    margin: 0 !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-delivery > .personal-estimate-desc.mobile,
  .personal-container:has(.personal-date-sort-desc-projects) .personal-projects-box-delivery > .personal-orders-box-link.mobile {
    display: none !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-estimate-box-widget {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.08vw 1.04vw 1.56vw !important;
    border-radius: 13.02vw !important;
    background: #fff !important;
    color: rgba(51, 51, 51, 0.8) !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    gap: 0.52vw !important;
    box-sizing: border-box !important;
  }

  .personal-container:has(.personal-date-sort-desc-projects) .personal-estimate-box-widget svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin-top: 0 !important;
  }

  /* Projects #popup-add — two fields (name + address); keep centered 360 modal */
  .personal-container:has(.personal-date-sort-desc-projects) ~ #popup-add .popup-input + .popup-input,
  body:has(.personal-date-sort-desc-projects) #popup-add .popup-input + .popup-input {
    margin-top: 1.56vw !important;
  }

  /* ===== FAVORITE — Figma 747:57535 ===== */

  .personal-container:has(.products-favorite-container) {
    gap: 2.6vw !important;
  }

  .personal-container:has(.products-favorite-container) .personal-compare-widgets {
    min-height: 0 !important;
    margin: 0 !important;
  }

  .personal-container:has(.products-favorite-container) .personal-compare-widgets + .products-favorite-widgets {
    margin-top: -1.04vw !important;
  }

  .products-favorite-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.56vw !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .personal-favorite-filter {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 1.56vw !important;
    margin: 0 !important;
  }

  .personal-favorite-filter-desc {
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-favorite-filter span.personal-favorite-filter-desc {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.26vw !important;
    color: #BC1622 !important;
    cursor: pointer !important;
  }

  .personal-favorite-filter span.personal-favorite-filter-desc svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .personal-favorite-sort {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
  }

  .personal-favorite-sort-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.13vw !important;
    height: 3.13vw !important;
    border-radius: 0.52vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .personal-favorite-sort-box svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-favorite-sort-box_active path,
  .personal-favorite-sort-box_active rect {
    fill: #BC1622 !important;
    fill-opacity: 1 !important;
  }

  .personal-container:has(.products-favorite-container) .personal-orders-container {
    overflow: visible !important;
  }

  .products-container.products-favorite-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.04vw !important;
    row-gap: 1.04vw !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    padding-left: 6.38vw !important;
    box-sizing: border-box !important;
  }

  .products-favorite-container .products-box,
  .products-favorite-container .products-box:nth-child(n+5) {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1.04vw !important;
    border-radius: 1.3vw !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .products-favorite-container .products-settings {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.52vw !important;
    position: absolute !important;
    left: -6.38vw !important;
    top: 1.04vw !important;
    z-index: 5 !important;
  }

  .products-favorite-container .products-settings-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.13vw !important;
    height: 3.13vw !important;
    border-radius: 0.52vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .products-favorite-container .products-settings-box_active path {
    stroke: #BC1622 !important;
    fill: #BC1622 !important;
  }

  .products-favorite-container .products-settings-box svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .products-favorite-container .products-img {
    width: 100% !important;
    height: 20.83vw !important;
    margin: 0 0 1.04vw !important;
  }

  .products-favorite-container .products-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .products-favorite-container .products-name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    height: 7.29vw !important;
    min-height: 7.29vw !important;
    max-height: 7.29vw !important;
    margin: 0 0 1.04vw !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  .products-favorite-container .products-info-column.list-only {
    display: none !important;
  }

  .products-favorite-container .products-pricetag {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.26vw !important;
    margin: 0 !important;
    padding: 1.04vw 0 !important;
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    min-height: 0 !important;
  }

  .products-favorite-container .products-pricetag::after,
  .products-favorite-container .products-pricetag::before {
    display: none !important;
  }

  .products-favorite-container .products-pricetag > .products-desc {
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #333 !important;
    margin: 0 !important;
  }

  .products-favorite-container .products-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 1.3vw !important;
    margin: 0 !important;
  }

  .products-favorite-container .products-price {
    font-size: 1.69vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .products-favorite-container .products-discount {
    font-size: 1.17vw !important;
    font-weight: 500 !important;
    line-height: 140% !important;
    color: #AAAAAA !important;
    text-decoration: line-through !important;
  }

  .products-favorite-container .products-pricetag .img-only,
  .products-favorite-container .products-pricetag .list-only,
  .products-favorite-container .products-buy.list-only {
    display: none !important;
  }

  .products-favorite-container .products-info.box-only {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    margin: 1.04vw 0 0 !important;
  }

  .products-favorite-container .products-info.box-only .products-desc {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .products-favorite-container .products-info.box-only .products-desc span {
    display: flex !important;
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .products-favorite-container .products-info.box-only .products-desc svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .products-favorite-container .products-buy.box-only {
    display: flex !important;
    align-items: center !important;
    gap: 1.04vw !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 1.04vw !important;
    padding-top: 1.04vw !important;
  }

  .products-favorite-container .buy-btn {
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 1.04vw 2.08vw !important;
    border-radius: 0.65vw !important;
    font-size: 1.3vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
  }

  .products-favorite-container .buy-more-btn,
  .products-favorite-container .buy-more-btn.mobile,
  .products-favorite-container .buy-more-btn.mobile.pt {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.65vw !important;
    height: 3.65vw !important;
    min-width: 3.65vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .products-favorite-container .buy-more-btn svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .products-favorite-container .products-promo,
  .products-favorite-container .products-discount-promo {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    z-index: 4 !important;
    padding: 0.78vw 1.56vw !important;
    font-size: 1.3vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    color: #fff !important;
    background: #333 !important;
    border-radius: 13.02vw 0 0 13.02vw !important;
  }

  /* Favorite list view — Figma 747:60267 (tablet uses list-img toggle) */
  .products-favorite-container.products-favorite-container_list,
  .products-favorite-container.products-favorite-container_list-img {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    row-gap: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 2.08vw !important;
  }

  .products-favorite-container_list .products-box,
  .products-favorite-container_list .products-box:nth-child(n+5),
  .products-favorite-container_list-img .products-box,
  .products-favorite-container_list-img .products-box:nth-child(n+5) {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 2.08vw !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.56vw 0 !important;
    border-radius: 1.3vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    background: #fff !important;
  }

  .products-favorite-container_list .products-box:last-child,
  .products-favorite-container_list-img .products-box:last-child {
    border-bottom: none !important;
  }

  .products-favorite-container_list .products-settings,
  .products-favorite-container_list-img .products-settings {
    display: none !important;
  }

  .products-favorite-container_list .products-img,
  .products-favorite-container_list-img .products-img {
    width: 7.81vw !important;
    height: 7.81vw !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .products-favorite-container_list .products-name,
  .products-favorite-container_list-img .products-name {
    display: none !important;
  }

  .products-favorite-container_list .products-info-column.list-only,
  .products-favorite-container_list-img .products-info-column.list-only {
    display: none !important;
  }

  .products-favorite-container_list .products-pricetag,
  .products-favorite-container_list-img .products-pricetag {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 1.04vw !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
  }

  .products-favorite-container_list .products-pricetag .list-only,
  .products-favorite-container_list-img .products-pricetag .img-only.products-info,
  .products-favorite-container_list-img .products-pricetag .products-info.img-only {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3.13vw !important;
    order: -1 !important;
    margin: 0 !important;
  }

  .products-favorite-container_list .products-pricetag .list-only .products-desc,
  .products-favorite-container_list-img .products-pricetag .img-only.products-info .products-desc,
  .products-favorite-container_list-img .products-pricetag .products-info.img-only .products-desc {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .products-favorite-container_list .products-pricetag .list-only .products-desc span,
  .products-favorite-container_list-img .products-pricetag .img-only.products-info .products-desc span,
  .products-favorite-container_list-img .products-pricetag .products-info.img-only .products-desc span {
    display: flex !important;
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .products-favorite-container_list .products-pricetag .list-only .products-desc svg,
  .products-favorite-container_list-img .products-pricetag .img-only.products-info .products-desc svg,
  .products-favorite-container_list-img .products-pricetag .products-info.img-only .products-desc svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .products-favorite-container_list .products-pricetag .img-only:not(.products-info),
  .products-favorite-container_list-img .products-pricetag .list-only {
    display: none !important;
  }

  .products-favorite-container_list .products-pricetag > .desc.img-only,
  .products-favorite-container_list-img .products-pricetag > .desc.img-only {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .products-favorite-container_list .products-pricetag > .products-desc,
  .products-favorite-container_list-img .products-pricetag > .products-desc {
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    margin: 0 !important;
  }

  .products-favorite-container_list .products-price,
  .products-favorite-container_list-img .products-price {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
  }

  .products-favorite-container_list .products-info.box-only,
  .products-favorite-container_list-img .products-info.box-only {
    display: none !important;
  }

  .products-favorite-container_list .products-buy.list-only,
  .products-favorite-container_list-img .products-buy.box-only.img-only {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    align-self: flex-end !important;
    gap: 1.04vw !important;
    width: 15.63vw !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    bottom: auto !important;
    right: auto !important;
  }

  .products-favorite-container_list .products-buy.list-only .buy-btn,
  .products-favorite-container_list-img .products-buy.box-only.img-only .buy-btn {
    width: auto !important;
    flex: 1 1 auto !important;
  }

  .products-favorite-container_list .products-buy.list-only .buy-more-btn,
  .products-favorite-container_list-img .products-buy.box-only.img-only .buy-more-btn,
  .products-favorite-container_list .products-buy.list-only .buy-more-btn.mobile,
  .products-favorite-container_list-img .products-buy.box-only.img-only .buy-more-btn.mobile {
    align-self: auto !important;
  }

  .products-favorite-container_list .products-buy.box-only,
  .products-favorite-container_list-img .products-buy.list-only {
    display: none !important;
  }

  .products-favorite-container_list .products-promo,
  .products-favorite-container_list .products-discount-promo,
  .products-favorite-container_list-img .products-promo,
  .products-favorite-container_list-img .products-discount-promo {
    top: 1.56vw !important;
    left: 0.13vw !important;
    right: auto !important;
    border-radius: 13.02vw !important;
    padding: 0.52vw 1.56vw !important;
    font-size: 1.04vw !important;
  }

  .empty-favorites {
    width: 100% !important;
    text-align: center !important;
    padding: 5.21vw 2.6vw !important;
    font-size: 1.82vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.6) !important;
    box-sizing: border-box !important;
  }

  .empty-favorites p {
    margin: 0 !important;
  }

  /* ===== HISTORY — Figma 647:42175 / detail 650:44612 ===== */

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) {
    gap: 2.6vw !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 1.56vw !important;
    width: 100% !important;
    margin: 0 !important;
    row-gap: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-history-sort {
    display: flex !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-sort-history-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.52vw !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-sort-history-container .personal-orders-sort-option {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 4.3vw !important;
    padding: 1.04vw 1.56vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    color: #333 !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    white-space: nowrap !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-sort-history-container .personal-orders-sort-option_active {
    background: #BC1622 !important;
    color: #fff !important;
    font-weight: 500 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-search {
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-search-line {
    width: 26.04vw !important;
    height: 4.3vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.52vw !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-search-line__input {
    font-size: 1.43vw !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-btn {
    display: none !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-overlay {
    display: none !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-sort {
    display: flex !important;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    gap: 0.52vw !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    border-radius: 0 !important;
    z-index: 30 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-sort::after {
    display: none !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-sort-desc {
    width: auto !important;
    max-width: 5.21vw !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-sort > span {
    font-size: 1.82vw !important;
    color: #0E0E0E !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-input {
    width: 12.37vw !important;
    height: 4.3vw !important;
    padding: 0 4.16vw 0 2.08vw !important;
    border-radius: 0.52vw !important;
    font-size: 1.43vw !important;
    cursor: pointer !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .datepicker-container {
    overflow: visible !important;
    position: relative !important;
    z-index: 31 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-date-button {
    display: none !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-container {
    display: none !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-container.personal-orders-container_opened {
    display: flex !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 2.6vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-status {
    top: 0 !important;
    right: 0 !important;
    height: auto !important;
    padding: 1.04vw 1.56vw 1.04vw 2.08vw !important;
    border-radius: 0.65vw 0 0 0.65vw !important;
    font-size: 1.3vw !important;
    line-height: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-status-success {
    background: rgba(0, 177, 97, 0.08) !important;
    border-left: 2px solid #00B162 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-status-cancel {
    background: rgba(237, 32, 57, 0.08) !important;
    border-left: 2px solid #BC1622 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-number,
  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-delivery,
  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 0.52vw !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-title {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-date {
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-link {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 1.56vw !important;
    font-size: 1.56vw !important;
    line-height: 140% !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-where {
    display: flex !important;
    align-items: center !important;
    gap: 0.26vw !important;
    margin: 0 !important;
    font-size: 1.17vw !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-where svg {
    width: 1.3vw !important;
    height: 1.3vw !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-address {
    display: block !important;
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #0E0E0E !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-additional {
    display: block !important;
    margin: 0 !important;
    font-size: 1.3vw !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-info-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-info-text p {
    margin: 0 !important;
    font-size: 1.56vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-orders-history-sort .personal-orders-sort-history-container):not(:has(.personal-orders-widgets-more)) .personal-orders-box-info-text p span {
    color: #333 !important;
    font-size: 1.43vw !important;
  }

  /* History detail — Figma 650:44612 */
  .personal-container.personal-orders:has(.personal-orders-box-additional-history) {
    gap: 1.56vw !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-container {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-status {
    margin: 0 0 0.52vw !important;
    font-size: 1.17vw !important;
    color: #00B162 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-status-success span {
    background: #00B162 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-edit {
    position: absolute !important;
    top: 2.08vw !important;
    right: 2.08vw !important;
    margin: 0 !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-edit-el {
    font-size: 1.43vw !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-packed {
    margin: 0.52vw 0 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-downloads {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 2.6vw !important;
    padding: 1.56vw 0 !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-downloads-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.43vw !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 2.08vw !important;
    width: 100% !important;
    padding: 1.56vw 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-box:first-child {
    padding-top: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-box:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-img {
    width: 5.21vw !important;
    height: 5.21vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-products-info {
    width: 8.33vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-price {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.3vw !important;
    width: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-price-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-orders-box-additional-history) .personal-orders-info-price-bill-download {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.56vw !important;
    color: #333 !important;
  }

  /* History / orders confirm popups — Figma 789:50180 / 789:50433 / 789:50686 / 793:50954 */
  #popup-repeat.popup_details,
  #popup-repeat.popup_details_opened,
  #popup-change-confirm.popup_details,
  #popup-change-confirm.popup_details_opened,
  #popup-change.popup_details:not(:has(.popup_details-form)),
  #popup-change.popup_details_opened:not(:has(.popup_details-form)),
  #popup-cancel.popup_details,
  #popup-cancel.popup_details_opened,
  #popup-filters.popup_details,
  #popup-filters.popup_details_opened {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: rgba(51, 51, 51, 0.6) !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #popup-repeat.popup_details_opened,
  #popup-change-confirm.popup_details_opened,
  #popup-change.popup_details_opened:not(:has(.popup_details-form)),
  #popup-cancel.popup_details_opened,
  #popup-filters.popup_details_opened {
    display: flex !important;
  }

  #popup-repeat .popup-container,
  #popup-change-confirm .popup-container,
  #popup-change:not(:has(.popup_details-form)) .popup-container,
  #popup-cancel .popup-container {
    width: 46.88vw !important;
    max-width: 46.88vw !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 1.3vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #popup-filters .popup-container {
    width: 44.27vw !important;
    max-width: 44.27vw !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 1.3vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #popup-repeat .popup_details-close,
  #popup-change-confirm .popup_details-close,
  #popup-change:not(:has(.popup_details-form)) .popup_details-close,
  #popup-cancel .popup_details-close,
  #popup-filters .popup_details-close {
    top: 2.6vw !important;
    right: 2.6vw !important;
    width: 2.6vw !important;
    height: 2.6vw !important;
  }

  #popup-repeat .popup-title,
  #popup-change-confirm .popup-title,
  #popup-change:not(:has(.popup_details-form)) .popup-title,
  #popup-cancel .popup-title,
  #popup-filters .popup-title {
    font-size: 2.34vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    padding: 2.6vw !important;
    padding-right: 5.21vw !important;
    margin: 0 !important;
    border-bottom: 1px solid #F1F1F1 !important;
  }

  #popup-filters .popup-title {
    font-weight: 500 !important;
    font-size: 1.82vw !important;
  }

  #popup-repeat .popup-desc,
  #popup-change-confirm .popup-desc,
  #popup-change:not(:has(.popup_details-form)) .popup-desc {
    font-size: 1.56vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
    padding: 2.6vw 2.6vw 0 !important;
    margin: 0 !important;
  }

  #popup-repeat .popup_details-row,
  #popup-change-confirm .popup_details-row,
  #popup-change:not(:has(.popup_details-form)) .popup_details-row,
  #popup-cancel .popup_details-row {
    margin: 0 !important;
    padding: 2.6vw !important;
    gap: 1.04vw !important;
  }

  #popup-repeat .popup_details-btn,
  #popup-change-confirm .popup_details-btn,
  #popup-change:not(:has(.popup_details-form)) .popup_details-btn,
  #popup-cancel .popup_details-btn {
    width: calc(50% - 0.52vw) !important;
    height: auto !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    border-radius: 0.65vw !important;
  }

  #popup-change-confirm .popup_details-btn svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

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

  #popup-filters .popup-container {
    padding: 0 !important;
  }

  /* Orders filters modal — Figma 616:26777 (tablet stacked) / desktop 647:39182 */
  #popup-filters .popup-filters-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 2.08vw !important;
    padding: 2.6vw !important;
    margin: 0 !important;
  }

  #popup-filters .popup-filters-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65vw !important;
    width: 100% !important;
    min-width: 0 !important;
  }

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

  #popup-filters .popup-filters-label {
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #333 !important;
  }

  #popup-filters .popup-filters-date,
  #popup-filters .popup-filters-select {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.08vw !important;
    border: 1px solid #E2E2E2 !important;
    border-radius: 0.52vw !important;
    box-sizing: border-box !important;
    background: #fff !important;
    gap: 1.04vw !important;
  }

  #popup-filters .popup-filters-select {
    border-radius: 0.65vw !important;
  }

  #popup-filters .popup-filters-input {
    width: 100% !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 1.43vw !important;
    color: #333 !important;
  }

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

  #popup-filters .popup-filters-date svg,
  #popup-filters .popup-filters-select svg {
    width: 1.82vw !important;
    height: 1.82vw !important;
    flex-shrink: 0 !important;
  }

  #popup-filters .popup-filters-select span {
    font-size: 1.43vw !important;
    color: #333 !important;
  }

  #popup-filters .popup-filters-checks,
  #popup-filters .popup-filters-radios {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 1.04vw 2.08vw !important;
  }

  #popup-filters .popup-filters-check,
  #popup-filters .popup-filters-radio {
    display: inline-flex !important;
    align-items: center !important;
    gap: 1.04vw !important;
    margin: 0 !important;
    padding: 0.52vw 0 !important;
    font-size: 1.43vw !important;
    line-height: 130% !important;
    color: #333 !important;
    cursor: pointer !important;
  }

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

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

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

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

  #popup-filters .popup-filters-check input:checked + span::after {
    content: "" !important;
    width: 1.04vw !important;
    height: 0.65vw !important;
    border-left: 0.2vw solid #fff !important;
    border-bottom: 0.2vw solid #fff !important;
    transform: rotate(-45deg) translate(0.1vw, -0.1vw) !important;
    box-sizing: border-box !important;
  }

  #popup-filters .popup-filters-radio input:checked + span {
    border: 0.26vw solid #BC1622 !important;
    background: #fff !important;
  }

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

  #popup-filters .popup-filters-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.04vw !important;
    padding-top: 1.56vw !important;
    margin: 0 !important;
  }

  #popup-filters .popup-filters-actions .popup_details-btn-cancel {
    width: 100% !important;
    background: transparent !important;
    color: #0E0E0E !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 400 !important;
  }

  #popup-filters .popup-filters-actions .popup_details-btn {
    width: 100% !important;
    height: auto !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    border-radius: 0.65vw !important;
  }

  /* ===== ORDERS — Figma 609:29435 / products 618:32018 / detail 616:28057 / empty 618:34904 ===== */

  .personal-container[data-section="orders"] {
    gap: 2.6vw !important;
  }

  .personal-container[data-section="orders"] > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container[data-section="orders"] .personal-orders-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 1.56vw !important;
    width: 100% !important;
    margin: 0 !important;
    row-gap: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-sort {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    flex-shrink: 0 !important;
    gap: 1.56vw !important;
    margin: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-sort-desc {
    margin: 0 !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
    white-space: nowrap !important;
  }

  .personal-container[data-section="orders"] .personal-orders-sort-container {
    display: flex !important;
    height: auto !important;
    background-color: rgba(51, 51, 51, 0.05) !important;
    border-radius: 13.02vw !important;
    overflow: hidden !important;
    padding-right: 0.52vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-sort-option {
    height: auto !important;
    min-height: 4.3vw !important;
    padding: 1.04vw 2.6vw !important;
    font-size: 1.43vw !important;
    line-height: 130% !important;
    border-radius: 13.02vw !important;
    white-space: nowrap !important;
  }

  .personal-container[data-section="orders"] .personal-search {
    margin: 0 0 0 auto !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-search-line {
    width: 36.46vw !important;
    height: 4.3vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.52vw !important;
  }

  .personal-container[data-section="orders"] .personal-search-line__input {
    font-size: 1.43vw !important;
  }

  .personal-container[data-section="orders"] .personal-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.04vw !important;
    height: auto !important;
    min-height: 4.3vw !important;
    margin: 0 !important;
    padding: 1.04vw 2.08vw 1.04vw 2.6vw !important;
    border-radius: 13.02vw !important;
    background: #F1F1F1 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders"] .personal-filters-desc {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders"] .personal-filters svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container[data-container="orders"] {
    display: none !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container[data-container="orders"].personal-orders-container_opened {
    display: flex !important;
  }

  .personal-container[data-section="orders"] .empty-orders-message {
    display: none !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container[data-container="orders"]:not(:has(.personal-orders-box)) .empty-orders-message {
    display: flex !important;
    align-items: center !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders"] .empty-orders-message svg {
    width: 5.21vw !important;
    height: 5.21vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders"] .empty-orders-message-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
  }

  .personal-container[data-section="orders"] .empty-orders-message-title {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    color: #0E0E0E !important;
  }

  .personal-container[data-section="orders"] .empty-orders-message-desc {
    margin: 0 !important;
    font-size: 1.56vw !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 2.6vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-status {
    top: 0 !important;
    right: 0 !important;
    height: auto !important;
    padding: 1.04vw 1.56vw 1.04vw 2.08vw !important;
    border-radius: 0.65vw 0 0 0.65vw !important;
    background: rgba(51, 51, 51, 0.08) !important;
    border-left: none !important;
    font-size: 1.3vw !important;
    line-height: 100% !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-status-success {
    background: rgba(0, 177, 97, 0.08) !important;
    border-left: 2px solid #00B162 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-number,
  .personal-container[data-section="orders"] .personal-orders-box-delivery,
  .personal-container[data-section="orders"] .personal-orders-box-info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 0.52vw !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-title {
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-date {
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-link {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 1.56vw !important;
    font-size: 1.56vw !important;
    line-height: 140% !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-where {
    display: flex !important;
    align-items: center !important;
    gap: 0.26vw !important;
    margin: 0 !important;
    font-size: 1.17vw !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-where svg {
    width: 1.3vw !important;
    height: 1.3vw !important;
    margin: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-address {
    display: block !important;
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #0E0E0E !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-additional {
    display: block !important;
    margin: 0 !important;
    font-size: 1.3vw !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-info-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-info-text p {
    margin: 0 !important;
    font-size: 1.56vw !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-info-text p span {
    color: #333 !important;
    font-size: 1.43vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-paid {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.52vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-paid svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-box-paid-desc {
    margin: 0 !important;
    font-size: 1.43vw !important;
    line-height: 130% !important;
    color: #0E0E0E !important;
  }

  /* Orders — products view Figma 618:32018 */
  .personal-container[data-section="orders"] .personal-orders-container-product {
    display: none !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2.6vw 1.04vw !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    padding-left: 6.38vw !important;
    box-sizing: border-box !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product.personal-orders-container_opened {
    display: grid !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-box {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1.04vw !important;
    border-radius: 1.3vw !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-settings {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.52vw !important;
    position: absolute !important;
    left: -6.38vw !important;
    top: 1.04vw !important;
    z-index: 5 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-settings-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.13vw !important;
    height: 3.13vw !important;
    border-radius: 0.52vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-settings-box svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-img {
    width: 100% !important;
    height: 20.83vw !important;
    margin: 0 0 1.04vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    height: 7.29vw !important;
    min-height: 7.29vw !important;
    max-height: 7.29vw !important;
    margin: 0 0 1.04vw !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-pricetag {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.26vw !important;
    margin: 0 !important;
    padding: 1.04vw 0 !important;
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-pricetag::after,
  .personal-container[data-section="orders"] .personal-orders-container-product .products-pricetag::before {
    display: none !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-pricetag > .products-desc {
    font-size: 1.17vw !important;
    margin: 0 !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 1.3vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-price {
    font-size: 1.69vw !important;
    font-weight: 500 !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-discount {
    font-size: 1.17vw !important;
    font-weight: 500 !important;
    color: #AAAAAA !important;
    text-decoration: line-through !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    margin: 1.04vw 0 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-info .products-desc {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    font-size: 1.17vw !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-info .products-desc svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-buy {
    display: flex !important;
    align-items: center !important;
    gap: 1.04vw !important;
    width: 100% !important;
    margin-top: 1.04vw !important;
    padding-top: 1.04vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .buy-btn {
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 4.17vw !important;
    padding: 1.04vw !important;
    font-size: 1.43vw !important;
    border-radius: 0.65vw !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .products-quantity.pc {
    display: none !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .buy-more-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 4.17vw !important;
    height: 4.17vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders"] .personal-orders-container-product .buy-more-btn svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  /* Orders detail — Figma 616:28057 */
  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) {
    gap: 1.56vw !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-container {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-status {
    margin: 0 0 0.52vw !important;
    font-size: 1.17vw !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-edit {
    position: absolute !important;
    top: 2.08vw !important;
    right: 2.08vw !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-edit-el {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.43vw !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-edit-el svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-packed {
    margin: 0.52vw 0 0 !important;
    font-size: 1.43vw !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-downloads {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 2.6vw !important;
    padding: 1.56vw 0 !important;
    margin: 0 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-downloads-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.43vw !important;
    color: #333 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 2.08vw !important;
    width: 100% !important;
    padding: 1.56vw 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-box:first-child {
    padding-top: 0 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-box:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-img {
    width: 5.21vw !important;
    height: 5.21vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-products-info {
    width: 8.33vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-price {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.3vw !important;
    width: 100% !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-price-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
    padding: 2.08vw 2.6vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-price-btn {
    width: 100% !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    border-radius: 0.65vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-price-bill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.04vw !important;
    width: 100% !important;
    min-height: 5.21vw !important;
    padding: 1.56vw 2.6vw !important;
    border-radius: 0.65vw !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    color: #333 !important;
    box-sizing: border-box !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-price-bill svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
  }

  .personal-container[data-section="orders-info"]:not(:has(.personal-orders-box-additional-history)) .personal-orders-info-mobile {
    display: none !important;
  }

  /* ===== REFUND — Figma 811:53336 ===== */

  .personal-container.personal-orders:has(.personal-refund-box),
  .personal-container.personal-orders:has(.personal-refund-info) {
    gap: 2.6vw !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.04vw !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: 4.3vw !important;
    row-gap: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-history-sort {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-sort-history-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-sort-history-container .personal-orders-sort-option {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0.78vw 1.56vw !important;
    border-radius: 0.65vw !important;
    background: #F1F1F1 !important;
    color: #333 !important;
    font-size: 1.43vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    white-space: nowrap !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-sort-history-container .personal-orders-sort-option_active {
    background: #BC1622 !important;
    color: #fff !important;
    font-weight: 500 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-widgets-more {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    order: 0 !important;
    margin: 0 !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    color: #333 !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-widgets-more svg {
    width: 2.6vw !important;
    height: 2.6vw !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-container {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 1.56vw !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-orders-container.personal-orders-container_opened {
    display: flex !important;
    flex-direction: column !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-box {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 2.08vw !important;
    padding: 2.6vw !important;
    border-radius: 1.3vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-top {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 1.04vw !important;
    margin: 0 !important;
    padding: 0 0 2.08vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-top .personal-refund-title {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-add {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #BC1622 !important;
    white-space: nowrap !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-add svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
    margin-top: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-case {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    gap: 1.04vw !important;
    margin: 0 !important;
    padding: 0 0 2.6vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-case:last-child {
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-case .personal-refund-date {
    margin: 0 !important;
    padding-right: 15.63vw !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-case .personal-refund-title {
    margin: 0 !important;
    max-width: none !important;
    padding-right: 15.63vw !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-item,
  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-theme {
    margin: 0 !important;
    max-width: none !important;
    padding-right: 15.63vw !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-status {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    padding-right: 15.63vw !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-status span {
    width: 0.78vw !important;
    height: 0.78vw !important;
    margin-top: 0 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-deadline {
    margin: 0 !important;
    margin-left: 1.3vw !important;
    padding-right: 15.63vw !important;
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-box) .personal-refund-more {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1.04vw 2.08vw !important;
    border-radius: 13.02vw !important;
    background: #fff !important;
    color: rgba(51, 51, 51, 0.8) !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    box-sizing: border-box !important;
  }

  /* Detail — refund-info (no separate Figma frame found; match list cards) */
  .personal-container.personal-orders:has(.personal-refund-info) .personal-container-orders-back {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 0 !important;
    font-size: 1.69vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-container-orders-back svg {
    width: 1.04vw !important;
    height: 1.04vw !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-orders-info-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.56vw !important;
    width: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.04vw !important;
    width: 100% !important;
    padding: 2.6vw !important;
    border-radius: 1.3vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-container .personal-refund-status {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    font-size: 1.3vw !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-container .personal-orders-box-title {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: #0E0E0E !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-container .personal-orders-box-date,
  .personal-container.personal-orders:has(.personal-refund-info) .personal-orders-info-packed {
    margin: 0 !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-title {
    margin: 0.52vw 0 0 !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: #0E0E0E !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-desc {
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-subtitle {
    margin: 0 !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-box {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    margin: 1.04vw 0 0 !important;
    padding: 1.04vw 0 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-box .personal-refund-info-subtitle {
    font-size: 1.17vw !important;
    font-weight: 400 !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-refund-info) .personal-refund-info-status {
    margin: 1.04vw 0 0 !important;
    padding: 1.04vw 0 0 !important;
    width: 100% !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-size: 1.56vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  /* Refund create popup — extend shared #popup-add 360 modal for select2/textarea */
  #popup-add.popup_refund-add .popup-choice,
  #popup-add.popup_refund-add .select2-container,
  #popup-add.popup_refund-add .popup-textarea {
    width: calc(100% - 5.2vw) !important;
    max-width: calc(100% - 5.2vw) !important;
    margin: 2.08vw 2.6vw 0 !important;
    box-sizing: border-box !important;
  }

  #popup-add.popup_refund-add .select2-container--default .select2-selection--single {
    height: 5.21vw !important;
    border: 1px solid #E2E2E2 !important;
    border-radius: 0.52vw !important;
    padding: 0 2.08vw !important;
  }

  #popup-add.popup_refund-add .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.56vw !important;
    line-height: 5.21vw !important;
    padding: 0 !important;
    color: #333 !important;
  }

  #popup-add.popup_refund-add .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1.69vw !important;
    right: 1.56vw !important;
    height: 1.82vw !important;
    width: 1.82vw !important;
  }

  #popup-add.popup_refund-add .select2-container--default .select2-dropdown {
    width: calc(46.88vw - 5.2vw) !important;
    border-color: #E2E2E2 !important;
    border-radius: 0 0 0.52vw 0.52vw !important;
  }

  #popup-add.popup_refund-add .select2-results__option {
    padding: 0.78vw 2.08vw !important;
    font-size: 1.56vw !important;
    line-height: 130% !important;
  }

  #popup-add.popup_refund-add .popup-textarea {
    min-height: 10.42vw !important;
    padding: 1.56vw 2.08vw !important;
    border-radius: 0.52vw !important;
    border: 1px solid #E2E2E2 !important;
    font-size: 1.56vw !important;
    line-height: 130% !important;
    resize: vertical !important;
  }

  #popup-add.popup_refund-add .popup_details-row {
    margin-top: 0 !important;
  }

  /* ===== STAFF — Figma 822:79014 ===== */

  .personal-container.personal-orders:has(.personal-staff-more) {
    gap: 2.6vw !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-widgets {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 1.04vw !important;
    width: 100% !important;
    margin: 0 !important;
    min-height: 4.3vw !important;
    row-gap: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-history-sort {
    display: flex !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-estimate-add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.04vw !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1.04vw 2.6vw 1.04vw 2.08vw !important;
    border-radius: 13.02vw !important;
    background: #F1F1F1 !important;
    color: #333 !important;
    font-size: 1.43vw !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    white-space: nowrap !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-estimate-add svg {
    width: 2.08vw !important;
    height: 2.08vw !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-search,
  .personal-container.personal-orders:has(.personal-staff-more) .personal-search-staff {
    display: flex !important;
    width: auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-search-staff .personal-search-line,
  .personal-container.personal-orders:has(.personal-staff-more) .personal-search-line {
    width: 26.04vw !important;
    height: 4.3vw !important;
    padding: 0 2.08vw !important;
    border-radius: 0.52vw !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-search-line__input {
    font-size: 1.43vw !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-widgets-more,
  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-more {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    order: 0 !important;
    margin: 0 0 0 auto !important;
    flex-shrink: 0 !important;
    color: #333 !important;
    font-size: 1.43vw !important;
    font-weight: 500 !important;
    line-height: 130% !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-more svg {
    width: 2.6vw !important;
    height: 2.6vw !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-container {
    display: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-orders-container.personal-orders-container_opened {
    display: flex !important;
    flex-direction: column !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-box {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 2.08vw !important;
    padding: 2.6vw !important;
    border-radius: 1.3vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 2.08vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  /* 3-col card row: name/actions | contacts | access */
  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 1.3vw !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 2.6vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-container:last-child {
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.26vw !important;
    width: 39.06vw !important;
    min-width: 39.06vw !important;
    max-width: 39.06vw !important;
    flex: 0 0 39.06vw !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-name {
    margin: 0 !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-subdesc {
    margin: 0 !important;
    padding-top: 0.52vw !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-subdesc a {
    color: #BC1622 !important;
    text-decoration: none !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-widgets {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    padding-top: 0.52vw !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-subdesc-widget {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    color: #333 !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-subdesc-widget svg {
    width: 1.56vw !important;
    height: 1.56vw !important;
    margin-top: 0 !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.52vw !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-container:nth-of-type(1) .personal-staff-info {
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-desc {
    margin: 0 !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-desc span {
    color: #0E0E0E !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-access {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2.08vw !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .personal-staff-access-text {
    width: 11.07vw !important;
    margin: 0 !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .switch {
    width: 6.38vw !important;
    height: 3.65vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) .slider:before {
    height: 2.73vw !important;
    width: 2.73vw !important;
    left: 0.46vw !important;
    bottom: 0.46vw !important;
  }

  .personal-container.personal-orders:has(.personal-staff-more) input:checked + .slider:before {
    transform: translateX(2.73vw) !important;
  }

  /* Staff #popup-add — 4 fields + access toggle; shared centered 360 modal */
  body:has(.personal-staff-more) #popup-add .popup-input {
    width: calc(100% - 5.2vw) !important;
    margin: 2.08vw 2.6vw 0 !important;
  }

  body:has(.personal-staff-more) #popup-add .popup-input:first-of-type {
    margin-top: 2.6vw !important;
  }

  body:has(.personal-staff-more) #popup-add .personal-staff-access-popup {
    display: flex !important;
    align-items: center !important;
    gap: 2.08vw !important;
    width: calc(100% - 5.2vw) !important;
    margin: 2.08vw 2.6vw 0 !important;
    box-sizing: border-box !important;
  }

  body:has(.personal-staff-more) #popup-add .personal-staff-access-popup .personal-staff-access-text {
    width: auto !important;
    margin: 0 !important;
    font-size: 1.43vw !important;
    line-height: 130% !important;
  }

  body:has(.personal-staff-more) #popup-add .switch {
    width: 6.38vw !important;
    height: 3.65vw !important;
  }

  /* ===== SUPPORT — Figma 821:75875 ===== */

  .personal-container.personal-orders:has(.personal-support-box) {
    gap: 2.6vw !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) > .personal-container-title {
    margin: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    font-size: 2.34vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #0E0E0E !important;
    padding-bottom: 1.56vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-orders-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-box {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 2.6vw !important;
    border-radius: 1.3vw !important;
    background: #F1F1F1 !important;
    box-sizing: border-box !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-title {
    margin: 0 0 2.08vw !important;
    width: 100% !important;
    padding: 0 0 2.08vw !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-size: 1.82vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    color: #333 !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-desc {
    margin: 0 !important;
    font-size: 1.3vw !important;
    font-weight: 400 !important;
    line-height: 130% !important;
    color: rgba(51, 51, 51, 0.8) !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-phone {
    display: block !important;
    margin: 0.52vw 0 0 !important;
    color: #BA1420 !important;
    font-size: 2.08vw !important;
    font-weight: 500 !important;
    line-height: 100% !important;
    text-decoration: none !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-links {
    display: flex !important;
    align-items: center !important;
    gap: 0.52vw !important;
    margin: 1.56vw 0 0 !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-link {
    display: flex !important;
    width: 3.13vw !important;
    height: 3.13vw !important;
    flex-shrink: 0 !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-link svg {
    width: 100% !important;
    height: 100% !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-links + .personal-support-desc {
    margin-top: 1.56vw !important;
    padding-top: 1.04vw !important;
  }

  .personal-container.personal-orders:has(.personal-support-box) .personal-support-desc a {
    color: #BC1622 !important;
    text-decoration: none !important;
  }

  /* Support / refund forms */
  .personal-support-form,
  .personal-refund-form {
    gap: 1.3vw;
  }

  .personal-support-form input,
  .personal-support-form textarea,
  .personal-refund-form input,
  .personal-refund-form textarea {
    font-size: 1.69vw;
    min-height: 5.21vw;
    border-radius: 0.52vw;
  }

  .personal-details-form {
    gap: 1.3vw;
  }

  .personal-details-form input,
  .personal-details-form select {
    font-size: 1.69vw;
    height: 5.21vw;
  }

/* ===== LANDINGS 768px — manager (prof/legal: see dedicated blocks) ===== */

  .manager-hero {
    min-height: 26.04vw;
    padding: 3.13vw 0;
    border-radius: 0;
    overflow: hidden;
  }

  .manager-hero .hero-title {
    font-size: 3.13vw;
    line-height: 110%;
  }

  .manager-box {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
  }

  .manager-info {
    width: 100%;
  }

  .manager-photo {
    width: 100%;
    max-height: 39.06vw;
    border-radius: 1.3vw;
    overflow: hidden;
  }

  .manager-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

/* ===== CONTENT PAGES 768px — press, offers, services, projects ===== */

  /* service listing tablet styles live under main.service-page above */

  .service-catalog-box-img {
    width: 100%;
    height: 15.63vw;
  }

  .press-filter,
  .offers-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65vw;
    margin-bottom: 1.56vw;
  }

  .press-filter-link,
  .offers-filter-link {
    font-size: 1.56vw;
    padding: 0.65vw 1.3vw;
    border-radius: 3.13vw;
  }

  .press-topics-list,
  .service-tasks-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .service-tasks-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .service-tasks-box:nth-child(n+4) {
    grid-column: span 1;
  }

  /* Article / project detail */
  .article-main .container,
  .project-main .container,
  .service-main .container {
    flex-direction: column;
    gap: 2.08vw;
  }

  .article-main-content,
  .article-main-sidebar,
  .project-main-content {
    width: 100%;
  }

  .article-main-content .title,
  .project-main-content .title {
    font-size: 3.13vw;
  }

  .article-main-content .desc,
  .project-main-content .desc {
    font-size: 1.69vw;
    line-height: 140%;
  }

  .offer-page-content {
    width: 100%;
  }

  .offer-page-content .title {
    font-size: 3.13vw;
  }

  /* Payment */
  .payment__main .container {
    flex-direction: column;
    gap: 1.04vw;
  }

  .payment__main-box {
    width: 100%;
    border-radius: 1.3vw;
    overflow: hidden;
  }

  .payment__main-box-title {
    font-size: 1.82vw;
    padding: 2.08vw;
  }

  .payment__main-box-content {
    padding: 2.08vw;
    font-size: 1.56vw;
    line-height: 140%;
  }

  /* Policy, 404, windows, check-list */
  .policy .container,
  .not-found .container,
  .check-list .container,
  .windows-page .container {
    width: 94.79vw;
  }

  .policy .desc,
  .check-list .desc {
    font-size: 1.69vw;
    line-height: 140%;
  }

  .windows-page .about-windows-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .check-list-form {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
  }

  .check-list-input,
  .check-list textarea,
  .check-list select {
    font-size: 1.69vw;
    min-height: 5.21vw;
    border-radius: 0.52vw;
    width: 100%;
  }

/* ===== POPUPS / AUTH 768px ===== */

  /* Bottom-sheet overlays stay full-screen; only inner containers get padding */
  .popup_details {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
  }

  .popup_login,
  .popup-discount,
  .popup-feedback,
  .popup-calculator,
  .popup-price-list {
    width: 94.79vw;
    max-width: 94.79vw;
    margin: 0 auto;
    border-radius: 1.3vw;
    box-sizing: border-box;
    padding: 2.6vw;
  }

  .popup_details .undertitle,
  .popup_details .subtitle,
  .popup_login .undertitle {
    font-size: 2.86vw;
    line-height: 120%;
  }

  .popup_details .desc,
  .popup_details label,
  .popup_details input,
  .popup_login input {
    font-size: 1.69vw;
  }

  .popup_details input,
  .popup_login input {
    height: 5.21vw;
    border-radius: 0.52vw;
    padding: 0 1.56vw;
  }

  .popup_details-btn,
  .popup-login-nav,
  .popup-login-btn {
    height: 5.21vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  .popup-login-nav {
    display: flex;
    gap: 0.65vw;
    margin-bottom: 1.56vw;
  }

  .popup-login-nav-link {
    font-size: 1.56vw;
    padding: 1.04vw 1.56vw;
    border-radius: 0.65vw;
  }

  .auth-page .popup_details,
  .auth-page main {
    padding-top: 2.6vw;
  }

  /* Calculator modal — keep centered 360 card after shared popup width reset */
  .popup_calculator.popup_details,
  .popup_calculator.popup_details_opened {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 2.6vw;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(51, 51, 51, 0.6);
  }

  .popup_calculator .popup-calculator-container {
    width: 46.88vw;
    max-width: 46.88vw;
    padding: 2.6vw;
    border-radius: 1.3vw;
  }

  .popup_calculator.popup_details input.popup-calculator-field-input {
    display: block;
    width: 100%;
    height: 1.86vw;
    min-height: 1.86vw;
    margin-top: 1.56vw;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    font-size: 1.43vw;
    line-height: 1.86vw;
    color: #2c3439;
  }

  /* Form modals — Figma 946:73882 discount / 947:74264 price-list / 949:74572 feedback */
  #popup-feedback.popup_details,
  #popup-discount.popup_details,
  #popup-price-list.popup_details,
  #popup-feedback.popup_details_opened,
  #popup-discount.popup_details_opened,
  #popup-price-list.popup_details_opened {
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 2.6vw;
    border-radius: 0;
    box-sizing: border-box;
    background-color: rgba(51, 51, 51, 0.6);
  }

  #popup-feedback.popup_details_opened,
  #popup-discount.popup_details_opened,
  #popup-price-list.popup_details_opened {
    display: flex;
  }

  #popup-feedback .popup-container,
  #popup-discount .popup-container,
  #popup-price-list .popup-container {
    width: 46.875vw;
    max-width: 46.875vw;
    margin: 0;
    padding: 2.6vw;
    gap: 0;
    border-radius: 1.3vw;
    box-sizing: border-box;
    background: #fff;
  }

  #popup-feedback .popup-container::after,
  #popup-discount .popup-container::after,
  #popup-price-list .popup-container::after {
    top: 7.55vw;
    height: 0.13vw;
    background: #f1f1f1;
  }

  #popup-feedback .popup_details-close,
  #popup-discount .popup_details-close,
  #popup-price-list .popup_details-close {
    top: 2.6vw;
    right: 2.6vw;
    width: 2.6vw;
    height: 2.6vw;
  }

  #popup-feedback .popup-title,
  #popup-discount .popup-title,
  #popup-price-list .popup-title {
    margin: 0 0 2.6vw;
    width: 100%;
    padding: 0 3.13vw 2.6vw 0;
    color: #0e0e0e;
    font-weight: 700;
    font-size: 2.34vw;
    line-height: 100%;
    letter-spacing: 0;
  }

  #popup-feedback .popup-desc,
  #popup-discount .popup-desc,
  #popup-price-list .popup-desc {
    margin: 0 0 2.08vw;
    width: 100%;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 130%;
    letter-spacing: 0;
  }

  #popup-feedback .popup-input,
  #popup-discount .popup-input,
  #popup-price-list .popup-input {
    display: block;
    width: 100%;
    height: auto;
    min-height: 5.21vw;
    margin: 0 0 2.08vw;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    box-sizing: border-box;
    background: #fff;
    color: #333;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 100%;
    letter-spacing: 0;
  }

  #popup-feedback .popup-input::placeholder,
  #popup-discount .popup-input::placeholder,
  #popup-price-list .popup-input::placeholder {
    color: rgba(51, 51, 51, 0.5);
  }

  #popup-feedback .popup-policy,
  #popup-discount .popup-policy,
  #popup-price-list .popup-policy {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 100%;
    margin: -0.52vw 0 2.6vw;
    padding-top: 1.04vw;
    box-sizing: border-box;
  }

  #popup-feedback .checkbox-policy,
  #popup-discount .checkbox-policy,
  #popup-price-list .checkbox-policy {
    display: flex;
    align-items: flex-start;
    gap: 1.04vw;
    margin: 0;
  }

  #popup-feedback .checkbox__input,
  #popup-discount .checkbox__input,
  #popup-price-list .checkbox__input {
    width: 2.6vw;
    height: 2.6vw;
    margin: 0;
    flex-shrink: 0;
  }

  #popup-feedback .checkbox__label,
  #popup-discount .checkbox__label,
  #popup-price-list .checkbox__label {
    color: #333;
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 140%;
    letter-spacing: 0;
  }

  #popup-feedback .checkbox__label::after,
  #popup-discount .checkbox__label::after,
  #popup-price-list .checkbox__label::after {
    top: 0;
    left: -3.64vw;
    width: 2.6vw;
    height: 2.6vw;
    border: 1px solid #bc1622;
    border-radius: 0.52vw;
  }

  #popup-feedback .checkbox__input:checked + .checkbox__label::before,
  #popup-discount .checkbox__input:checked + .checkbox__label::before,
  #popup-price-list .checkbox__input:checked + .checkbox__label::before {
    top: 0;
    left: -3.64vw;
    width: 2.6vw;
    height: 2.6vw;
    border-radius: 0.52vw;
    background-color: #bc1622;
    background-size: 1.3vw 1.04vw;
  }

  #popup-feedback .checkbox__label a,
  #popup-discount .checkbox__label a,
  #popup-price-list .checkbox__label a {
    color: #bc1622;
    text-decoration: underline;
  }

  #popup-feedback .popup_details-row,
  #popup-discount .popup_details-row,
  #popup-price-list .popup_details-row {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 1.04vw;
    width: 100%;
    margin: 0;
  }

  #popup-feedback .popup_details-btn,
  #popup-discount .popup_details-btn,
  #popup-price-list .popup_details-btn {
    flex: 1 1 0;
    width: auto;
    height: auto;
    min-height: 5.21vw;
    margin: 0;
    padding: 1.56vw 2.6vw;
    border: none;
    border-radius: 0.65vw;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 1.56vw;
    line-height: 100%;
    letter-spacing: 0;
    cursor: pointer;
  }

  #popup-feedback .popup_details-btn-cancel,
  #popup-discount .popup_details-btn-cancel,
  #popup-price-list .popup_details-btn-cancel {
    background: transparent;
    color: #333;
  }

  #popup-feedback .popup_details-btn-accept,
  #popup-discount .popup_details-btn-accept,
  #popup-price-list .popup_details-btn-accept {
    background: #bc1622;
    color: #fff;
  }

  #popup-feedback .popup_details-btn-accept.disabled,
  #popup-discount .popup_details-btn-accept.disabled,
  #popup-price-list .popup_details-btn-accept.disabled {
    background: rgba(170, 170, 170, 0.67);
    color: #fff;
    pointer-events: none;
  }

  /* OTP / confirmation screens */
  .popup-confirm-code {
    display: flex;
    gap: 0.65vw;
    justify-content: center;
  }

  .popup-confirm-code input {
    width: 5.21vw;
    height: 5.21vw;
    text-align: center;
    font-size: 2.08vw;
  }

/* Global tablet fixes */
  .container {
    width: 94.79vw;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .bottom-tabs {
    display: flex;
    width: 100vw;
    height: 9.11vw;
    border-top: 1px solid #0000001A;
    box-shadow: 0 -0.13vw 1.04vw rgba(0, 0, 0, 0.04);
  }

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

  .bottom-tab .desc {
    font-size: 1.43vw;
  }

  .bottom-tab span {
    top: 0.52vw;
    right: -0.65vw;
    font-size: 1.04vw;
    height: 1.56vw;
    padding: 0.26vw 0.52vw;
  }

/* ===== FOOTER 768px — Figma Qi5hxrp6 / 416:26343 =====
   Политика в .footer__top, разработка в .footer__bottom —
   через display:contents оба попадают в одну сетку (низ: space-between). */

  .footer {
    background: #333333;
    color: #fff;
    padding: 2.6vw 2.6vw calc(9.11vw + 2.6vw);
  }

  .footer .container {
    display: grid;
    grid-template-columns: repeat(4, auto);
    column-gap: 5.21vw;
    row-gap: 0;
    align-items: start;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }

  .footer__top,
  .footer__bottom {
    display: contents;
  }

  .footer__top > .footer__logo.mobile {
    grid-column: 1 / -1;
    grid-row: 1;
    display: block !important;
    width: 24.33vw;
    height: auto;
    margin: 0 0 1.04vw;
  }

  .footer__top > .footer__logo.mobile img {
    display: block;
    width: 100%;
    height: auto;
  }

  .footer__top > .footer-cr.mobile {
    grid-column: 1 / -1;
    grid-row: 2;
    display: block !important;
    font-size: 1.56vw;
    line-height: 140%;
    font-weight: 400;
    margin: 0 0 2.08vw;
    padding: 0 0 2.08vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
  }

  /* .mobile { display:flex !important } выше — прячем дубли футера явно */
  .footer__top > .footer__contacts.mobile,
  .footer__top > .footer__cards.mobile,
  .footer__bottom > .footer__logo.pc,
  .footer__bottom > .footer__logo.pc-1440,
  .footer__bottom > .footer-cr.pc,
  .footer__bottom > .footer-cr.pc-1440,
  .footer__bottom > .policy.mobile,
  .footer__bottom > a.policy.mobile {
    display: none !important;
  }

  .footer__top > .footer__nav,
  .footer__top > .footer__contacts.pc,
  .footer__top > .footer__contacts.pc-1440,
  .footer__top > .footer__contacts.pc.pc-1440 {
    display: flex !important;
    flex-direction: column;
    flex-shrink: 0;
    gap: 2.08vw;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    grid-row: 3;
  }

  .footer__top > .footer__nav:nth-child(4) {
    grid-column: 1;
  }

  .footer__top > .footer__nav:nth-child(5) {
    grid-column: 2;
  }

  .footer__top > .footer__nav:nth-child(6) {
    grid-column: 3;
  }

  .footer__top > .footer__contacts.pc.pc-1440 {
    grid-column: 4;
    display: flex !important;
  }

  .footer .footer__contacts {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
  }

  .footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    width: 100%;
  }

  .footer .subtitle {
    display: block;
    font-size: 2.08vw;
    line-height: 100%;
    font-weight: 500;
    margin: 0;
    color: #fff;
    white-space: normal;
  }

  .footer__nav-link {
    display: block;
    font-size: 1.43vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    white-space: normal;
  }

  .footer .undertitle {
    display: block;
    font-size: 2.6vw;
    line-height: 100%;
    font-weight: 700;
    text-align: left;
    margin: 0;
    color: #fff;
    white-space: nowrap;
  }

  .footer__desc {
    display: block;
    font-size: 1.43vw;
    line-height: 130%;
    text-align: left;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    white-space: normal;
  }

  .footer__contacts_list {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    width: 100%;
  }

  .footer__contacts .footer__cards {
    margin-top: 0.52vw;
    display: flex;
    gap: 1.56vw;
    align-items: center;
    justify-content: flex-start;
  }

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

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

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

  /* Низ: одна линия на всю ширину; политика и разработка в одной ячейке */
  .footer__top > .policy.mobile,
  .footer__top > a.policy.mobile {
    grid-column: 1 / -1;
    grid-row: 4;
    display: flex !important;
    align-items: center;
    align-self: start;
    width: 100%;
    max-width: none;
    min-height: calc(1.04vw + 3.91vw);
    margin: 2.08vw 0 0;
    padding: 1.04vw 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    font-size: 1.43vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .footer__bottom > .footer-develop {
    grid-column: 1 / -1;
    grid-row: 4;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    align-self: start;
    justify-self: end;
    gap: 2.08vw;
    width: auto;
    max-width: none;
    min-height: calc(1.04vw + 3.91vw);
    margin: 2.08vw 0 0;
    padding: 1.04vw 0 0;
    border-top: none;
    box-sizing: border-box;
    z-index: 1;
  }

  .footer-develop .desc {
    font-size: 1.43vw;
    line-height: 130%;
    width: auto;
    white-space: nowrap;
    text-align: right;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
  }

  .footer-develop svg {
    width: 13.28vw;
    height: 3.91vw;
    flex-shrink: 0;
  }

  /* ===== HOMEPAGE FINAL OVERRIDES (Figma 382:23283) ===== */

  main .title {
    font-size: 3.13vw;
    line-height: 100%;
  }

  main .main-cards .container .main-cards-box:nth-of-type(4) {
    width: auto;
    max-width: none;
    flex: unset;
  }

  main .main-cards .container .main-cards-box:nth-of-type(4)::after {
    display: none;
    content: none;
    background: none;
  }

  main .about-facts-box {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
  }

  main .facts-title {
    font-size: 3.13vw;
    line-height: 100%;
  }

  main .promo-banner .promo-main-img {
    overflow: hidden;
  }

  main .promo-banner .promo-main-img img {
    height: 22.14vw;
    object-fit: cover;
    object-position: center top;
    margin-top: -5.34vw;
  }

  main .brands-slider {
    overflow: hidden;
  }

  main .projects-container .swiper-slide {
    width: 20.31vw;
    flex-shrink: 0;
  }

  main .main-form .container {
    width: 94.79vw;
    max-width: 94.79vw;
    margin: 0 auto;
    padding: 0;
  }

  /* ===== PARTNERS 768px — Figma 1166:85240 pixel-perfect ===== */

  .about-pages.partners .about-pages__content {
    gap: 0;
  }

  .about-pages.partners .about-pages__content > .about-link-back {
    margin: 0 0 1.56vw;
  }

  .about-pages.partners .about-hero {
    height: 27.73vw;
    min-height: 27.73vw;
  }

  .about-pages.partners .about-hero__inner {
    min-height: 27.73vw;
    height: 100%;
    padding: 4.04vw 2.6vw;
    gap: 1.56vw;
    justify-content: flex-start;
  }

  .about-pages.partners .about-hero__info {
    max-width: 51.3vw;
    gap: 1.04vw;
  }

  .about-pages.partners .about-hero__title {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
  }

  .about-pages.partners .about-hero__subtitle {
    font-size: 1.82vw;
    line-height: 120%;
    font-weight: 500;
  }

  .about-pages.partners .about-hero__desc {
    margin-top: 0.52vw;
    font-size: 1.56vw;
    line-height: 100%;
    font-weight: 400;
  }

  .about-pages.partners .about-hero__btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    font-weight: 500;
    border-radius: 0.65vw;
    box-sizing: border-box;
  }

  .about-pages.partners .our-partners {
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.partners .our-partners-head {
    gap: 1.04vw;
  }

  .about-pages.partners .our-partners-head-title {
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages.partners .our-partners-head-desc {
    font-size: 1.56vw;
    line-height: 140%;
    color: #333;
  }

  .about-pages.partners .our-partners-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-pages.partners .our-partners-card {
    background: #fff;
    border-radius: 1.3vw;
  }

  .about-pages.partners .our-partners-card-logo {
    background: #f1f1f1;
    border-radius: 1.3vw 1.3vw 0 0;
    margin: 0;
    height: 12.5vw;
    min-height: 12.5vw;
    width: 100%;
    max-width: none;
    align-self: stretch;
  }

  .about-pages.partners .our-partners-card-logo img,
  .about-pages.partners .our-partners-card-logo source + img,
  .about-pages.partners .our-partners-card-logo img.lozad {
    max-width: 70%;
    max-height: 8.94vw;
    width: auto;
    height: auto;
  }

  .about-pages.partners .partners-solution img {
    mix-blend-mode: multiply;
  }

  .about-pages.partners .about-hero::after {
    background: transparent;
  }

  .about-pages.partners .our-partners-card-text {
    padding: 1.56vw 1.56vw 1.56vw 0;
    gap: 1.04vw;
  }

  .about-pages.partners .our-partners-card-title {
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .about-pages.partners .our-partners-card-desc {
    font-size: 1.3vw;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  .about-pages.partners .partners-solutions {
    padding: 0 0 3.91vw;
    gap: 2.08vw;
  }

  .about-pages.partners .partners-solutions-head-desc {
    display: none;
  }

  .about-pages.partners .partners-solutions-head__title {
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages.partners .partners-solutions-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6vw;
  }

  .about-pages.partners .partners-solution {
    width: 18.1vw;
    height: 11.33vw;
    min-height: 11.33vw;
    background: #f1f1f1;
    border: none;
    border-radius: 0.65vw;
  }

  .about-pages.partners .partners-solution img {
    max-width: 15.76vw;
    max-height: 6.71vw;
  }

  .about-pages.partners .about-information {
    padding: 0;
  }

  .about-pages.partners .about-information-inner {
    height: 25.91vw;
    min-height: 25.91vw;
    padding: 2.6vw;
    gap: 0;
    background: #f1f1f1;
    border-radius: 1.3vw;
  }

  .about-pages.partners .about-information-title {
    max-width: 49.09vw;
    gap: 1.04vw;
  }

  .about-pages.partners .about-information-title > h2,
  .about-pages.partners .about-information-title .title {
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
    color: #0e0e0e;
  }

  .about-pages.partners .about-information-desc {
    font-size: 1.56vw;
    line-height: 140%;
    gap: 1.04vw;
    color: #333;
  }

  .about-pages.partners .about-information-picture {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 46.875vw;
    height: 100%;
  }

  .about-pages.partners .about-information-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
  }

  .about-pages.partners .about-how {
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.partners .about-how-title {
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages.partners .about-how-grid {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: none;
    gap: 1.04vw;
    width: 100%;
  }

  .about-pages.partners .about-how-steps {
    display: flex;
    align-items: flex-start;
    gap: 1.56vw;
    width: 46.875vw;
    flex: 0 0 46.875vw;
    min-height: 0;
    padding: 1.56vw 2.08vw;
    background: #f1f1f1;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about-pages.partners .about-how-icon,
  .about-pages.partners .about-how-icon .icon-svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  .about-pages.partners .about-how-text {
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    margin-top: 0.5vw;
    color: #333;
  }

  .about-pages.partners .about-banner {
    height: 14.84vw;
    min-height: 14.84vw;
    padding: 3.65vw 3.65vw;
    border-radius: 1.3vw;
    margin: 0;
  }

  .about-pages.partners .about-banner-title {
    font-size: 3.13vw;
    line-height: 120%;
    font-weight: 500;
    max-width: 56.38vw;
  }

  .about-pages.partners .about-cta {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    padding: 3.91vw 0;
    width: 100%;
  }

  .about-pages.partners .about-cta-text {
    flex: 0 0 51.95vw;
    max-width: 51.95vw;
    width: 51.95vw;
    gap: 1.04vw;
  }

  .about-pages.partners .about-cta-title {
    font-size: 2.6vw;
    line-height: 100%;
    font-weight: 700;
    color: #333;
  }

  .about-pages.partners .about-cta-desc {
    font-size: 1.56vw;
    line-height: 140%;
    color: #333;
  }

  .about-pages.partners .about-cta-buttons {
    flex: 0 0 36.46vw;
    max-width: 36.46vw;
    width: 36.46vw;
    flex-direction: column;
    gap: 1.04vw;
  }

  .about-pages.partners .about-cta-btn {
    width: 36.46vw;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.56vw;
    font-weight: 500;
    border-radius: 0.65vw;
    box-sizing: border-box;
    justify-content: center;
  }

  .about-pages .about-hero__picture,
  .about-pages .about-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }

  /* ===== BRANDS 768px — Figma 1172:90870 pixel-perfect ===== */

  .about-pages.about-brands .about-pages__content {
    gap: 0;
  }

  .about-pages.about-brands .about-pages__content > .about-link-back {
    margin: 0 0 1.56vw;
    font-size: 1.69vw;
    line-height: 130%;
  }

  .about-pages.about-brands .about-hero {
    position: relative;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  /* В макете градиент в самом фото — общий ::after не нужен */
  .about-pages.about-brands .about-hero::after {
    content: none;
    display: none;
  }

  .about-pages.about-brands .about-hero__picture,
  .about-pages.about-brands .about-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    z-index: 0;
  }

  .about-pages.about-brands .about-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 27.73vw;
    height: 100%;
    padding: 4.04vw 2.6vw;
    gap: 1.56vw;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-hero__info {
    display: flex;
    flex-direction: column;
    max-width: 51.3vw;
    gap: 1.04vw;
  }

  .about-pages.about-brands .about-hero__title {
    margin: 0;
    font-size: 3.13vw;
    line-height: 100%;
    font-weight: 500;
    color: #fff;
  }

  .about-pages.about-brands .about-hero__subtitle {
    margin: 0;
    font-size: 1.82vw;
    line-height: 120%;
    font-weight: 500;
    color: #fff;
  }

  .about-pages.about-brands .about-hero__desc {
    margin: 0;
    font-size: 1.56vw;
    line-height: 100%;
    font-weight: 400;
    color: #fff;
  }

  .about-pages.about-brands .about-hero__btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    font-weight: 500;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    box-sizing: border-box;
  }

  /* Сетка 4×176: grid надёжнее flex (4×176+3×8 = 728) */
  .about-pages.about-brands .about-brands-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.04vw;
    row-gap: 3.13vw;
    padding: 3.91vw 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-brands-list-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    flex: unset;
    min-width: 0;
    background: transparent;
    border-radius: 0;
    gap: 1.04vw;
    text-decoration: none;
    color: inherit;
    overflow: visible;
  }

  .about-pages.about-brands .about-brands-list-card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 14.32vw;
    min-height: 14.32vw;
    margin: 0;
    background: #f1f1f1;
    border-radius: 1.3vw;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-brands-list-card-logo picture,
  .about-pages.about-brands .about-brands-list-card-logo img {
    display: block;
    max-width: 12.66vw;
    max-height: 10.63vw;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .about-pages.about-brands .about-brands-list-card-text {
    display: flex;
    flex-direction: column;
    padding: 0 1.56vw;
    gap: 0.52vw;
  }

  .about-pages.about-brands .about-brands-list-card-title {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .about-pages.about-brands .about-brands-list-card-desc {
    margin: 0;
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 100%;
    color: rgba(51, 51, 51, 0.8);
  }

  .about-pages.about-brands .about-products.brands-products {
    display: flex;
    flex-direction: column;
    padding: 0 0 3.91vw;
    gap: 2.6vw;
  }

  .about-pages.about-brands .about-products-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
    text-align: center;
  }

  .about-pages.about-brands .about-products-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.04vw;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none;
  }

  .about-pages.about-brands .about-products-grid::-webkit-scrollbar {
    display: none;
  }

  .about-pages.about-brands .about-products-grid .products-box {
    width: 22.92vw;
    min-width: 22.92vw;
    flex: 0 0 22.92vw;
    padding: 1.04vw;
    background: #fff;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-products-more {
    align-self: flex-start;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.69vw;
    font-weight: 700;
    line-height: 100%;
    background: #333;
    color: #fff;
    border-radius: 0.65vw;
    text-decoration: none;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-information {
    padding: 0;
    margin: 0;
    background: transparent;
  }

  .about-pages.about-brands .about-information > .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }

  .about-pages.about-brands .about-information-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 25.91vw;
    min-height: 25.91vw;
    padding: 2.6vw;
    gap: 3.13vw;
    background: #f1f1f1;
    border-radius: 1.3vw;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-information-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 49.09vw;
    gap: 1.04vw;
  }

  .about-pages.about-brands .about-information-title > h2,
  .about-pages.about-brands .about-information-title .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-pages.about-brands .about-information-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-brands .about-information-desc p {
    margin: 0;
  }

  .about-pages.about-brands .about-information-picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 46.875vw;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }

  .about-pages.about-brands .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .about-pages.about-brands .about-how {
    display: flex;
    flex-direction: column;
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.about-brands .about-how-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-pages.about-brands .about-how-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.04vw;
    width: 100%;
  }

  .about-pages.about-brands .about-how-steps {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    flex: unset;
    min-height: 0;
    padding: 1.56vw 2.08vw;
    gap: 1.56vw;
    background: #f1f1f1;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-how-icon,
  .about-pages.about-brands .about-how-icon .icon-svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  .about-pages.about-brands .about-how-text {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .about-pages.about-brands .about-cta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    padding: 3.91vw 0;
    background: transparent;
  }

  .about-pages.about-brands .about-cta-text {
    display: flex;
    flex-direction: column;
    flex: 0 0 51.95vw;
    max-width: 51.95vw;
    width: 51.95vw;
    gap: 1.04vw;
  }

  .about-pages.about-brands .about-cta-title {
    margin: 0;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 100%;
    color: #333;
  }

  .about-pages.about-brands .about-cta-desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-brands .about-cta-buttons {
    display: flex;
    flex: 0 0 36.46vw;
    max-width: 36.46vw;
    width: 36.46vw;
    flex-direction: column;
    justify-content: center;
    gap: 1.04vw;
  }

  .about-pages.about-brands .about-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36.46vw;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 100%;
    border: none;
    border-radius: 0.65vw;
    text-decoration: none;
    box-sizing: border-box;
  }

  .about-pages.about-brands .about-cta-btn_light {
    background: #f1f1f1;
    color: #333;
  }

  .about-pages.about-brands .about-cta-btn_primary {
    background: #bc1622;
    color: #fff;
  }

  /* ===== CERTIFICATES 768px — Figma 1198:88038 pixel-perfect ===== */

  .about-pages.about-certificates .about-pages__content {
    gap: 0;
  }

  .about-pages.about-certificates .about-pages__content > .about-link-back {
    margin: 0 0 1.56vw;
  }

  .about-pages.about-certificates .about-hero {
    position: relative;
    height: 27.73vw;
    min-height: 27.73vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
  }

  /* Градиент уже в desk-фото — общий ::after затемняет кадр */
  .about-pages.about-certificates .about-hero::after {
    content: none;
    display: none;
  }

  .about-pages.about-certificates .about-hero__picture,
  .about-pages.about-certificates .about-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    z-index: 0;
  }

  .about-pages.about-certificates .about-hero__inner {
    position: relative;
    z-index: 1;
    min-height: 27.73vw;
    height: 100%;
    padding: 4.04vw 2.6vw;
    gap: 1.56vw;
    justify-content: flex-start;
  }

  .about-pages.about-certificates .about-hero__info {
    max-width: 51.3vw;
    gap: 1.04vw;
  }

  .about-pages.about-certificates .about-hero__title {
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages.about-certificates .about-hero__subtitle {
    font-size: 1.82vw;
    font-weight: 500;
  }

  .about-pages.about-certificates .about-hero__desc {
    margin-top: 0.52vw;
    font-size: 1.56vw;
  }

  .about-pages.about-certificates .about-hero__btn {
    width: auto;
    height: auto;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  .about-pages.about-certificates .about-certificates-docs {
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.about-certificates .about-certificates-docs-title {
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages.about-certificates .about-certificates-docs-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  .about-pages.about-certificates .about-certificates-docs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  /* Figma: колонка 140, превью 112×163 с отступом 14/13 */
  .about-pages.about-certificates .about-certificates-doc-card {
    height: 24.48vw;
    min-height: 24.48vw;
    align-items: stretch;
    overflow: hidden;
  }

  .about-pages.about-certificates .about-certificates-doc-card picture,
  .about-pages.about-certificates .about-certificates-doc-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18.23vw;
    width: 18.23vw;
    height: 100%;
    min-height: 100%;
    padding: 1.69vw 1.82vw;
    margin: 0;
    box-sizing: border-box;
    background: transparent;
    aspect-ratio: auto;
  }

  .about-pages.about-certificates .about-certificates-doc-card picture img,
  .about-pages.about-certificates .about-certificates-doc-preview img {
    display: block;
    width: 14.58vw;
    height: 21.22vw;
    max-width: none;
    object-fit: cover;
    object-position: center;
    aspect-ratio: auto;
  }

  .about-pages.about-certificates .about-information-inner {
    position: relative;
    height: 23.7vw;
    min-height: 23.7vw;
    padding: 2.6vw;
    overflow: hidden;
    background: #f1f1f1;
  }

  .about-pages.about-certificates .about-information-title > h2 {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-certificates .about-information-title {
    position: relative;
    z-index: 1;
    max-width: 49.09vw;
  }

  .about-pages.about-certificates .about-information-picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 46.875vw;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }

  .about-pages.about-certificates .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .about-pages.about-certificates .about-information-picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #f1f1f1 0%, rgba(241, 241, 241, 0) 53%);
    z-index: 1;
    pointer-events: none;
  }

  .about-pages.about-certificates .about-steps {
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.about-certificates .about-steps-title {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-certificates .about-banner {
    position: relative;
    height: 14.84vw;
    min-height: 14.84vw;
    padding: 3.65vw;
    overflow: hidden;
    background: #333;
  }

  .about-pages.about-certificates .about-banner-picture,
  .about-pages.about-certificates .about-banner-picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .about-pages.about-certificates .about-banner-picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    z-index: 1;
  }

  .about-pages.about-certificates .about-banner-title {
    position: relative;
    z-index: 2;
    font-size: 3.13vw;
    font-weight: 500;
    max-width: 71.48vw;
  }

  .about-pages.about-certificates .about-cta {
    flex-direction: row;
    justify-content: space-between;
    padding: 3.91vw 0;
    gap: 0;
  }

  .about-pages.about-certificates .about-cta-text {
    flex: 0 0 51.95vw;
    max-width: 51.95vw;
    width: 51.95vw;
  }

  .about-pages.about-certificates .about-cta-title {
    font-size: 2.6vw;
    font-weight: 700;
  }

  .about-pages.about-certificates .about-cta-buttons {
    flex: 0 0 36.46vw;
    width: 36.46vw;
    max-width: 36.46vw;
    flex-direction: column;
    gap: 1.04vw;
  }

  .about-pages.about-certificates .about-cta-btn {
    width: 36.46vw;
    height: auto;
    padding: 1.56vw 4.17vw;
    font-size: 1.56vw;
    border-radius: 0.65vw;
  }

  /* ===== SUPPORT 768px — Figma 1137:98984 help + why ===== */

  .about-pages.about-support .about-help {
    display: flex;
    flex-direction: column;
    padding: 3.91vw 0 0;
    gap: 2.08vw;
  }

  .about-pages.about-support .about-help-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  /* 4 карточки в ряд, gap 8, высота 204 */
  .about-pages.about-support .about-help-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
    width: 100%;
    padding: 0 0 2.6vw;
    box-sizing: border-box;
  }

  .about-pages.about-support .about-help-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 26.56vw;
    min-height: 26.56vw;
    padding: 2.08vw 1.56vw 1.56vw 2.08vw;
    gap: 0;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .about-pages.about-support .about-help-item-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 1.04vw;
  }

  .about-pages.about-support .about-help-item-title {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .about-pages.about-support .about-help-item-desc {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .about-pages.about-support .about-help-item-icon,
  .about-pages.about-support .about-help-item > svg {
    align-self: flex-end;
    flex-shrink: 0;
    width: 7.81vw;
    height: 7.81vw;
    margin-top: auto;
  }

  /* Почему выбирают нас — серая карточка 582, превью 360×188, сетка 2×3 */
  .about-pages.about-support .about-information {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .about-pages.about-support .about-information-inner.support-information-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: 75.78vw;
    min-height: 75.78vw;
    max-height: none;
    padding: 2.6vw;
    gap: 0;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about-pages.about-support .support-information-inner .about-information-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 49.09vw;
    margin: 0 0 4.69vw;
    gap: 1.04vw;
  }

  .about-pages.about-support .support-information-inner .about-information-title > h2,
  .about-pages.about-support .support-information-inner .about-information-title .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-pages.about-support .support-information-inner .about-information-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    max-width: 46.35vw;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-support .support-information-inner .about-information-desc p {
    margin: 0;
  }

  .about-pages.about-support .support-information-inner .about-information-picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: -20%;
    width: 120%;
    height: 25.48vw;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .about-pages.about-support .support-information-inner .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
  }

  /* Фейд уже в desk-ассете — CSS-оверлей не нужен */
  .about-pages.about-support .support-information-inner .about-information-picture::after {
    content: none;
    display: none;
  }

  .about-pages.about-support .support-information-inner .about-information-list,
  .about-pages.about-support .support-information-inner .about-information-list--3 {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
    width: 100%;
    margin: 0;
  }

  .about-pages.about-support .support-information-inner .about-information-box,
  .about-pages.about-support .support-information-inner .about-information-box--ais {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 2.08vw 2.08vw 1.56vw;
    gap: 0.52vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  .about-pages.about-support .support-information-inner .about-information-box-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0 2.6vw 0 0;
    gap: 0.52vw;
    box-sizing: border-box;
  }

  .about-pages.about-support .support-information-inner .about-information-box-title {
    margin: 0;
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-pages.about-support .support-information-inner .about-information-box-desc {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .about-pages.about-support .support-information-inner .about-information-box > svg,
  .about-pages.about-support .support-information-inner .about-information-box svg {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    width: 5.21vw;
    height: 5.21vw;
    margin-top: auto;
    flex-shrink: 0;
    align-self: flex-end;
  }

  /* ===== LEGAL / REQUISITES / CONTACTS — shared about-pages rhythm ===== */

  .about-pages.about-legal .about-pages__content,
  .about-pages.about-requisites .about-pages__content,
  .about-pages.about-contacts .about-pages__content {
    gap: 0;
  }

  .about-pages.about-legal .about-pages__content > .about-link-back,
  .about-pages.about-requisites .about-pages__content > .about-link-back,
  .about-pages.about-contacts .about-pages__content > .about-link-back {
    margin: 0 0 1.56vw;
  }

  .about-pages.about-legal .about-hero,
  .about-pages.about-requisites .about-hero,
  .about-pages.about-contacts .about-hero {
    height: 27.73vw;
    min-height: 27.73vw;
  }

  .about-pages.about-legal .about-hero__inner,
  .about-pages.about-requisites .about-hero__inner,
  .about-pages.about-contacts .about-hero__inner {
    min-height: 27.73vw;
    height: 100%;
    padding: 4.04vw 2.6vw;
    gap: 1.56vw;
    justify-content: flex-start;
  }

  .about-pages.about-legal .about-hero__info,
  .about-pages.about-requisites .about-hero__info,
  .about-pages.about-contacts .about-hero__info {
    max-width: 51.3vw;
    gap: 1.04vw;
  }

  .about-pages.about-legal .about-hero__title,
  .about-pages.about-requisites .about-hero__title,
  .about-pages.about-contacts .about-hero__title {
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
  }

  .about-pages.about-legal .about-hero__subtitle,
  .about-pages.about-requisites .about-hero__subtitle,
  .about-pages.about-contacts .about-hero__subtitle {
    font-size: 1.82vw;
    font-weight: 500;
  }

  .about-pages.about-legal .about-hero__desc,
  .about-pages.about-requisites .about-hero__desc,
  .about-pages.about-contacts .about-hero__desc {
    margin-top: 0.52vw;
    font-size: 1.56vw;
  }

  .about-pages.about-legal .about-hero__btn,
  .about-pages.about-requisites .about-hero__btn,
  .about-pages.about-contacts .about-hero__btn {
    width: auto;
    height: auto;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    border-radius: 0.65vw;
  }

  .about-pages.about-legal .about-documents {
    padding: 3.91vw 0;
    gap: 1.3vw;
  }

  .about-pages.about-legal .about-documents-title {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-legal .about-documents-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.3vw;
  }

  .about-pages.about-legal .about-documents-doc-card {
    min-height: 20.83vw;
    padding: 2.6vw;
    gap: 2.6vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
  }

  .about-pages.about-legal .about-documents-doc-title {
    font-size: 2.08vw;
    font-weight: 500;
  }

  .about-pages.about-legal .about-documents-doc-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  .about-pages.about-legal .about-documents-doc-actions {
    flex-direction: row;
    gap: 2.6vw;
  }

  .about-pages.about-legal .about-how,
  .about-pages.about-requisites .about-how,
  .about-pages.about-contacts .about-how {
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.about-legal .about-how-title,
  .about-pages.about-contacts .about-how-title {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-legal .about-how-desc,
  .about-pages.about-contacts .about-how-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  .about-pages.about-legal .about-how-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3vw;
  }

  .about-pages.about-legal .about-how-steps {
    flex: 1 1 calc(50% - 0.65vw);
    width: auto;
    min-width: calc(50% - 0.65vw);
    height: 6.77vw;
    min-height: 6.77vw;
    padding: 1.56vw 2.08vw;
    box-sizing: border-box;
  }

  .about-pages.about-legal .about-banner,
  .about-pages.about-requisites .about-banner,
  .about-pages.about-contacts .about-banner {
    height: 14.84vw;
    min-height: 14.84vw;
    padding: 3.65vw;
  }

  .about-pages.about-legal .about-banner-title,
  .about-pages.about-requisites .about-banner-title,
  .about-pages.about-contacts .about-banner-title {
    font-size: 3.13vw;
    font-weight: 500;
    max-width: 69.92vw;
  }

  .about-pages.about-legal .about-cta,
  .about-pages.about-requisites .about-cta,
  .about-pages.about-contacts .about-cta {
    flex-direction: row;
    justify-content: space-between;
    padding: 3.91vw 0;
    gap: 0;
  }

  .about-pages.about-legal .about-cta-text,
  .about-pages.about-requisites .about-cta-text,
  .about-pages.about-contacts .about-cta-text {
    flex: 0 0 51.95vw;
    max-width: 51.95vw;
    width: 51.95vw;
  }

  .about-pages.about-legal .about-cta-title,
  .about-pages.about-requisites .about-cta-title,
  .about-pages.about-contacts .about-cta-title {
    font-size: 2.6vw;
    font-weight: 700;
  }

  .about-pages.about-legal .about-cta-buttons,
  .about-pages.about-requisites .about-cta-buttons,
  .about-pages.about-contacts .about-cta-buttons {
    flex: 0 0 36.46vw;
    width: 36.46vw;
    max-width: 36.46vw;
    flex-direction: column;
    gap: 1.04vw;
  }

  .about-pages.about-legal .about-cta-btn,
  .about-pages.about-requisites .about-cta-btn,
  .about-pages.about-contacts .about-cta-btn {
    width: 36.46vw;
    height: auto;
    padding: 1.56vw 4.17vw;
    font-size: 1.56vw;
    border-radius: 0.65vw;
  }

  /* Requisites page — Figma 1244:97423 */
  .about-pages.about-requisites .about-requisites {
    padding: 3.91vw 0 0;
    gap: 2.08vw;
  }

  .about-pages.about-requisites .about-requisites-title {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-requisites .about-requisites-table {
    border-radius: 0.65vw;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }

  .about-pages.about-requisites .about-requisites-label {
    flex: 0 0 58.85vw;
    max-width: 58.85vw;
    font-size: 1.56vw;
    color: #333;
  }

  .about-pages.about-requisites .about-requisites-value {
    font-size: 1.56vw;
    color: #333;
  }

  .about-pages.about-requisites .about-extra {
    padding: 3.91vw 0;
    gap: 2.08vw;
  }

  .about-pages.about-requisites .about-extra-title {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-requisites .about-extra-grid {
    gap: 1.3vw;
  }

  .about-pages.about-requisites .about-extra-card {
    padding: 2.08vw 1.56vw 1.56vw 2.08vw;
    border-radius: 1.3vw;
    background-size: 5.21vw 5.21vw;
    background-position: right 1.56vw bottom 1.56vw;
    min-height: 0;
  }

  .about-pages.about-requisites .about-extra-label {
    font-size: 1.82vw;
    font-weight: 500;
  }

  .about-pages.about-requisites .about-extra-value {
    font-size: 1.43vw;
    line-height: 130%;
  }

  /* Contacts page — Figma 1250:99049 */
  .about-pages.about-contacts .about-contacts-cards {
    padding: 3.91vw 0 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .about-pages.about-contacts .about-contacts-card {
    padding: 2.08vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    min-height: 0;
  }

  .about-pages.about-contacts .about-contacts-card-label {
    font-size: 1.43vw;
  }

  .about-pages.about-contacts .about-contacts-card-value {
    font-size: 1.82vw;
    font-weight: 500;
  }

  .about-pages.about-contacts .about-how-grid--3 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
  }

  .about-pages.about-contacts .about-how-grid--3 .about-how-steps {
    flex: 1 1 calc(33.333% - 0.7vw);
    width: auto;
    min-width: 0;
    padding: 1.56vw 2.08vw;
  }

  .about-pages.about-contacts .about-map {
    padding: 3.91vw 0;
    gap: 1.04vw;
    display: flex;
    flex-direction: column;
  }

  .about-pages.about-contacts .about-map-title {
    font-size: 3.13vw;
    font-weight: 500;
  }

  .about-pages.about-contacts .about-map-desc {
    font-size: 1.56vw;
    line-height: 140%;
  }

  .about-pages.about-contacts .about-map-container {
    height: 31.25vw;
    border-radius: 1.3vw;
    overflow: hidden;
  }

  /* Contacts info card — Figma 1253:100413 (269, image 360×188, pills wrap) */
  .about-pages.about-contacts .about-information {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .about-pages.about-contacts .about-information-inner.contacts-information,
  .about-pages.about-contacts .contacts-information {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: 35.03vw;
    min-height: 35.03vw;
    max-height: 35.03vw;
    padding: 2.6vw;
    gap: 0;
    overflow: hidden;
    background: #f1f1f1;
    border-radius: 1.3vw;
    box-sizing: border-box;
  }

  .about-pages.about-contacts .contacts-information .about-information-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 49.09vw;
    margin: 0;
    gap: 1.04vw;
  }

  .about-pages.about-contacts .contacts-information .about-information-title > h2,
  .about-pages.about-contacts .contacts-information .about-information-title .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-pages.about-contacts .contacts-information .about-information-desc {
    display: flex;
    flex-direction: column;
    max-width: 46.35vw;
    margin: 0;
    gap: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-contacts .contacts-information .about-information-desc p {
    margin: 0;
  }

  .about-pages.about-contacts .contacts-information .about-information-picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 46.88vw;
    height: 24.48vw;
    max-width: none;
    max-height: none;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .about-pages.about-contacts .contacts-information .about-information-picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #f1f1f1 0%, rgba(241, 241, 241, 0) 53%);
    pointer-events: none;
  }

  .about-pages.about-contacts .contacts-information .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
  }

  .about-pages.about-contacts .contacts-information .about-information-list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1.04vw;
    width: 100%;
    margin: auto 0 0;
    grid-template-columns: none;
  }

  .about-pages.about-contacts .contacts-information .about-information-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 29.17vw;
    width: 29.17vw;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 1.04vw 2.08vw;
    gap: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  .about-pages.about-contacts .contacts-information .about-information-box:nth-child(n + 4) {
    flex: 1 1 calc(50% - 0.52vw);
    width: auto;
    min-width: calc(50% - 0.52vw);
  }

  .about-pages.about-contacts .contacts-information .about-information-box-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    gap: 0;
  }

  .about-pages.about-contacts .contacts-information .about-information-box-title {
    margin: 0;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 130%;
    color: #0e0e0e;
  }

  .about-pages.about-contacts .contacts-information .about-information-box svg {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    width: 3.13vw;
    height: 3.13vw;
    flex-shrink: 0;
    margin: 0;
  }

  /* Contacts form — Figma 1253:100294 (row, gap 60) */
  .about-pages.about-contacts .main-form--inner-white {
    padding: 3.91vw 0;
    background: transparent;
  }

  .about-pages.about-contacts .main-form--inner-white .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 7.81vw;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-text,
  .about-pages.about-contacts .main-form--inner-white .main-form-box {
    display: flex;
    flex-direction: column;
    width: calc((100% - 7.81vw) / 2);
    max-width: none;
    margin: 0;
    box-sizing: border-box;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-text {
    gap: 3.13vw;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-text-title,
  .about-pages.about-contacts .main-form--inner-white .main-form-text .title {
    margin: 0;
    font-size: 2.34vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  /* Title↔desc gap 12px (parent gap is 24) */
  .about-pages.about-contacts .main-form--inner-white .main-form-text .form-desc {
    margin: -1.56vw 0 0;
    font-size: 1.82vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-list {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    margin: 0;
    padding: 0 0 1.04vw;
    list-style: none;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-list-el {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin: 0;
    font-size: 1.56vw;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-list-el svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  .about-pages.about-contacts .main-form--inner-white .contacts-form-phone,
  .about-pages.about-contacts .main-form--inner-white .main-form-phone {
    margin: 0;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 100%;
    color: #ba1420;
    text-decoration: none;
  }

  .about-pages.about-contacts .main-form--inner-white .contacts-form-links,
  .about-pages.about-contacts .main-form--inner-white .main-form-links {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin: 0;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-link svg {
    width: 4.17vw;
    height: 4.17vw;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-box {
    gap: 1.56vw;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-input {
    width: 100%;
    min-height: 5.73vw;
    margin: 0;
    padding: 1.56vw 2.08vw;
    border: 1px solid #e2e2e2;
    border-radius: 0.52vw;
    font-size: 1.56vw;
    box-sizing: border-box;
  }

  /* Inputs stack tighter (Figma fields gap 4) */
  .about-pages.about-contacts .main-form--inner-white .main-form-input + .main-form-input {
    margin-top: -1.04vw;
  }

  .about-pages.about-contacts .main-form--inner-white .checkbox-policy {
    display: flex;
    align-items: flex-start;
    gap: 1.04vw;
    margin: 0;
  }

  .about-pages.about-contacts .main-form--inner-white .checkbox-policy + .checkbox-policy {
    margin-top: -0.52vw;
  }

  .about-pages.about-contacts .main-form--inner-white .checkbox__label,
  .about-pages.about-contacts .main-form--inner-white .checkbox__label.desc {
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-pages.about-contacts .main-form--inner-white .checkbox__label a {
    color: inherit;
    text-decoration: underline;
  }

  .about-pages.about-contacts .main-form--inner-white .main-form-btn {
    width: 100%;
    min-height: 5.73vw;
    margin: 0;
    padding: 1.56vw 2.6vw;
    border-radius: 0.65vw;
    font-size: 1.82vw;
    font-weight: 500;
  }

  .about-pages.about-contacts .about-banner {
    margin-top: 3.91vw;
  }

  .about-pages.about-contacts .about-cta {
    padding: 3.91vw 0;
  }

  /* ===== PARTNER DETAIL / AKZONOBEL 768px — Figma 1172:88940 ===== */

  .about-partner-detail {
    margin-top: 0;
  }

  .about-partner-detail__breadcrumbs,
  .about-partner-detail__breadcrumbs.pc,
  .about-partner-detail__breadcrumbs.pc-1440 {
    display: none !important;
  }

  .about-partner-detail__container {
    width: 100%;
    max-width: 100%;
    padding: 0 0 5.21vw;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .about-partner-detail__container > * {
    margin-bottom: 0;
  }

  .about-partner-detail__back-container,
  .about-partner-detail__back-container.mobile,
  .about-partner-detail__back-conteiner {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    padding: 1.56vw 2.6vw 0;
    margin: 0;
    box-sizing: border-box;
  }

  .about-partner-detail__back-container .about-link-back,
  .about-partner-detail__back-conteiner .about-link-back {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    padding: 0;
    font-size: 1.69vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.8);
    text-decoration: none;
    cursor: pointer;
  }

  .about-partner-detail__back-container .about-link-back svg,
  .about-partner-detail__back-conteiner .about-link-back svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  .about-partner-detail__container > .container {
    width: 100%;
    max-width: 100%;
    padding: 0 2.6vw;
    margin: 0;
    box-sizing: border-box;
  }

  .about-partner-detail__container > .container:has(.about-hero) {
    padding-top: 1.04vw;
  }

  /* Hero 728×180, r5 — Figma 1172:89596 */
  .about-partner-detail .about-hero,
  .about-partner-detail .brand-hero {
    display: block;
    position: relative;
    width: 100%;
    height: 23.44vw;
    min-height: 23.44vw;
    margin: 0;
    border-radius: 0.65vw;
    overflow: hidden;
    background: #333;
  }

  .about-partner-detail .about-hero::after {
    content: none;
    display: none;
  }

  /* Figma: правая белая панель 240×180 (x:488). hero-mob — весь баннер с тёмным верхом;
     кропаем нижнюю белую карточку на всю панель */
  .about-partner-detail .about-hero__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 31.25vw;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 0;
  }

  .about-partner-detail .about-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 0;
  }

  .about-partner-detail .about-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 23.44vw;
    padding: 2.34vw 2.6vw;
    gap: 1.56vw;
    box-sizing: border-box;
  }

  .about-partner-detail .about-hero__info {
    display: flex;
    flex-direction: column;
    max-width: 55.08vw;
    gap: 0.52vw;
    color: #fff;
  }

  .about-partner-detail .about-hero__title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    color: #fff;
  }

  .about-partner-detail .about-hero__subtitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
  }

  .about-partner-detail .about-hero__desc {
    margin: 1.04vw 0 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
  }

  .about-partner-detail .about-hero__btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    font-weight: 500;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    box-sizing: border-box;
  }

  /* О партнере — padding 30 20, gap 10 */
  .about-partner-detail .about-how {
    display: flex;
    flex-direction: column;
    padding: 3.91vw 0;
    gap: 1.3vw;
  }

  .about-partner-detail .about-how-title {
    margin: 0;
    max-width: 100%;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-partner-detail .about-how-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    max-width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-partner-detail .about-how-desc p {
    margin: 0;
  }

  /* Наши решения — grey band, cards 360, gap 8, pad 16 */
  .about-partner-detail .about-decisions {
    width: 100%;
    margin: 0;
    padding: 3.91vw 0;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .about-partner-detail .about-decisions-container {
    display: flex;
    flex-direction: column;
    width: 94.79vw;
    max-width: 100%;
    padding: 0;
    margin: auto;
    gap: 2.08vw;
    box-sizing: border-box;
  }

  .about-partner-detail .about-decisions-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-partner-detail .about-decisions-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
    grid-template-columns: none;
    width: 100%;
  }

  .about-partner-detail .about-decisions-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 46.875vw;
    width: 46.875vw;
    height: auto;
    min-height: 0;
    padding: 2.08vw;
    gap: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  .about-partner-detail .about-decisions-box:nth-child(2) {
    min-height: 20.57vw;
    justify-content: space-between;
  }

  .about-partner-detail .about-decisions-box svg:not(.icon-arrow-top-right) {
    position: static;
    width: 5.21vw;
    height: 5.21vw;
    margin-top: auto;
    flex-shrink: 0;
  }

  .about-partner-detail .about-decisions-box-head {
    width: 100%;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-partner-detail .about-decisions-box-head span {
    margin-top: 0;
  }

  .about-partner-detail .about-decisions-box-desc {
    width: 100%;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .about-partner-detail .about-decisions-box-link {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.52vw;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #bc1622;
  }

  .about-partner-detail .about-decisions-box-link .icon-svg {
    width: 1.04vw;
    height: 1.04vw;
  }

  /* Товары — cards 176, gap 8, horizontal */
  .about-partner-detail .about-products {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 3.91vw 0;
    gap: 2.6vw;
  }

  .about-partner-detail .about-products-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-partner-detail .about-products-desc {
    margin: -1.56vw 0 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-partner-detail .about-products-grid,
  .about-partner-detail .about-products--6 .about-products-grid,
  .about-partner-detail .brands-products .about-products-grid {
    display: flex;
    flex-flow: row nowrap;
    gap: 1.04vw;
    overflow-x: auto;
    overflow-y: hidden;
    grid-template-columns: none;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .about-partner-detail .about-products-grid::-webkit-scrollbar {
    display: none;
  }

  .about-partner-detail .about-products-grid .products-box,
  .about-partner-detail .brands-products .products-box {
    flex: 0 0 22.92vw;
    width: 22.92vw;
    min-width: 22.92vw;
    max-width: 22.92vw;
    padding: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  .about-partner-detail .about-products-more {
    align-self: center;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    font-weight: 500;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  /* Info card 268 white on grey */
  .about-partner-detail .about-information {
    width: 100%;
    padding: 3.91vw 2.6vw;
    margin: 0;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .about-partner-detail .about-information > .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  .about-partner-detail .about-information-inner,
  .about-partner-detail .about-information--white .about-information-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 34.9vw;
    min-height: 34.9vw;
    padding: 3.13vw;
    gap: 2.6vw;
    background: #fff;
    border-radius: 1.3vw;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-partner-detail .about-information-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 44.27vw;
    gap: 1.04vw;
  }

  .about-partner-detail .about-information-title > h2,
  .about-partner-detail .about-information-title .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-partner-detail .about-information-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-partner-detail .about-information-desc p {
    margin: 0;
  }

  .about-partner-detail .about-information-box-btn {
    position: relative;
    z-index: 1;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    font-weight: 500;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  /* desk info.jpg: вёдра справа; cover + scale ≈ Figma (крупно, клип по краю) */
  .about-partner-detail .about-information-picture {
    position: absolute;
    inset: initial;
    top: 0;
    right: -22.5vw;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }

  .about-partner-detail .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  /* Projects — 2×2 for readable cards (Figma row of 4 = 176px; HTML text needs 2 col) */
  .about-partner-detail .about-projects {
    display: flex;
    flex-direction: column;
    padding: 3.91vw 0;
    gap: 2.6vw;
  }

  .about-partner-detail .about-projects-head {
    width: 100%;
  }

  .about-partner-detail .about-projects-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-partner-detail .about-projects-list {
    display: flex;
    gap: 1.04vw;
  }

  .about-partner-detail .about-projects-box {
    border-radius: 1.3vw;
    overflow: hidden;
    background: #f1f1f1;
  }

  .about-partner-detail .about-projects-box-pic,
  .about-partner-detail .about-projects-box-pic img {
    display: block;
    width: 100%;
    height: 12.5vw;
    object-fit: cover;
  }

  .about-partner-detail .about-projects-box-content {
    padding: 1.56vw;
  }

  .about-partner-detail .about-projects-more {
    align-self: center;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    font-weight: 500;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  /* ===== BRAND DETAIL / DUFA 768px — Figma 1188:94075 ===== */

  .about-brand-detail {
    margin-top: 0;
  }

  .about-brand-detail__breadcrumbs,
  .about-brand-detail__breadcrumbs.pc,
  .about-brand-detail__breadcrumbs.pc-1440 {
    display: none !important;
  }

  .about-brand-detail__container {
    width: 100%;
    max-width: 100%;
    padding: 0 0 5.21vw;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .about-brand-detail__container > * {
    margin-bottom: 0;
  }

  .about-brand-detail__back-container,
  .about-brand-detail__back-container.mobile,
  .about-brand-detail__back-conteiner {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    padding: 1.56vw 2.6vw 0;
    margin: 0;
    box-sizing: border-box;
  }

  .about-brand-detail__back-container .about-link-back,
  .about-brand-detail__back-conteiner .about-link-back {
    display: flex;
    align-items: center;
    gap: 0.52vw;
    margin: 0;
    padding: 0;
    font-size: 1.69vw;
    line-height: 130%;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.8);
    text-decoration: none;
    cursor: pointer;
  }

  .about-brand-detail__back-container .about-link-back svg,
  .about-brand-detail__back-conteiner .about-link-back svg {
    width: 2.08vw;
    height: 2.08vw;
    flex-shrink: 0;
  }

  .about-brand-detail__container > .container {
    width: 100%;
    max-width: 100%;
    padding: 0 2.6vw;
    margin: 0;
    box-sizing: border-box;
  }

  .about-brand-detail__container > .container:has(.about-hero) {
    padding-top: 1.04vw;
  }

  .about-brand-detail .about-hero,
  .about-brand-detail .dufa-hero,
  .about-brand-detail .brand-hero {
    display: block;
    width: 100%;
    height: 23.44vw;
    min-height: 23.44vw;
    margin: 0;
    border-radius: 0.65vw;
    overflow: hidden;
    position: relative;
    background: #333;
  }

  .about-brand-detail .about-hero::after {
    content: none;
    display: none;
  }

  .about-brand-detail .about-hero__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 31.25vw;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 0;
  }

  .about-brand-detail .about-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 0;
  }

  .about-brand-detail .about-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 23.44vw;
    padding: 2.34vw 2.6vw;
    gap: 1.56vw;
    box-sizing: border-box;
  }

  .about-brand-detail .about-hero__info {
    display: flex;
    flex-direction: column;
    max-width: 55.08vw;
    gap: 0.52vw;
    color: #fff;
  }

  .about-brand-detail .about-hero__title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    color: #fff;
  }

  .about-brand-detail .about-hero__subtitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    color: #fff;
  }

  .about-brand-detail .about-hero__desc {
    margin: 1.04vw 0 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    color: #fff;
  }

  .about-brand-detail .about-hero__btn {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    box-sizing: border-box;
  }

  .about-brand-detail .about-how {
    display: flex;
    flex-direction: column;
    padding: 3.91vw 0;
    gap: 1.3vw;
  }

  .about-brand-detail .about-how-title {
    margin: 0;
    max-width: 100%;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-brand-detail .about-how-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    max-width: 100%;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-brand-detail .about-how-desc p {
    margin: 0;
  }

  .about-brand-detail .about-products {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0 0 3.91vw;
    gap: 2.6vw;
  }

  .about-brand-detail .about-products-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-brand-detail .about-products-desc {
    margin: -1.56vw 0 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-brand-detail .about-products-grid,
  .about-brand-detail .about-products--6 .about-products-grid,
  .about-brand-detail .brands-products .about-products-grid {
    display: flex;
    flex-flow: row nowrap;
    gap: 1.04vw;
    overflow-x: auto;
    overflow-y: hidden;
    grid-template-columns: none !important;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .about-brand-detail .about-products-grid::-webkit-scrollbar {
    display: none;
  }

  .about-brand-detail .about-products-grid .products-box,
  .about-brand-detail .brands-products .products-box {
    flex: 0 0 22.92vw;
    width: 22.92vw;
    min-width: 22.92vw;
    max-width: 22.92vw;
    padding: 1.04vw;
    border-radius: 1.3vw;
    background: #fff;
    box-sizing: border-box;
  }

  .about-brand-detail .about-products-more {
    align-self: center;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    border-radius: 0.65vw;
    background: #333;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  .about-brand-detail .about-information {
    width: 100%;
    padding: 3.91vw 2.6vw;
    margin: 0;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .about-brand-detail .about-information > .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  .about-brand-detail .about-information-inner,
  .about-brand-detail .about-information--white .about-information-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 34.9vw;
    min-height: 34.9vw;
    padding: 3.13vw;
    gap: 2.6vw;
    background: #fff;
    border-radius: 1.3vw;
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-brand-detail .about-information-title {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-width: 44.27vw;
    gap: 1.04vw;
  }

  .about-brand-detail .about-information-title > h2,
  .about-brand-detail .about-information-title .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-brand-detail .about-information-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .about-brand-detail .about-information-desc p {
    margin: 0;
  }

  .about-brand-detail .about-information-box-btn {
    position: relative;
    z-index: 1;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 4.17vw;
    font-size: 1.82vw;
    font-weight: 500;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  .about-brand-detail .about-information-picture {
    position: absolute;
    inset: initial;
    top: 0;
    right: -16vw;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }

  .about-brand-detail .about-information-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .about-brand-detail .about-projects {
    display: flex;
    flex-direction: column;
    padding: 3.91vw 0;
    gap: 2.6vw;
  }

  .about-brand-detail .about-projects-head {
    width: 100%;
  }

  .about-brand-detail .about-projects-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .about-brand-detail .about-projects-list {
    display: flex;
    gap: 1.04vw;
  }

  .about-brand-detail .about-projects-box {
    border-radius: 1.3vw;
    overflow: hidden;
  }

  .about-brand-detail .about-projects-more {
    align-self: center;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    font-weight: 500;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  .about-brand-detail .about-banner {
    position: relative;
    display: flex;
    width: 100%;
    height: 14.84vw;
    min-height: 14.84vw;
    margin: 0 0 3.91vw;
    padding: 3.65vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #333;
    box-sizing: border-box;
  }

  .about-brand-detail .about-banner-picture,
  .about-brand-detail .about-banner-picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .about-brand-detail .about-banner-picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #333 0%, rgba(115, 115, 115, 0) 100%);
    z-index: 1;
  }

  .about-brand-detail .about-banner-title {
    position: relative;
    z-index: 2;
    margin: 0;
    max-width: 56.38vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #fff;
  }

  /* ===== WINDOWS 768 (Figma 1350:116800) ===== */

  .windows-page .about-hero {
    position: relative;
    display: block;
    width: 100%;
    height: 33.72vw;
    min-height: 33.72vw;
    margin-top: 1.56vw;
    border-radius: 0;
    overflow: hidden;
    background: #333;
  }

  .windows-page .about-hero::after {
    content: none;
    display: none;
  }

  .windows-page .about-hero__picture,
  .windows-page .about-hero__picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    z-index: 0;
  }

  .windows-page .about-hero__container {
    position: relative;
    z-index: 1;
    width: 94.79vw;
    max-width: 94.79vw;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

  .windows-page .about-hero__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.6vw;
    width: 100%;
    max-width: 53.78vw;
    height: 100%;
    min-height: 0;
    padding: 4.82vw 0 2.6vw;
    box-sizing: border-box;
  }

  .windows-page .about-hero__info {
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    max-width: 100%;
  }

  .windows-page .about-hero__suptitle {
    margin: 0;
    font-size: 1.17vw;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
  }

  .windows-page .about-hero__title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .windows-page .about-hero__subtitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .windows-page .about-hero__desc {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 130%;
    color: #fff;
  }

  .windows-page .about-hero__desc p {
    margin: 0;
  }

  .windows-page .about-hero__btn {
    width: auto;
    height: auto;
    min-height: 0;
    padding: 1.3vw 3.13vw;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    border-radius: 0.65vw;
    flex-shrink: 0;
  }

  .windows-page .about-windows {
    padding: 3.91vw 0 0;
    background: #f1f1f1;
  }

  .windows-page .about-windows-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 94.79vw;
    max-width: 94.79vw;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

  .windows-page .about-windows-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 107.16vw;
    height: auto;
    padding: 2.6vw;
    border-radius: 1.3vw;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
  }

  .windows-page .about-windows-head {
    position: static;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 0 2.6vw;
    max-width: none;
  }

  .windows-page .about-windows-head-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    max-width: 51.3vw;
  }

  .windows-page .about-windows-head-title {
    margin: 0 0 0.52vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .windows-page .about-windows-head-subtitle {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .windows-page .about-windows-head-desc {
    display: flex;
    flex-direction: column;
    gap: 1.3vw;
    margin: 0;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 140%;
    color: #333;
  }

  .windows-page .about-windows-head-desc p {
    margin: 0;
  }

  .windows-page .about-windows-head-picture {
    position: absolute;
    top: -0.26vw;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 0;
    display: block;
    width: 48.18vw;
    height: 39.06vw;
    margin: 0;
    pointer-events: none;
  }

  .windows-page .about-windows-head-picture::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.67) 45%,
      rgba(255, 255, 255, 0) 76%
    );
    z-index: 1;
    pointer-events: none;
  }

  .windows-page .about-windows-head-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .windows-page .about-windows-suitable {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    padding: 0 0 2.6vw;
  }

  .windows-page .about-windows-suitable-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
    margin-top: 2.5vw;
  }

  .windows-page .about-windows-suitable-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.04vw;
    align-items: stretch;
  }

  .windows-page .about-windows-suitable-box {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
    gap: 1.56vw;
    min-height: 13.54vw;
    height: 13.54vw;
    padding: 1.56vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
    font-size: 1.69vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .windows-page .about-windows-suitable-box span {
    margin: 0;
  }

  .windows-page .about-windows-suitable-box svg {
    flex-shrink: 0;
    width: 5.21vw;
    height: 5.21vw;
  }

  .windows-page .about-windows-inner > .about-steps {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    margin: 0;
    padding: 0;
  }

  .windows-page .about-windows-inner .about-steps-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .windows-page .about-windows-inner .about-steps-grid,
  .windows-page .about-windows-inner .about-steps-grid-5 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1.04vw;
  }

  .windows-page .about-windows-inner .about-steps-grid-5 .about-step {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    grid-column: span 2;
    width: auto;
    max-width: none;
    min-height: 18.23vw;
    height: auto;
    padding: 2.08vw;
    gap: 0.52vw;
    border-radius: 1.3vw;
    background: #f1f1f1;
    box-sizing: border-box;
  }

  .windows-page .about-windows-inner .about-steps-grid-5 .about-step:nth-child(4),
  .windows-page .about-windows-inner .about-steps-grid-5 .about-step:nth-child(5) {
    grid-column: span 3;
    min-height: 0;
  }

  .windows-page .about-windows-inner .about-step-text {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
  }

  .windows-page .about-windows-inner .about-step-title {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .windows-page .about-windows-inner .about-step-desc {
    margin: 0;
    font-size: 1.43vw;
    font-weight: 400;
    line-height: 130%;
    color: #333;
  }

  .windows-page .about-windows-inner .about-step-num {
    align-self: flex-end;
    margin: 0;
    font-size: 4.69vw;
    font-weight: 500;
    line-height: 100%;
    color: #aaa;
  }

  .windows-page .about-projects {
    display: flex;
    flex-direction: column;
    gap: 2.08vw;
    margin: 0;
    padding: 3.91vw 0 0;
  }

  .windows-page .about-projects.about-projects--pt {
    padding-top: 3.91vw;
  }

  .windows-page .about-projects-head {
    display: flex;
    justify-content: center;
  }

  .windows-page .about-projects-title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #0e0e0e;
  }

  .windows-page .about-projects-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.3vw;
    align-items: stretch;
  }

  .windows-page .about-projects-box {
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: 0;
    overflow: hidden;
    border-radius: 1.3vw;
    background: #fff;
    color: inherit;
    text-decoration: none;
  }

  .windows-page .about-projects-box-pic,
  .windows-page .about-projects-box-pic > img {
    display: block;
    width: 100%;
    height: 13.98vw;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
  }

  .windows-page .about-projects--reverse .about-projects-box-content,
  .windows-page .about-projects-box-content {
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
    flex-grow: 1;
    padding: 2.08vw;
    background: #fff;
    box-sizing: border-box;
  }

  .windows-page .about-projects-box-title {
    margin: 0;
    font-size: 1.82vw;
    font-weight: 500;
    line-height: 100%;
    color: #333;
  }

  .windows-page .about-projects-box-desc {
    margin: 0;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 130%;
    color: rgba(51, 51, 51, 0.8);
  }

  .windows-page .about-projects-more {
    align-self: center;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 1.04vw auto 0;
    padding: 1.56vw 2.6vw;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
  }

  .windows-page + .main-form,
  main.windows-page .main-form {
    padding: 3.91vw 0 5.21vw;
    background: #f1f1f1;
  }

  .windows-page + .main-form .container,
  main.windows-page .main-form .container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 5.21vw;
    width: 94.79vw;
    max-width: 94.79vw;
  }

  .windows-page + .main-form .main-form-text,
  main.windows-page .main-form .main-form-text {
    width: calc(50% - 2.605vw);
    gap: 2.08vw;
  }

  .windows-page + .main-form .main-form-text .title,
  main.windows-page .main-form .main-form-text .title {
    margin: 0;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 120%;
    color: #0e0e0e;
  }

  .windows-page + .main-form .main-form-text .desc,
  main.windows-page .main-form .main-form-text .desc {
    margin: 0;
    font-size: 1.82vw;
    line-height: 100%;
  }

  .windows-page + .main-form .main-form-phone,
  main.windows-page .main-form .main-form-phone {
    font-size: 2.34vw;
    font-weight: 700;
    color: #ba1420;
  }

  .windows-page + .main-form .main-form-links,
  main.windows-page .main-form .main-form-links {
    gap: 1.04vw;
  }

  .windows-page + .main-form .main-form-link svg,
  main.windows-page .main-form .main-form-link svg {
    width: 4.17vw;
    height: 4.17vw;
  }

  .windows-page + .main-form .main-form-box,
  main.windows-page .main-form .main-form-box {
    width: calc(50% - 2.605vw);
    gap: 1.56vw;
  }

  .windows-page + .main-form .main-form-title,
  main.windows-page .main-form .main-form-title {
    font-size: 2.21vw;
    font-weight: 500;
    line-height: 100%;
  }

  .windows-page + .main-form .main-form-subtitle,
  main.windows-page .main-form .main-form-subtitle {
    font-size: 1.56vw;
    line-height: 140%;
  }

  /* ===== 404 768 (Figma 1418:97853) ===== */

  .not-found {
    position: relative;
    display: block;
    width: 100%;
    height: 33.72vw;
    min-height: 33.72vw;
    margin-top: 1.56vw;
    padding: 0;
    overflow: hidden;
    background: #333;
    text-align: left;
  }

  .not-found-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
  }

  .not-found-img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
      90deg,
      rgba(51, 51, 51, 0) 0%,
      rgba(72, 72, 72, 0.67) 52%,
      rgba(51, 51, 51, 1) 91%
    );
    pointer-events: none;
  }

  .not-found-img img {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
  }

  .not-found-img img.pc,
  .not-found-img img.pc-1440 {
    display: block !important;
  }

  .not-found-img img.mobile {
    display: none !important;
  }

  .not-found .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 94.79vw;
    max-width: 94.79vw;
    height: 100%;
    margin: 0 auto;
    padding: 9.9vw 0 2.6vw;
    box-sizing: border-box;
    color: #fff;
    text-align: left;
  }

  .not-found .title {
    position: relative;
    z-index: 2;
    margin: 0 0 1.04vw;
    max-width: 53.78vw;
    font-size: 3.13vw;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
  }

  .not-found-desc {
    position: relative;
    z-index: 2;
    margin: 0 0 2.6vw;
    max-width: 53.78vw;
    width: auto;
    font-size: 1.56vw;
    font-weight: 400;
    line-height: 100%;
    color: #fff;
  }

  .not-found-link {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1.3vw 3.13vw;
    border: none;
    border-radius: 0.65vw;
    background: #bc1622;
    color: #fff;
    font-size: 1.82vw;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
  }

  .not-found-link:hover {
    background: #a0151f;
  }

  /* BREAKPOINTS */

  .pc-1440 {
    display: none !important;
  }

  .mobile {
    display: none !important;
  }

  .pt {
    display: flex !important;
  }

}