@charset "UTF-8";
/* Указываем box sizing */
* {
  box-sizing: border-box; }
  *::before, *::after {
    box-sizing: border-box; }

/* Убираем внутренние отступы */
ul[class], ol[class] {
  padding: 0; }

/* Убираем внешние отступы */
body, h1, h2, h3, h4, p, ul, ol[class], li, figure, figcaption, blockquote, dl, dd {
  margin: 0; }

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class */
ul[class], ol[class] {
  list-style: none; }

ul, ol {
  padding: 0;
  margin: 0; }

li {
  list-style-type: none; }

a {
  text-decoration: none;
  color: var(--color-text); }

button {
  cursor: pointer;
  background: transparent;
  padding: 0; }

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

/* Наследуем шрифты для инпутов и кнопок */
input, button, textarea, select {
  font: inherit;
  outline: none;
  border: none; }

.header {
  position: fixed;
  z-index: 150;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--color-surface); }
  @media (max-width: 1200px) {
    .header {
      position: absolute; } }
  .header a {
    color: inherit; }
  .header__top {
    background-color: var(--color-surface-muted); }
  .header__top-inner {
    max-width: var(--layout-max);
    margin: 0 auto;
    padding: 0px 10px;
    display: flex;
    align-items: center; }
  .header__city {
    display: flex;
    align-items: center;
    margin-right: 10px;
    text-decoration: underline; }
    @media (max-width: 1200px) {
      .header__city {
        display: none; } }
    .header__city svg {
      margin-right: 10px;
      margin-right: 10px; }
    .header__city span {
      width: 200px;
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      text-align: left; }
  .header__list {
    display: flex;
    align-items: center;
    margin-right: auto; }
    @media (max-width: 1200px) {
      .header__list {
        display: none;
        position: absolute;
        top: 123px;
        left: 0;
        right: 0;
        height: 100vh;
        flex-direction: column;
        padding: 0 10px;
        background-color: var(--color-surface);
        overflow-y: scroll;
        padding-bottom: 150px !important; } }
    .header__list.active {
      display: flex; }
  .header__item {
    padding: 15px 0; }
    @media (max-width: 1200px) {
      .header__item {
        width: 100%; } }
    .header__item:not(:last-child) {
      margin-right: 8px; }
      @media (max-width: 1200px) {
        .header__item:not(:last-child) {
          margin-right: 0;
          border-bottom: 1px solid var(--color-border); } }
    .header__item a,
    .header__item button {
      display: flex;
      align-items: center;
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      text-decoration: underline; }
      @media (max-width: 1200px) {
        .header__item a,
        .header__item button {
          width: 100%;
          justify-content: center;
          text-decoration: none;
          font-size: 18px; } }
  .header__item--company {
    position: relative; }
    .header__item--company:hover .header__popup-company {
      display: block; }
    .header__item--company:hover .header__item--company-link::after {
      background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L6.5 1L1 6' stroke='%23050000'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 1200px) {
      .header__item--company.active .header__item--company-link::after {
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L6.5 1L1 6' stroke='%23050000'/%3E%3C/svg%3E%0A"); } }
  .header__item--company-link::after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 5px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23050000'/%3E%3C/svg%3E"); }
  .header__popup-company {
    border: 0.5px solid var(--color-text);
    position: absolute;
    top: 40px;
    left: 0px;
    border-radius: var(--radius-xs);
    background-color: var(--color-surface-muted);
    display: none;
    width: 190px;
    z-index: 100; }
    @media (max-width: 1200px) {
      .header__popup-company {
        position: relative;
        top: 0;
        border: none;
        border-radius: none;
        background-color: var(--color-surface);
        width: 100%; } }
    @media (max-width: 1200px) {
      .header__popup-company.active {
        display: block; } }
  .header__popup-company-wrapper {
    padding: 13px 13px 3px 13px; }
    @media (max-width: 1200px) {
      .header__popup-company-wrapper {
        padding: 0; } }
  .header__popup-company-item {
    margin-bottom: 10px; }
    @media (max-width: 1200px) {
      .header__popup-company-item {
        margin-top: 15px;
        margin-bottom: 0px; } }
    .header__popup-company-item a {
      font-size: 12px;
      color: var(--color-text);
      text-decoration: none; }
      @media (max-width: 1200px) {
        .header__popup-company-item a {
          font-size: 16px;
          color: var(--color-text-muted);
          font-weight: 400;
          text-decoration: underline; } }
  .header__contact-list {
    display: flex; }
    @media (max-width: 1200px) {
      .header__contact-list {
        display: none; } }
  .header__contact-item:nth-child(1), .header__contact-item:nth-child(2) {
    margin-right: 10px; }
  .header__contact-item--phone1 {
    display: flex;
    align-items: center;
    margin-right: 10px; }
    .header__contact-item--phone1::before {
      display: inline-block;
      content: '';
      width: 23px;
      height: 23px;
      margin-right: 10px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.885 16.4019C21.5691 16.2394 20.2624 16.0091 18.9702 15.7118C18.6547 15.6064 18.3173 15.5841 17.9907 15.6473C17.6642 15.7105 17.3594 15.8569 17.1059 16.0724C16.7766 16.4081 15.8258 17.3469 14.8378 18.3167C11.2978 16.5757 8.43488 13.7093 6.69738 10.1664C7.66056 9.17788 8.5616 8.23291 8.92823 7.90341C9.14366 7.64985 9.29003 7.34495 9.35317 7.01821C9.41631 6.69148 9.39408 6.35397 9.28864 6.03834C8.99113 4.74352 8.7609 3.43415 8.59888 2.11548C8.58152 1.94756 8.53017 1.78493 8.44795 1.63751C8.36572 1.49009 8.25435 1.36096 8.12063 1.25801C7.9869 1.15505 7.83362 1.08041 7.67012 1.03865C7.50662 0.996885 7.33634 0.988868 7.16965 1.01509H1.87526C1.65672 1.03483 1.45215 1.13107 1.29756 1.28686C1.14297 1.44266 1.04827 1.64802 1.03015 1.8668C0.688372 6.6476 3.35421 11.7641 3.89483 12.7464V12.7837L3.9694 12.9267C5.90468 16.2847 8.6912 19.0725 12.0477 21.0086V21.0086L12.3211 21.1641C13.5639 21.8231 18.5041 24.3098 23.1212 23.9679C23.3421 23.9526 23.5503 23.8591 23.7085 23.7041C23.8668 23.5492 23.9648 23.343 23.9849 23.1224V17.8318C24.0111 17.665 24.0031 17.4947 23.9614 17.3311C23.9196 17.1675 23.845 17.0142 23.7421 16.8804C23.6392 16.7466 23.5101 16.6352 23.3628 16.5529C23.2154 16.4707 23.0529 16.4193 22.885 16.4019Z' stroke='%23a9a9a9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    .header__contact-item--phone1 a {
      font-size: 14px;
      font-weight: 400;
      color: var(--color-text-muted); }
  .header__contact-item--phone2 {
    display: flex;
    align-items: center; }
    .header__contact-item--phone2::before {
      display: inline-block;
      content: '';
      width: 1px;
      height: 17px;
      margin-right: 10px;
      background-color: var(--color-text-secondary); }
    .header__contact-item--phone2 a {
      font-size: 14px;
      font-weight: 400;
      color: var(--color-text-muted); }
  .header__main-inner {
    max-width: var(--layout-max);
    margin: 0 auto;
    padding: 22px 10px 25px;
    display: flex;
    align-items: center; }
    @media (max-width: 1200px) {
      .header__main-inner {
        flex-direction: column;
        padding: 0 10px; } }
  .header__logo {
    margin-right: 10px; }
    @media (max-width: 1200px) {
      .header__logo svg {
        width: 180px;
        height: 40px; } }
  .header__catalog-btn {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-weight: 600; }
    @media (max-width: 1200px) {
      .header__catalog-btn {
        margin-left: 20px;
        color: var(--color-text-invert); } }
  .header .header__catalog-btn-decktop {
    margin-right: 10px; }
    @media (max-width: 1200px) {
      .header .header__catalog-btn-decktop {
        display: none; } }
  .header .header__catalog-btn-mobile {
    display: none;
    margin-right: 10px; }
    @media (max-width: 1200px) {
      .header .header__catalog-btn-mobile {
        display: block; } }
  .header__search {
    position: relative;
    margin-right: 35px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl);
    height: 37px;
    z-index: 10; }
    @media (max-width: 1200px) {
      .header__search {
        display: none; } }
    .header__search.active {
      border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
    .header__search input {
      width: 270px;
      padding: 10px 20px;
      border-radius: var(--radius-xl);
      height: 35px; }
      .header__search input.active {
        border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
      .header__search input::-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text-muted); }
      .header__search input:-ms-input-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text-muted); }
      .header__search input::placeholder {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text-muted); }
    .header__search.active {
      border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
      .header__search.active input {
        border-radius: var(--radius-xl) var(--radius-xl); }
    .header__search button {
      position: absolute;
      top: 12px;
      right: 15px;
      width: 15px;
      height: 15px;
      background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8686 14.235L11.2234 10.5898C12.2012 9.46563 12.7932 7.99889 12.7932 6.39579C12.7932 2.86696 9.92292 0 6.39743 0C2.86861 0 0.00164795 2.87029 0.00164795 6.39579C0.00164795 9.92129 2.87193 12.7916 6.39743 12.7916C8.00053 12.7916 9.46727 12.1996 10.5914 11.2217L14.2367 14.867C14.3231 14.9534 14.4395 15 14.5526 15C14.6657 15 14.7821 14.9568 14.8686 14.867C15.0415 14.694 15.0415 14.408 14.8686 14.235ZM0.896326 6.39579C0.896326 3.36253 3.36417 0.898004 6.3941 0.898004C9.42736 0.898004 11.8919 3.36585 11.8919 6.39579C11.8919 9.42572 9.42736 11.8969 6.3941 11.8969C3.36417 11.8969 0.896326 9.42905 0.896326 6.39579Z' fill='%23050000'/%3E%3C/svg%3E"); }
  .header__search-list {
    position: absolute;
    top: 35px;
    left: -1px;
    right: -1px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border-strong);
    border-top: 1px solid transparent;
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    padding: 0 15px 15px 15px;
    display: none; }
    .header__search-list.active {
      display: block; }
  .header__search-item {
    border-top: 1px solid var(--color-border); }
    .header__search-item a {
      display: block;
      padding: 9px 0;
      font-size: 12px;
      color: var(--color-text); }
  .header__search-item-all {
    border-top: 1px solid var(--color-border); }
    .header__search-item-all a {
      display: block;
      padding-top: 15px;
      font-size: 12px;
      color: var(--color-text);
      text-decoration: underline; }
  .header__btn-list {
    display: flex;
    align-items: center; }
    @media (max-width: 1200px) {
      .header__btn-list {
        display: none; } }
  .header__btn-item:not(:last-child) {
    margin-right: 27px; }
  .header__btn-item button {
    display: flex;
    align-items: center;
    flex-direction: column; }
    .header__btn-item button img {
      margin-bottom: 5px;
      width: 27px;
      height: 27px;
      border-radius: var(--radius-round); }
    .header__btn-item button svg {
      margin-bottom: 5px; }
    .header__btn-item button span {
      font-size: 14px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--color-text); }
  .header__btn-item--card button, .header__btn-item--favorite button {
    position: relative; }
    .header__btn-item--card button span:nth-child(3), .header__btn-item--favorite button span:nth-child(3) {
      position: absolute;
      top: -12px;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: -moz-fit-content;
      width: fit-content;
      min-width: 24px;
      height: 24px;
      padding: 0 8px;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      color: var(--color-text-invert);
      background-color: var(--color-danger);
      border-radius: var(--radius-round); }
      .header__btn-item--card button span:nth-child(3).animated, .header__btn-item--favorite button span:nth-child(3).animated {
        animation: cardAdding 1s; }

@keyframes cardAdding {
  0% {
    width: 45px;
    height: 45px; }
  100% {
    background-color: var(--color-danger);
    width: 24px;
    height: 24px; } }
  .header__currency-wrapper {
    margin-left: auto; }
    @media (max-width: 1200px) {
      .header__currency-wrapper {
        display: none; } }
  .header__currency-inner {
    white-space: nowrap;
    width: 100px;
    text-align: right; }
    .header__currency-inner span {
      font-size: 14px;
      font-weight: 400;
      color: var(--color-text-muted); }
  @media (max-width: 1200px) {
    .header__mobile-top-inner {
      padding: 14px 0 26px 0;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      width: 100%; } }
  .header__mobile-buttons {
    display: none; }
    @media (max-width: 1200px) {
      .header__mobile-buttons {
        display: flex;
        align-items: center; } }
    @media (max-width: 1200px) {
      .header__mobile-buttons button {
        margin-left: 15px; } }
  .header__mobile-btn-burger {
    width: 27px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='16' viewBox='0 0 27 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.272461' width='27' height='2.10191' rx='1.05095' fill='%23050000'/%3E%3Crect y='6.72168' width='27' height='2.10191' rx='1.05095' fill='%23050000'/%3E%3Crect y='13.1704' width='27' height='2.10191' rx='1.05095' fill='%23050000'/%3E%3C/svg%3E%0A"); }
    .header__mobile-btn-burger.active {
      width: 27px;
      height: 27px;
      background-position: 0px -3px;
      background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.697' y='9.21094' width='27' height='2.10191' rx='1.05095' transform='rotate(45 10.697 9.21094)' fill='%23050000'/%3E%3Crect x='9.3313' y='28.4233' width='27' height='2.10191' rx='1.05095' transform='rotate(-45 9.3313 28.4233)' fill='%23050000'/%3E%3C/svg%3E%0A"); }
  @media (max-width: 1200px) {
    .header__mobile-bottom-inner {
      padding: 9px 0;
      background-color: var(--color-accent);
      width: calc( 100% + 20px);
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  .header__mobile-links {
    display: none; }
    @media (max-width: 1200px) {
      .header__mobile-links {
        display: flex; } }
    .header__mobile-links a:last-child {
      margin-right: 20px; }
    @media (max-width: 1200px) {
      .header__mobile-links a {
        margin-left: 25px; } }

.popup-header-mobile-bottom-bar {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  flex-direction: column;
  transform: translateY(200px);
  transition: transform 0.5s; }
  @media (max-width: 1200px) {
    .popup-header-mobile-bottom-bar.active {
      transform: translateY(0); } }
  .popup-header-mobile-bottom-bar__top {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: var(--color-surface); }
    .popup-header-mobile-bottom-bar__top.active {
      display: flex; }
  .popup-header-mobile-bottom-bar__prices-wrapper {
    display: flex;
    align-items: baseline;
    width: 160px;
    padding: 10px 10px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border-strong); }
    .popup-header-mobile-bottom-bar__prices-wrapper span:nth-child(1) {
      margin-right: 5px;
      font-size: 13px;
      font-weight: 600;
      color: var(--color-text); }
    .popup-header-mobile-bottom-bar__prices-wrapper span:nth-child(2) {
      margin-right: 5px;
      font-size: 10px;
      font-weight: 500;
      color: var(--color-text-muted); }
    .popup-header-mobile-bottom-bar__prices-wrapper span:nth-child(3) {
      margin-right: 5px;
      font-size: 10px;
      font-weight: 500;
      color: var(--color-success); }
  .popup-header-mobile-bottom-bar__button-to-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    font-size: 13px;
    color: var(--color-text-invert);
    background-color: var(--color-accent);
    padding: 11px 10px; }
  .popup-header-mobile-bottom-bar__bottom {
    width: 100%;
    padding: 10px 10px;
    background-color: var(--color-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 18px;
         column-gap: 18px; }
    .popup-header-mobile-bottom-bar__bottom a {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .popup-header-mobile-bottom-bar__bottom a svg {
        margin-bottom: 2px; }
      .popup-header-mobile-bottom-bar__bottom a span {
        font-size: 9px;
        font-weight: 400;
        color: var(--color-text-muted); }

.popup-catalog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 145px 10px 210px;
  z-index: 100;
  height: 100vh;
  overflow-y: scroll; }
  @media (max-width: 780px) {
    .popup-catalog {
      padding: 123px 0 0 0; } }
  .popup-catalog.active {
    display: block; }
  .popup-catalog__wrapper {
    display: flex;
    position: relative;
    max-width: 1235px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: scroll; }
    @media (max-width: 780px) {
      .popup-catalog__wrapper {
        border: none;
        border-radius: 0px;
        height: auto; } }
    @media (max-width: 480px) {
      .catalog-main__content-wrapper .popup-catalog__wrapper:before {
        content: none;
      }
      .catalog-main__content-wrapper .popup-catalog__wrapper {
        max-height: unset;
      }
      .popup-catalog__wrapper {
        background: var(--color-surface-muted);
        position: relative;
        max-height: 500px;
        overflow: hidden;
        padding-bottom: 15px; }
      .catalog-main__content-wrapper .popup-catalog__category-list {
        max-height: unset;
      }
      .popup-catalog__category-list {
        max-height: 500px;
        overflow-y: scroll;
      }
    }
      .popup-catalog__wrapper:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
      }
  .popup-catalog__category-list {
    flex: 0 0 275px;
    background: var(--color-surface-muted);
    border-right: 1px solid var(--color-border);
    padding: 20px !important;
    border-radius: var(--radius-xl) 0 0 var(--radius-xl); }
    @media (max-width: 780px) {
      .popup-catalog__category-list {
        flex: 0 0 100%;
        border-radius: 0;
        border: none; } }
    @media (max-width: 480px) {
      .popup-catalog__category-list {
        height: 100%; } }
  .popup-catalog__categoty-item:not(:last-child) {
    margin-bottom: 15px; }
  .popup-catalog__categoty-btn {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text);
    position: relative; }
    @media (max-width: 780px) {
      .popup-catalog__categoty-btn {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center; } }
    @media (max-width: 780px) {
      .popup-catalog__categoty-btn::after {
        content: '';
        width: 18px;
        height: 8px;
        display: flex;
        flex-shrink: 0;
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L9.94634 1L1 9' stroke='%23050000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } }
    .popup-catalog__categoty-btn.active {
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 780px) {
        .popup-catalog__categoty-btn.active {
          font-weight: 500; } }
    @media (max-width: 780px) {
      .popup-catalog__categoty-btn.mobile-active {
        font-weight: 600; } }
    .popup-catalog__categoty-btn.mobile-active::after {
      transform: rotate(0deg); }
  .popup-catalog__categoty-btn-mobile-list {
    display: none; }
    @media (max-width: 780px) {
      .popup-catalog__categoty-btn-mobile-list.active {
        display: block; } }
  .popup-catalog__categoty-btn-mobile-item {
    margin-top: 15px; }
    .popup-catalog__categoty-btn-mobile-item a {
      font-size: 14px;
      font-weight: 400;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
      .popup-catalog__categoty-btn-mobile-item a::after {
        content: '';
        width: 12px;
        height: 5px;
        margin-left: auto;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(90deg);
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L9.94634 1L1 9' stroke='%23050000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  @media (max-width: 780px) {
    .popup-catalog__tabs-list {
      display: none; } }
  .popup-catalog__tab {
    padding: 20px;
    display: none; }
    .popup-catalog__tab.active {
      display: block; }
  .popup-catalog__tab-inner {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px; }
  .popup-catalog__tab-item {
    width: 370px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    position: relative; }
    .popup-catalog__tab-item a {
      display: flex;
      padding: 15px; }
    .popup-catalog__tab-item img {
      width: 69px;
      height: 69px;
      margin-right: 10px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      -o-object-fit: contain;
         object-fit: contain; }
    .popup-catalog__tab-item::after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 12px;
      height: 25px;
      right: 10px;
      top: 15px;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='12' height='25' viewBox='0 0 12 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999998 24L11 11.35L1 1' stroke='%23050000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .popup-catalog__tab-item-text {
    max-width: 225px;
    height: 69px;
    display: flex;
    flex-direction: column; }
    .popup-catalog__tab-item-text h4 {
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text);
      margin-bottom: auto; }
    .popup-catalog__tab-item-text span {
      font-size: 16px;
      font-weight: 400;
      color: var(--color-text); }
    .popup-catalog__tab-item-text--not-availible span {
      color: var(--color-danger); }


.popup-map {
  display: none;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 146px 10px 210px;
  z-index: 200; }
  @media (max-width: 780px) {
    .popup-map {
      padding: 125px 0 0 0; } }
  .popup-map.active {
    display: block; }
  .popup-map__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1235px;
    width: 100%;
    height: 720px;
    margin: 0 auto;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    padding: 70px 30px 30px; }
  .popup-map__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
  .popup-map__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-map__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-map__btn-submit {
    width: 220px;
    display: block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
  .popup-map__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }

.popup-address {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200; }
  @media (max-width: 760px) {
    .popup-address {
      padding: 0; } }
  .popup-address.active {
    display: flex; }
  .popup-address__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-address__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-address__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-address__title {
        font-size: 18px;

        margin-bottom: 30px; } }
  .popup-address__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-address__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-address__form {
    max-width: 435px;
    width: 100%; }
    .popup-address__form input {
      width: 100%;
      padding: 20px 20px;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-address__form input {
          margin-bottom: 25px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-address__form input:placeholder {
        color: gray; }
  .popup-address__buttons-wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    margin: 0 auto; }
  .popup-address__btn-submit {
    width: 220px;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-address__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-address__btn-cansel {
    width: 220px;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-address__btn-cansel {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: transparent;
        color: var(--color-text-invert); } }
  .popup-address__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-address__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-change-address {
  display: none;
  justify-content: flex-start;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-change-address {
      padding: 0; } }
  .popup-change-address.active {
    display: flex; }
  .popup-change-address__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 40px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-change-address__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-change-address__wrapper-map {
    height: -moz-min-content;
    height: min-content; }
    @media (max-width: 760px) {
      .popup-change-address__wrapper-map {
        height: 100vh; } }
  .popup-change-address__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-change-address__title {
        font-size: 18px;

        margin-bottom: 30px; } }
  .popup-change-address__form {
    max-width: 435px;
    width: 100%; }
    .popup-change-address__form input {
      width: 100%;
      padding: 20px 20px;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-change-address__form input {
          margin-bottom: 25px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-change-address__form input:placeholder {
        color: gray; }
  .popup-change-address__buttons-wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    margin: 0 auto; }
  .popup-change-address__places-add-form {
    width: 100%; }
  .popup-change-address__places-add-title {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-change-address__places-add-title {
        margin-bottom: 20px;
        font-size: 13px; } }
  .popup-change-address__places-add-label {
    display: block;
    margin-bottom: 25px; }
    @media (max-width: 760px) {
      .popup-change-address__places-add-label {
        margin-bottom: 15px; } }
    .popup-change-address__places-add-label:nth-child(4) {
      margin-bottom: 30px; }
      @media (max-width: 760px) {
        .popup-change-address__places-add-label:nth-child(4) {
          margin-bottom: 25px; } }
    .popup-change-address__places-add-label span {
      display: block;
      margin-bottom: 10px;
      font-size: 14px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-change-address__places-add-label span {
          margin-bottom: 7px;
          font-size: 10px;
 } }
    .popup-change-address__places-add-label input {
      width: 100%;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      padding: 12px 20px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-change-address__places-add-label input {
          border-radius: var(--radius-md);
          padding: 10px;
          font-size: 12px; } }
    .popup-change-address__places-add-label textarea {
      resize: none;
      width: 100%;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      padding: 15px 20px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-change-address__places-add-label textarea {
          rows: 1;
          border-radius: var(--radius-md);
          padding: 10px;
          font-size: 12px; } }
    .popup-change-address__places-add-label input {
      width: 100%;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      padding: 15px 20px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-change-address__places-add-label input {
          border-radius: var(--radius-md);
          padding: 10px;
          font-size: 12px; } }
  .popup-change-address__places-add-bottom-inputs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px; }
    .popup-change-address__places-add-bottom-inputs .popup-change-address__places-add-label {
      width: calc( 50% - 10px); }
      @media (max-width: 760px) {
        .popup-change-address__places-add-bottom-inputs .popup-change-address__places-add-label {
          width: 100%; } }
  .popup-change-address__places-adding-btn {
    padding: 15px 25px;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert);
    text-transform: uppercase; }
    @media (max-width: 760px) {
      .popup-change-address__places-adding-btn {
        padding: 10px 10px;
        font-size: 12px;
        border-radius: var(--radius-md); } }
  .popup-change-address__places-cansel-btn {
    display: inline-block;
    padding: 15px 25px;
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text);
    text-transform: uppercase; }
    @media (max-width: 760px) {
      .popup-change-address__places-cansel-btn {
        padding: 10px 10px;
        border-radius: var(--radius-md);
        font-size: 12px; } }
  .popup-change-address__places-add-map-wrapper {
    width: 100%;
    height: 300px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-change-address__places-add-map-wrapper {
        height: 230px;
        width: calc( 100% + 40px);
        margin-right: -20px;
        margin-left: -20px; } }
    .popup-change-address__places-add-map-wrapper .map,
    .popup-change-address__places-add-map-wrapper .map2 {
      width: 100%;
      height: 100%; }
  @media (max-width: 760px) {
    .popup-change-address__places-add-map-wrapper--map {
      height: 350px; } }
  .popup-change-address__buttons-wrapper {
    display: flex;
    justify-content: center; }
  .popup-change-address__btn-submit {
    width: 220px;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-change-address__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-change-address__btn-cansel {
    width: 220px;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-change-address__btn-cansel {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: transparent;
        color: var(--color-text-invert); } }
  .popup-change-address__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 25px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-change-address__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-email {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200; }
  @media (max-width: 760px) {
    .popup-email {
      padding: 0; } }
  .popup-email.active {
    display: flex; }
  .popup-email__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-email__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-email__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
  .popup-email__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-email__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-email__form {
    max-width: 435px;
    width: 100%; }
    .popup-email__form input {
      width: 100%;
      padding: 20px 20px;
      margin-bottom: 30px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-email__form input {
          margin-bottom: 25px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-email__form input:placeholder {
        color: gray; }
  .popup-email__btn-submit {
    width: 220px;
    display: block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-email__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-email__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-email__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-product-gallery {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 60px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 1200px) {
    .popup-product-gallery {
      padding: 0; } }
  .popup-product-gallery.active {
    display: flex; }
  .popup-product-gallery__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 50px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 1200px) {
      .popup-product-gallery__wrapper {
        align-items: center;
        max-width: 100%;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-product-gallery__inner {
    width: 650px;
    height: 650px; }
    @media (max-width: 1200px) {
      .popup-product-gallery__inner {
        width: 550px;
        height: 550px; } }
    @media (max-width: 940px) {
      .popup-product-gallery__inner {
        width: 450px;
        height: 450px; } }
    @media (max-width: 760px) {
      .popup-product-gallery__inner {
        width: 350px;
        height: 350px; } }
    @media (max-width: 540px) {
      .popup-product-gallery__inner {
        width: 200px;
        height: 200px; } }
  .popup-product-gallery__slider .swiper-slide img {
    width: 100%;
    height: 100%; }
  .popup-product-gallery__slider-prev-btn, .popup-product-gallery__slider-next-btn {
    z-index: 1000;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 475px);
    display: block;
    width: 52px;
    height: 52px;
    border-radius: var(--radius-md);
    background-color: rgba(255, 255, 255, 0.45);
    background-size: 40%;
    background-position: 12px 9px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='white'/%3E%3C/svg%3E"); }
    @media (max-width: 1200px) {
      .popup-product-gallery__slider-prev-btn, .popup-product-gallery__slider-next-btn {
        left: 20px;
        width: 20px;
        height: 20px;
        border-radius: var(--radius-xs);
        background-size: 6px 10px;
        background-position: 6px 5px; } }
  .popup-product-gallery__slider-next-btn {
    left: auto;
    right: calc(50% - 475px);
    transform: rotate(180deg); }
    @media (max-width: 1200px) {
      .popup-product-gallery__slider-next-btn {
        right: 20px; } }
  .popup-product-gallery__mobile-title {
    display: none;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: var(--color-text-invert); }
    @media (max-width: 1200px) {
      .popup-product-gallery__mobile-title {
        display: block; } }
  .popup-product-gallery__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: calc(50% - 400px);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 1200px) {
      .popup-product-gallery__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.header-quick-bye {
  display: none;
  position: fixed;
  top: 145px;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--color-surface-muted); }
  .header-quick-bye.active {
    display: block; }
    @media (max-width: 1200px) {
      .header-quick-bye.active {
        display: none; } }
  .header-quick-bye__inner {
    max-width: var(--layout-max);
    padding: 10px 10px;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    .header-quick-bye__inner img {
      width: 45px;
      height: 45px;
      margin-right: 14px;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xs);
      -o-object-fit: contain;
         object-fit: contain; }
    .header-quick-bye__inner h4 {
      max-width: 400px;
      margin-right: 30px;
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text); }
    .header-quick-bye__inner span:nth-child(3) {
      margin-left: auto;
      margin-right: 20px;
      font-size: 20px;
      font-weight: 500;
      text-decoration: line-through;
      color: var(--color-text-muted); }
    .header-quick-bye__inner span:nth-child(4) {
      margin-right: 30px;
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text); }
    .header-quick-bye__inner button {
      padding: 10px 16px;
      background-color: var(--color-accent);
      border-radius: var(--radius-md);
      color: var(--color-text-invert);
      font-size: 10px;
      font-weight: 500; }

.popup-profile-change-info {
  display: none;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10vh 10px 10vh;
  z-index: 200;
  overflow-y: auto;
  height: 100vh; }
  @media (max-width: 760px) {
    .popup-profile-change-info {
      padding: 0;
      height: auto; } }
  .popup-profile-change-info.active {
    display: block; }
  .popup-profile-change-info__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    padding: 70px 30px 30px;
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-profile-change-info__wrapper {
        padding: 60px 20px;
        background-color: var(--color-accent);
        height: 100vh;
        border: none;
        border-radius: 0px; } }
  .popup-profile-change-info__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-profile-change-info__title {
        font-size: 18px;
        margin-bottom: 20px;
 } }
  .popup-profile-change-info__photo-wrapper {
    margin-bottom: 35px;
    position: relative; }
    @media (max-width: 760px) {
      .popup-profile-change-info__photo-wrapper {
        margin-bottom: 20px; } }
  .popup-profile-change-info__input {
    position: relative;
    border: 1px dotted red;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: var(--radius-round);
    opacity: 0;
    z-index: 2;
    cursor: pointer; }
    @media (max-width: 760px) {
      .popup-profile-change-info__input {
        width: 77px;
        height: 77px;
        background-image: url(../img/user-photo-bg-white.svg); } }
  .popup-profile-change-info__img {
    position: absolute;
    top: 0;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: var(--radius-round);
    background-image: url(../img/user-photo-bg.svg);
    background-repeat: no-repeat;
    background-size: cover; }
    @media (max-width: 760px) {
      .popup-profile-change-info__img {
        width: 77px;
        height: 77px;
        background-image: url(../img/user-photo-bg-white.svg); } }
  .popup-profile-change-info__form {
    max-width: 740px;
    width: 100%; }
  .popup-profile-change-info__lebel {
    max-width: 740px;
    width: 100%;
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-profile-change-info__lebel {
        margin-bottom: 15px; } }
    .popup-profile-change-info__lebel span {
      display: block;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-profile-change-info__lebel span {
          font-size: 11px;
 } }
    .popup-profile-change-info__lebel input {
      max-width: 740px;
      margin-bottom: 25px;
      width: 100%;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      font-size: 18px;
      font-weight: 500;
      padding: 15px 20px;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-profile-change-info__lebel input {
          padding: 10px;
          font-size: 12px;
          border-radius: var(--radius-md);
          margin-bottom: 15px; } }
  .popup-profile-change-info__save-btn {
    margin-top: 30px;
    width: 220px;
    display: block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-profile-change-info__save-btn {
        margin: 0 auto;
        width: auto;
        padding: 10px 30px;
        font-size: 12px;
        color: var(--color-text);
        background-color: var(--color-surface); } }
  .popup-profile-change-info__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-profile-change-info__btn-close {
        top: 20px;
        right: 30px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-cookie {
  border-top: 2px solid var(--color-border);
  padding: 15px 0px;
  background-color: var(--color-surface); }
  .popup-cookie.hide {
    display: none; }
  .popup-cookie__inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 10px; }
    @media (max-width: 760px) {
      .popup-cookie__inner {
        flex-wrap: wrap;
        justify-content: center; } }
  .popup-cookie__text {
    max-width: calc( 100% - 120px);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    margin-right: auto; }
    @media (max-width: 760px) {
      .popup-cookie__text {
        max-width: 100%;
        margin-bottom: 10px; } }
  .popup-cookie__btn-ok, .popup-cookie__btn-non {
    margin-left: 20px;
    padding: 9px;
    background: var(--color-accent);
    border-radius: var(--radius-md);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-cookie__btn-ok, .popup-cookie__btn-non {
        margin-left: 0; } }
  @media (max-width: 760px) {
    .popup-cookie__btn-non {
      margin-left: 20px; } }

.popup-find-order {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200; }
  @media (max-width: 760px) {
    .popup-find-order {
      padding: 0; } }
  .popup-find-order.active {
    display: flex; }
  .popup-find-order__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-find-order__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-find-order .office-my-profile__find {
    margin-bottom: 0; }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-top h1 {
 } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-form {
      margin-bottom: 20px; } }
  .popup-find-order .office-my-profile__find-form .__select__content {
    width: 100%; }
  @media (max-width: 760px) {
    .popup-find-order .__select__title {
      background-color: var(--color-surface); } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-btn {
      background-color: var(--color-surface);
      color: var(--color-text); } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-way h4 {

      margin-bottom: 10px; } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-way-text:not(:last-child) {
      margin-bottom: 20px; } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-way-text-top span {
 } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-way-text-bottom span {
      color: var(--color-text-muted); } }
  @media (max-width: 760px) {
    .popup-find-order .office-my-profile__find-way-point-column.step-6 {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' width='4' height='489' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='white'/%3E%3Ccircle cx='8' cy='114' r='8' fill='white'/%3E%3Ccircle cx='8' cy='200' r='8' fill='white'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E%0A"); }
    .popup-find-order .office-my-profile__find-way-point-column.step-5 {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='114' width='4' height='375' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='white'/%3E%3Ccircle cx='8' cy='200' r='8' fill='white'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); }
    .popup-find-order .office-my-profile__find-way-point-column.step-4 {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='200' width='4' height='289' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='white'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); }
    .popup-find-order .office-my-profile__find-way-point-column.step-3 {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='286' width='4' height='203' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); }
    .popup-find-order .office-my-profile__find-way-point-column.step-2 {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='372' width='4' height='117' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); }
    .popup-find-order .office-my-profile__find-way-point-column.step-1 {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='455' width='4' height='34' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); } }
  .popup-find-order__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-find-order__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-exit {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200; }
  @media (max-width: 760px) {
    .popup-exit {
      padding: 0; } }
  .popup-exit.active {
    display: flex; }
  .popup-exit__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-exit__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-exit__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-exit__title {
        font-size: 18px;

        margin-bottom: 25px; } }
  .popup-exit__buttons-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    -moz-column-gap: 10px;
         column-gap: 10px; }
    @media (max-width: 760px) {
      .popup-exit__buttons-wrapper {
        flex-direction: row; } }
  .popup-exit__btn-submit {
    width: 220px;
    display: block;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-exit__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-exit__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-exit__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-report-admission {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200; }
  @media (max-width: 760px) {
    .popup-report-admission {
      padding: 0; } }
  .popup-report-admission.active {
    display: flex; }
  .popup-report-admission__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-report-admission__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-report-admission__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-report-admission__title {
        font-size: 18px;
 } }
  .popup-report-admission__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-report-admission__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-report-admission__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-report-admission__form input {
      width: 100%;
      padding: 15px 20px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-report-admission__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-report-admission__form input:placeholder {
        color: gray; }
  .popup-report-admission__captcha-title {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-report-admission__captcha-title {
        margin-bottom: 15px;
        font-size: 9px;
 } }
  .popup-report-admission__recaptcha {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-report-admission__recaptcha {
        margin-left: -12px;
        transform: scale(0.9); } }
  .popup-report-admission__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-report-admission__terms-label {
        margin-bottom: 15px; } }
    .popup-report-admission__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-report-admission__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-report-admission__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-report-admission__terms-label p {
          font-size: 9px;
 } }
    .popup-report-admission__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-report-admission__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-report-admission__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-report-admission__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-report-admission__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-report-admission__ok {
    display: none;
    padding: 15px 15px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-success);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-report-admission__ok.active {
      display: block; }
    @media (max-width: 760px) {
      .popup-report-admission__ok {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-success);
        color: var(--color-text-invert); } }
  .popup-report-admission__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-report-admission__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-buy-to-one-click {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-buy-to-one-click {
      padding: 0; } }
  .popup-buy-to-one-click.active {
    display: flex; }
  .popup-buy-to-one-click__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-buy-to-one-click__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__title {
        font-size: 18px;
 } }
  .popup-buy-to-one-click__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-buy-to-one-click__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-buy-to-one-click__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-buy-to-one-click__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-buy-to-one-click__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-buy-to-one-click__form input::-moz-placeholder {
        color: gray; }
      .popup-buy-to-one-click__form input:-ms-input-placeholder {
        color: gray; }
      .popup-buy-to-one-click__form input::placeholder {
        color: gray; }
  .popup-buy-to-one-click__contacts-input {
    color: var(--color-danger);
    position: absolute;
    top: 156px;
    left: 266px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__contacts-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-buy-to-one-click__contacts-input.hide {
      display: none; }
  .popup-buy-to-one-click__phone-input {
    color: var(--color-danger);
    position: absolute;
    top: 226px;
    left: 92px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__phone-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-buy-to-one-click__phone-input.hide {
      display: none; }
  .popup-buy-to-one-click__captcha-title {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__captcha-title {
        margin-bottom: 15px;
        font-size: 9px;
 } }
  .popup-buy-to-one-click__recaptcha {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__recaptcha {
        margin-left: -12px;
        transform: scale(0.9); } }
  .popup-buy-to-one-click__offer-wrapper {
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__offer-wrapper {
        margin-bottom: 30px; } }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__offer-wrapper .product-main__content-wrapper-offer-row dt {
 } }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__offer-wrapper .product-main__content-wrapper-offer-row dd {

 } }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__offer-wrapper .product-main__content-wrapper-offer-row dd.active {
        font-weight: 700;
        color: var(--color-text);
        background-color: var(--color-surface); } }
  .popup-buy-to-one-click__offer-color[class] dd {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    border-radius: var(--radius-sm); }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__offer-color[class] dd {
        width: 33px;
        height: 33px;
        border-radius: var(--radius-xs); } }
    .popup-buy-to-one-click__offer-color[class] dd img {
      width: 28px;
      height: 28px;
      -o-object-fit: contain;
         object-fit: contain;
      border-radius: var(--radius-sm); }
      @media (max-width: 760px) {
        .popup-buy-to-one-click__offer-color[class] dd img {
          width: 20px;
          height: 20px;
          border-radius: var(--radius-xs); } }
  .popup-buy-to-one-click__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__terms-label {
        margin-bottom: 15px; } }
    .popup-buy-to-one-click__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-buy-to-one-click__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-buy-to-one-click__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-buy-to-one-click__terms-label p {
          font-size: 9px;
 } }
    .popup-buy-to-one-click__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-buy-to-one-click__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-buy-to-one-click__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-buy-to-one-click__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-buy-to-one-click__ok {
    display: none;
    padding: 15px 15px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-success);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-buy-to-one-click__ok.active {
      display: block; }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__ok {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-success);
        color: var(--color-text-invert); } }
  .popup-buy-to-one-click__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-buy-to-one-click__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.product-small-card {
  margin-bottom: 15px;
  display: flex;
  align-items: center; }
  .product-small-card__img-link {
    width: 115px;
    height: 80px;
    flex-shrink: 0;
    margin-right: 15px; }
    @media (max-width: 760px) {
      .product-small-card__img-link {
        width: 75px;
        height: 75px;
        margin-right: 10px; } }
  .product-small-card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
    @media (max-width: 760px) {
      .product-small-card__img {
        border-radius: var(--radius-sm); } }
  .product-small-card__content {
    display: flex;
    flex-direction: column; }
  .product-small-card__title {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .product-small-card__title {
        font-size: 12px;
        font-weight: 600;
        color: var(--color-text-invert); } }
  .product-small-card__code-wrapper {
    display: flex;
    font-size: 12px;
    font-weight: 400; }
    @media (max-width: 760px) {
      .product-small-card__code-wrapper {
        color: var(--color-text-invert); } }
  .product-small-card__code-title {
    margin-right: 5px; }
  .product-small-card__code {
    font-weight: 600; }
  .product-small-card__bottom {
    display: flex;
    align-items: flex-end; }
  .product-small-card__price {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .product-small-card__price {
        color: var(--color-text-invert); } }
  .product-small-card__old-price {
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .product-small-card__old-price {
        color: var(--color-text-invert); } }
  .product-small-card__old-price {
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-muted);
    text-decoration: line-through; }
    @media (max-width: 760px) {
      .product-small-card__old-price {
        display: none; } }
  .product-small-card__sale {
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-success); }
    @media (max-width: 760px) {
      .product-small-card__sale {
        display: none; } }
  .product-small-card__quantity-box {
    margin-left: auto; }

.quantity-box {
  display: flex;
  align-items: center;
  -moz-column-gap: 2px;
       column-gap: 2px;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .quantity-box {
      color: var(--color-text-invert); } }
  .quantity-box__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 1;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-round); }
    @media (max-width: 760px) {
      .quantity-box__btn {
        border: 1px solid var(--color-surface);
        color: var(--color-text-invert); } }
  .quantity-box__input[class] {
    width: 21px;
    height: 25px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border: none;
    border-radius: 0;
    color: inherit;
    background-color: transparent; }

.popup-become-a-dealer {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-become-a-dealer {
      padding: 0; } }
  .popup-become-a-dealer.active {
    display: flex; }
  .popup-become-a-dealer__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-become-a-dealer__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__title {
        font-size: 18px;
 } }
  .popup-become-a-dealer__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-become-a-dealer__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-become-a-dealer__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-become-a-dealer__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
	  
	  .popup-become-a-dealer__form input[type="checkbox"]{
		  width: auto;
	  }
      @media (max-width: 760px) {
        .popup-become-a-dealer__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-become-a-dealer__form input::-moz-placeholder {
        color: gray; }
      .popup-become-a-dealer__form input:-ms-input-placeholder {
        color: gray; }
      .popup-become-a-dealer__form input::placeholder {
        color: gray; }
      .popup-become-a-dealer__form input.error {
        box-shadow: 0 0 0 2px red; }
  .popup-become-a-dealer__contacts-input {
    color: var(--color-danger);
    position: absolute;
    top: 156px;
    left: 266px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__contacts-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-become-a-dealer__contacts-input.hide {
      display: none; }
  .popup-become-a-dealer__phone-input {
    color: var(--color-danger);
    position: absolute;
    top: 226px;
    left: 92px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__phone-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-become-a-dealer__phone-input.hide {
      display: none; }
  .popup-become-a-dealer__captcha-title {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-become-a-dealer__captcha-title {
        margin-bottom: 15px;
        font-size: 9px;
 } }
  .popup-become-a-dealer__recaptcha {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__recaptcha {
        margin-left: -12px;
        transform: scale(0.9); } }
  .popup-become-a-dealer__captcha-img {
    display: flex;
    align-items: center;
    max-width: 190px;
    margin-left: 95px;
    margin-bottom: 10px;
    padding-left: 20px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl);
    /*prevent interaction with the canvas */
    pointer-events: none; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__captcha-img {
        background-color: var(--color-surface); } }
  .popup-become-a-dealer__captcha-input {
    max-width: 190px;
    margin-left: 95px; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__captcha-input {
        max-width: 185px; } }
    .popup-become-a-dealer__captcha-input.error {
      box-shadow: 0 0 0 2px red; }
  .popup-become-a-dealer__captcha-input-description {
    position: absolute;
    top: 554px;
    left: 0px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-become-a-dealer__captcha-input-description {
        top: 420px;
 } }
  .popup-become-a-dealer__captcha-refresh-btn {
    display: block;
    margin-left: 95px;
    margin-bottom: 30px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-become-a-dealer__captcha-refresh-btn {

        font-size: 9px;
        margin-bottom: 15px; } }
  .popup-become-a-dealer__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__terms-label {
        margin-bottom: 15px; } }
    .popup-become-a-dealer__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-become-a-dealer__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-become-a-dealer__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-become-a-dealer__terms-label p {
          font-size: 9px;
 } }
    .popup-become-a-dealer__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-become-a-dealer__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-become-a-dealer__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-become-a-dealer__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-become-a-dealer__ok {
    display: none;
    padding: 15px 15px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-success);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-become-a-dealer__ok.active {
      display: block; }
    @media (max-width: 760px) {
      .popup-become-a-dealer__ok {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-success);
        color: var(--color-text-invert); } }
  .popup-become-a-dealer__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-become-a-dealer__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-call-back {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-call-back {
      padding: 0; } }
  .popup-call-back.active {
    display: flex; }
  .popup-call-back__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-call-back__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-call-back__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-call-back__title {
        font-size: 18px;
 } }
  .popup-call-back__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-call-back__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-call-back__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-call-back__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-call-back__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-call-back__form input::-moz-placeholder {
        color: gray; }
      .popup-call-back__form input:-ms-input-placeholder {
        color: gray; }
      .popup-call-back__form input::placeholder {
        color: gray; }
      .popup-call-back__form input.error {
        box-shadow: 0 0 0 2px red; }
  .popup-call-back__contacts-input {
    color: var(--color-danger);
    position: absolute;
    top: 156px;
    left: 266px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-call-back__contacts-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-call-back__contacts-input.hide {
      display: none; }
  .popup-call-back__phone-input {
    color: var(--color-danger);
    position: absolute;
    top: 226px;
    left: 92px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-call-back__phone-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-call-back__phone-input.hide {
      display: none; }
  .popup-call-back__captcha-title {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-call-back__captcha-title {
        margin-bottom: 15px;
        font-size: 9px;
 } }
  .popup-call-back__captcha-img {
    display: flex;
    align-items: center;
    max-width: 190px;
    margin-left: 95px;
    margin-bottom: 10px;
    padding-left: 20px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl);
    /*prevent interaction with the canvas */
    pointer-events: none; }
    @media (max-width: 760px) {
      .popup-call-back__captcha-img {
        background-color: var(--color-surface); } }
  .popup-call-back__captcha-input {
    max-width: 190px;
    margin-left: 95px; }
    @media (max-width: 760px) {
      .popup-call-back__captcha-input {
        max-width: 185px; } }
    .popup-call-back__captcha-input.error {
      box-shadow: 0 0 0 2px red; }
  .popup-call-back__captcha-input-description {
    position: absolute;
    top: 267px;
    left: 0px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-call-back__captcha-input-description {
        top: 213px;
 } }
  .popup-call-back__captcha-refresh-btn {
    display: block;
    margin-left: 95px;
    margin-bottom: 30px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-call-back__captcha-refresh-btn {

        font-size: 9px;
        margin-bottom: 15px; } }
  .popup-call-back__recaptcha {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-call-back__recaptcha {
        margin-left: -12px;
        transform: scale(0.9); } }
  .popup-call-back__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-call-back__terms-label {
        margin-bottom: 15px; } }
    .popup-call-back__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-call-back__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-call-back__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-call-back__terms-label p {
          font-size: 9px;
 } }
    .popup-call-back__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-call-back__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-call-back__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-call-back__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-call-back__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-call-back__ok {
    display: none;
    padding: 15px 15px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-success);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-call-back__ok.active {
      display: block; }
    @media (max-width: 760px) {
      .popup-call-back__ok {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-success);
        color: var(--color-text-invert); } }
  .popup-call-back__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-call-back__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-write-to-boss {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-write-to-boss {
      padding: 0; } }
  .popup-write-to-boss.active {
    display: flex; }
  .popup-write-to-boss__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-write-to-boss__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-write-to-boss__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-write-to-boss__title {
        font-size: 18px;
 } }
  .popup-write-to-boss__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-write-to-boss__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-write-to-boss__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-write-to-boss__form input,
    .popup-write-to-boss__form textarea {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-write-to-boss__form input,
        .popup-write-to-boss__form textarea {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-write-to-boss__form input::-moz-placeholder, .popup-write-to-boss__form textarea::-moz-placeholder {
        color: gray; }
      .popup-write-to-boss__form input:-ms-input-placeholder, .popup-write-to-boss__form textarea:-ms-input-placeholder {
        color: gray; }
      .popup-write-to-boss__form input::placeholder,
      .popup-write-to-boss__form textarea::placeholder {
        color: gray; }
      .popup-write-to-boss__form input.error,
      .popup-write-to-boss__form textarea.error {
        box-shadow: 0 0 0 2px red; }
    .popup-write-to-boss__form textarea {
      resize: none; }
  .popup-write-to-boss__contacts-input {
    color: var(--color-danger);
    position: absolute;
    top: 156px;
    left: 266px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-write-to-boss__contacts-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-write-to-boss__contacts-input.hide {
      display: none; }
  .popup-write-to-boss__phone-input {
    color: var(--color-danger);
    position: absolute;
    top: 226px;
    left: 92px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-write-to-boss__phone-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-write-to-boss__phone-input.hide {
      display: none; }
  .popup-write-to-boss__captcha-title {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-write-to-boss__captcha-title {
        margin-bottom: 15px;
        font-size: 9px;
 } }
  .popup-write-to-boss__captcha-img {
    display: flex;
    align-items: center;
    max-width: 190px;
    margin-left: 95px;
    margin-bottom: 10px;
    padding-left: 20px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl);
    /*prevent interaction with the canvas */
    pointer-events: none; }
    @media (max-width: 760px) {
      .popup-write-to-boss__captcha-img {
        background-color: var(--color-surface); } }
  .popup-write-to-boss__captcha-input {
    max-width: 190px;
    margin-left: 95px; }
    @media (max-width: 760px) {
      .popup-write-to-boss__captcha-input {
        max-width: 185px; } }
    .popup-write-to-boss__captcha-input.error {
      box-shadow: 0 0 0 2px red; }
  .popup-write-to-boss__captcha-input-description {
    position: absolute;
    top: 267px;
    left: 0px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-write-to-boss__captcha-input-description {
        top: 213px;
 } }
  .popup-write-to-boss__captcha-refresh-btn {
    display: block;
    margin-left: 95px;
    margin-bottom: 30px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-write-to-boss__captcha-refresh-btn {

        font-size: 9px;
        margin-bottom: 15px; } }
  .popup-write-to-boss__recaptcha {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-write-to-boss__recaptcha {
        margin-left: -12px;
        transform: scale(0.9); } }
  .popup-write-to-boss__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-write-to-boss__terms-label {
        margin-bottom: 15px; } }
    .popup-write-to-boss__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-write-to-boss__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-write-to-boss__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-write-to-boss__terms-label p {
          font-size: 9px;
 } }
    .popup-write-to-boss__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-write-to-boss__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-write-to-boss__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-write-to-boss__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-write-to-boss__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-write-to-boss__ok {
    display: none;
    padding: 15px 15px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-success);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-write-to-boss__ok.active {
      display: block; }
    @media (max-width: 760px) {
      .popup-write-to-boss__ok {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-success);
        color: var(--color-text-invert); } }
  .popup-write-to-boss__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-write-to-boss__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-get-wholesale-prices {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-get-wholesale-prices {
      padding: 0; } }
  .popup-get-wholesale-prices.active {
    display: flex; }
  .popup-get-wholesale-prices__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-get-wholesale-prices__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__title {
        font-size: 18px;
 } }
  .popup-get-wholesale-prices__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-get-wholesale-prices__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-get-wholesale-prices__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-get-wholesale-prices__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-get-wholesale-prices__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md); } }
      .popup-get-wholesale-prices__form input::-moz-placeholder {
        color: gray; }
      .popup-get-wholesale-prices__form input:-ms-input-placeholder {
        color: gray; }
      .popup-get-wholesale-prices__form input::placeholder {
        color: gray; }
      .popup-get-wholesale-prices__form input.error {
        box-shadow: 0 0 0 2px red; }
  .popup-get-wholesale-prices__contacts-input {
    color: var(--color-danger);
    position: absolute;
    top: 156px;
    left: 266px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__contacts-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-get-wholesale-prices__contacts-input.hide {
      display: none; }
  .popup-get-wholesale-prices__phone-input {
    color: var(--color-danger);
    position: absolute;
    top: 226px;
    left: 92px;
    font-size: 16px; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__phone-input {
        font-size: 12px;
        top: 156px;
        left: 266px;
        display: none; } }
    .popup-get-wholesale-prices__phone-input.hide {
      display: none; }
  .popup-get-wholesale-prices__captcha-title {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__captcha-title {
        margin-bottom: 15px;
        font-size: 9px;
 } }
  .popup-get-wholesale-prices__recaptcha {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__recaptcha {
        margin-left: -12px;
        transform: scale(0.9); } }
  .popup-get-wholesale-prices__captcha-img {
    display: flex;
    align-items: center;
    max-width: 190px;
    margin-left: 95px;
    margin-bottom: 10px;
    padding-left: 20px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl);
    /*prevent interaction with the canvas */
    pointer-events: none; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__captcha-img {
        background-color: var(--color-surface); } }
  .popup-get-wholesale-prices__captcha-input {
    max-width: 190px;
    margin-left: 95px; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__captcha-input {
        max-width: 185px; } }
    .popup-get-wholesale-prices__captcha-input.error {
      box-shadow: 0 0 0 2px red; }
  .popup-get-wholesale-prices__captcha-input-description {
    position: absolute;
    top: 340px;
    left: 0px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__captcha-input-description {
        top: 265px;
 } }
  .popup-get-wholesale-prices__captcha-refresh-btn {
    display: block;
    margin-left: 95px;
    margin-bottom: 30px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__captcha-refresh-btn {

        font-size: 9px;
        margin-bottom: 15px; } }
  .popup-get-wholesale-prices__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__terms-label {
        margin-bottom: 15px; } }
    .popup-get-wholesale-prices__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-get-wholesale-prices__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-get-wholesale-prices__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-get-wholesale-prices__terms-label p {
          font-size: 9px;
 } }
    .popup-get-wholesale-prices__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-get-wholesale-prices__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-get-wholesale-prices__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-get-wholesale-prices__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-get-wholesale-prices__ok {
    display: none;
    padding: 15px 15px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-success);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-get-wholesale-prices__ok.active {
      display: block; }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__ok {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-success);
        color: var(--color-text-invert); } }
  .popup-get-wholesale-prices__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-get-wholesale-prices__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-discount {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-discount {
      padding: 0; } }
  .popup-discount.active {
    display: flex; }
  .popup-discount__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-discount__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-discount__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-discount__title {
        font-size: 18px;
 } }
  .popup-discount__content {
    text-align: center; }
    .popup-discount__content p {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text);
      min-height: 10px; }
    @media (max-width: 760px) {
      .popup-discount__content p {
        font-size: 14px;
 } }
  .popup-discount__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-discount__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-products-not-available {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-products-not-available {
      padding: 0; } }
  .popup-products-not-available.active {
    display: flex; }
  .popup-products-not-available__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-products-not-available__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-products-not-available__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    max-width: 425px;
    color: var(--color-text);
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-products-not-available__title {
        font-size: 18px;

        max-width: 310px; } }
  .popup-products-not-available__btn-submit {
    display: block;
    padding: 10px 35px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-products-not-available__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-products-not-available__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-products-not-available__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-products-not-available__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-enter-email {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-enter-email {
      padding: 0; } }
  .popup-enter-email.active {
    display: flex; }
  .popup-enter-email__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-enter-email__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-enter-email__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-enter-email__title {
        font-size: 18px;
 } }
  .popup-enter-email__switcher {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    padding: 2px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-enter-email__switcher {
        margin-bottom: 25px;
 } }
  .popup-enter-email__sms-btn, .popup-enter-email__password-btn {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-enter-email__sms-btn, .popup-enter-email__password-btn {
        font-size: 16px;
 } }
    .popup-enter-email__sms-btn.active, .popup-enter-email__password-btn.active {
      background: var(--color-accent);
      color: var(--color-text-invert);
      border-radius: var(--radius-pill); }
      @media (max-width: 760px) {
        .popup-enter-email__sms-btn.active, .popup-enter-email__password-btn.active {
          color: var(--color-text);
          background-color: var(--color-surface); } }
  .popup-enter-email__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-enter-email__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text-muted);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-enter-email__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md);
          color: var(--color-text); } }
      .popup-enter-email__form input::-moz-placeholder {
        color: gray; }
      .popup-enter-email__form input:-ms-input-placeholder {
        color: gray; }
      .popup-enter-email__form input::placeholder {
        color: gray; }
      .popup-enter-email__form input.error {
        box-shadow: 0 0 0 2px red; }
      .popup-enter-email__form input:nth-child(2) {
        margin-bottom: 40px; }
        @media (max-width: 760px) {
          .popup-enter-email__form input:nth-child(2) {
            margin-bottom: 25px; } }
  .popup-enter-email__data-error {
    display: none;
    max-width: 315px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    color: var(--color-danger); }
    .popup-enter-email__data-error.active {
      display: block; }
  .popup-enter-email__button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  .popup-enter-email__btn-submit {
    padding: 15px 45px;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-enter-email__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-enter-email__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-enter-email__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-enter-email__btn-lose-password {
        font-size: 12px;
 } }
  .popup-enter-email__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-enter-email__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-enter-email__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-enter-email__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-enter-sms {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-enter-sms {
      padding: 0; } }
  .popup-enter-sms.active {
    display: flex; }
  .popup-enter-sms__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-enter-sms__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-enter-sms__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-enter-sms__title {
        font-size: 18px;
 } }
  .popup-enter-sms__switcher {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    padding: 2px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-enter-sms__switcher {
        margin-bottom: 25px;
 } }
  .popup-enter-sms__sms-btn, .popup-enter-sms__password-btn {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-enter-sms__sms-btn, .popup-enter-sms__password-btn {
        font-size: 16px;
 } }
    .popup-enter-sms__sms-btn.active, .popup-enter-sms__password-btn.active {
      background: var(--color-accent);
      color: var(--color-text-invert);
      border-radius: var(--radius-pill); }
      @media (max-width: 760px) {
        .popup-enter-sms__sms-btn.active, .popup-enter-sms__password-btn.active {
          color: var(--color-text);
          background-color: var(--color-surface); } }
  .popup-enter-sms__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-enter-sms__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text-muted);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-enter-sms__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md);
          color: var(--color-text); } }
      .popup-enter-sms__form input::-moz-placeholder {
        color: gray; }
      .popup-enter-sms__form input:-ms-input-placeholder {
        color: gray; }
      .popup-enter-sms__form input::placeholder {
        color: gray; }
      .popup-enter-sms__form input.error {
        box-shadow: 0 0 0 2px red; }
      .popup-enter-sms__form input:nth-child(2) {
        margin-bottom: 40px; }
        @media (max-width: 760px) {
          .popup-enter-sms__form input:nth-child(2) {
            margin-bottom: 25px; } }
  .popup-enter-sms__data-error {
    display: none;
    max-width: 315px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    color: var(--color-danger); }
    .popup-enter-sms__data-error.active {
      display: block; }
  .popup-enter-sms__button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  .popup-enter-sms__btn-submit {
    padding: 15px 45px;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-enter-sms__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-enter-sms__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-enter-sms__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-enter-sms__btn-lose-password {
        font-size: 12px;
 } }
  .popup-enter-sms__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-enter-sms__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-enter-sms__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-enter-sms__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-sms-code {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-sms-code {
      padding: 0; } }
  .popup-sms-code.active {
    display: flex; }
  .popup-sms-code__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-sms-code__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-sms-code__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-sms-code__title {
        font-size: 18px;
 } }
  .popup-sms-code__text {
    max-width: 365px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-sms-code__text {
        font-size: 14px;
        font-weight: 500;
 } }
  .popup-sms-code__form {
    position: relative;
    max-width: 372px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 22px;
         column-gap: 22px; }
    @media (max-width: 760px) {
      .popup-sms-code__form {
        -moz-column-gap: 18px;
             column-gap: 18px; } }
    .popup-sms-code__form input {
      width: 36px;
      height: 50px;
      padding: 8px;
      margin-bottom: 30px;
      font-size: 28px;
      font-weight: 500;
      color: var(--color-text-muted);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-sm);
      text-align: center; }
      @media (max-width: 760px) {
        .popup-sms-code__form input {
          margin-bottom: 25px;
          padding: 8px;
          font-size: 20px;
          border-radius: var(--radius-sm);
          color: var(--color-text); } }
      .popup-sms-code__form input::-moz-placeholder {
        color: var(--color-text); }
      .popup-sms-code__form input:-ms-input-placeholder {
        color: var(--color-text); }
      .popup-sms-code__form input::placeholder {
        color: var(--color-text); }
      .popup-sms-code__form input.error {
        box-shadow: 0 0 0 2px red; }
  .popup-sms-code__button-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
  .popup-sms-code__btn-submit {
    padding: 15px 45px;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-sms-code__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-sms-code__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-sms-code__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-sms-code__btn-lose-password {
        font-size: 12px;
 } }
  .popup-sms-code__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-sms-code__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-sms-code__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-sms-code__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-change-password-email {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-change-password-email {
      padding: 0; } }
  .popup-change-password-email.active {
    display: flex; }
  .popup-change-password-email__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-change-password-email__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-change-password-email__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-change-password-email__title {
        font-size: 18px;
 } }
  .popup-change-password-email__switcher {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    padding: 2px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-change-password-email__switcher {
        margin-bottom: 25px;
 } }
  .popup-change-password-email__sms-btn, .popup-change-password-email__password-btn {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-change-password-email__sms-btn, .popup-change-password-email__password-btn {
        font-size: 16px;
 } }
    .popup-change-password-email__sms-btn.active, .popup-change-password-email__password-btn.active {
      background: var(--color-accent);
      color: var(--color-text-invert);
      border-radius: var(--radius-pill); }
      @media (max-width: 760px) {
        .popup-change-password-email__sms-btn.active, .popup-change-password-email__password-btn.active {
          color: var(--color-text);
          background-color: var(--color-surface); } }
  .popup-change-password-email__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-change-password-email__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text-muted);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-change-password-email__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md);
          color: var(--color-text); } }
      .popup-change-password-email__form input::-moz-placeholder {
        color: gray; }
      .popup-change-password-email__form input:-ms-input-placeholder {
        color: gray; }
      .popup-change-password-email__form input::placeholder {
        color: gray; }
      .popup-change-password-email__form input.error {
        box-shadow: 0 0 0 2px red; }
      .popup-change-password-email__form input:nth-child(2) {
        margin-bottom: 40px; }
        @media (max-width: 760px) {
          .popup-change-password-email__form input:nth-child(2) {
            margin-bottom: 25px; } }
  .popup-change-password-email__data-error {
    display: none;
    max-width: 315px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-change-password-email__data-error {
        font-size: 14px;
 } }
    .popup-change-password-email__data-error button {
      color: var(--color-text);
      font-weight: 500;
      text-decoration: underline; }
      @media (max-width: 760px) {
        .popup-change-password-email__data-error button {
 } }
    .popup-change-password-email__data-error.active {
      display: block; }
  .popup-change-password-email__button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  .popup-change-password-email__btn-submit {
    padding: 15px 45px;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-change-password-email__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-change-password-email__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-change-password-email__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-change-password-email__btn-lose-password {
        font-size: 12px;
 } }
  .popup-change-password-email__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-change-password-email__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-change-password-email__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-change-password-email__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-change-password-email-succes {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-change-password-email-succes {
      padding: 0; } }
  .popup-change-password-email-succes.active {
    display: flex; }
  .popup-change-password-email-succes__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-change-password-email-succes__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-change-password-email-succes__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-change-password-email-succes__title {
        font-size: 18px;
 } }
  .popup-change-password-email-succes__text {
    max-width: 340px;
    font-size: 18px;
    width: 400px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-change-password-email-succes__text {
        max-width: 320px;
        padding: 0 20px;
        font-size: 14px;

        text-align: center; } }
  .popup-change-password-email-succes__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-change-password-email-succes__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-new-password {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-new-password {
      padding: 0; } }
  .popup-new-password.active {
    display: flex; }
  .popup-new-password__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-new-password__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-new-password__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-new-password__title {
        font-size: 18px;
 } }
  .popup-new-password__form {
    position: relative;
    max-width: 372px;
    width: 100%; }
    .popup-new-password__form input {
      width: 100%;
      padding: 15px 18px;
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text-muted);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 760px) {
        .popup-new-password__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md);
          color: var(--color-text); } }
      .popup-new-password__form input::-moz-placeholder {
        color: gray; }
      .popup-new-password__form input:-ms-input-placeholder {
        color: gray; }
      .popup-new-password__form input::placeholder {
        color: gray; }
      .popup-new-password__form input.error {
        box-shadow: 0 0 0 2px red; }
        @media (max-width: 760px) {
          .popup-new-password__form input.error {
            margin-bottom: 25px; } }
  .popup-new-password__text {
    margin-bottom: 10px;
    font-size: 13.5px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-new-password__text {
        font-size: 12px;
        font-weight: 500;
 } }
  .popup-new-password__button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  .popup-new-password__btn-submit {
    padding: 15px 45px;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-new-password__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-new-password__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-new-password__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-new-password__btn-lose-password {
        font-size: 12px;
 } }
  .popup-new-password__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-new-password__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-new-password__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-new-password__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-registration-company {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-registration-company {
      padding: 0; } }
  .popup-registration-company.active {
    display: flex; }
  .popup-registration-company__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-registration-company__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-registration-company__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-registration-company__title {
        font-size: 18px;
 } }
  .popup-registration-company__subtitle {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-company__subtitle {
        margin-bottom: 15px;
        font-size: 12px;
 } }
    @media (max-width: 760px) {
      .popup-registration-company__subtitle span {
        color: var(--color-danger); } }
  .popup-registration-company__company-tipe {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-company__company-tipe {
        font-size: 16px;
 } }
  .popup-registration-company__switcher {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    padding: 2px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-registration-company__switcher {
        margin-bottom: 25px;
 } }
  .popup-registration-company__sms-btn, .popup-registration-company__password-btn {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-registration-company__sms-btn, .popup-registration-company__password-btn {
        font-size: 16px;
 } }
    .popup-registration-company__sms-btn.active, .popup-registration-company__password-btn.active {
      background: var(--color-accent);
      color: var(--color-text-invert);
      border-radius: var(--radius-pill); }
      @media (max-width: 760px) {
        .popup-registration-company__sms-btn.active, .popup-registration-company__password-btn.active {
          color: var(--color-text);
          background-color: var(--color-surface); } }
  .popup-registration-company__form {
    position: relative;
    max-width: 330px;
    width: 100%; }
    .popup-registration-company__form input {
      width: 100%;
      padding: 0 0 8px 0;
      margin-bottom: 27px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border-bottom: 1px solid var(--color-border-strong);
      border-radius: 0px; }
	  .popup-registration-company__form .uf-subscribe {margin-bottom:27px;}
.popup-registration-company__form .uf-subscribe input{display: inline-block;width: auto;    margin-bottom: 35px; float: left;margin-right: 10px;}
.popup-registration-company__form .uf-subscribe label{ line-height: 19px;}
      @media (max-width: 760px) {
        .popup-registration-company__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md);
          color: var(--color-text);
          border: 1px solid var(--color-border-strong); } }
      .popup-registration-company__form input::-moz-placeholder {
        color: gray; }
      .popup-registration-company__form input:-ms-input-placeholder {
        color: gray; }
      .popup-registration-company__form input::placeholder {
        color: gray; }
      .popup-registration-company__form input.error {
        box-shadow: 0 0 0 2px red; }
  .popup-registration-company__data-error {
    display: none;
    max-width: 315px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    color: var(--color-danger); }
    .popup-registration-company__data-error.active {
      display: block; }
  .popup-registration-company__button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  .popup-registration-company__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-registration-company__terms-label {
        margin-bottom: 15px; } }
    .popup-registration-company__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-registration-company__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-registration-company__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-registration-company__terms-label p {
          font-size: 9px;
 } }
    .popup-registration-company__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-left: 3px;
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-registration-company__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-registration-company__inn-finded {
    display: none;
    position: absolute;
    top: 27px;
    max-width: 330px;
    width: 100%;
    padding: 20px 15px;
    background-color: var(--color-surface);
    border: 2px solid var(--color-border); }
    @media (max-width: 760px) {
      .popup-registration-company__inn-finded {
        border: 1px solid var(--color-border-strong);
        border-top: none;
        border-radius: 0 0 var(--radius-md) var(--radius-md); } }
    .popup-registration-company__inn-finded span {
      display: block;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-registration-company__inn-finded span {
          margin-bottom: 7px;
          font-size: 12px; } }
    .popup-registration-company__inn-finded p {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-text);
      white-space: nowrap;
      overflow: hidden; }
      @media (max-width: 760px) {
        .popup-registration-company__inn-finded p {
          font-size: 11px; } }
    .popup-registration-company__inn-finded.active {
      display: block; }
  .popup-registration-company__btn-submit {
    padding: 15px 45px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-registration-company__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-registration-company__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-registration-company__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-registration-company__btn-lose-password {
        font-size: 12px;
 } }
  .popup-registration-company__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-company__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-registration-company__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-registration-company__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-registration-entrepreneur {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-registration-entrepreneur {
      padding: 0; } }
  .popup-registration-entrepreneur.active {
    display: flex; }
  .popup-registration-entrepreneur__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-registration-entrepreneur__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__title {
        font-size: 18px;
 } }
  .popup-registration-entrepreneur__subtitle {
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__subtitle {
        margin-bottom: 15px;
        font-size: 12px;
 } }
    .popup-registration-entrepreneur__subtitle span {
      display: inline-block;
      margin: 0 3px; }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__subtitle span {
          color: var(--color-danger); } }
  .popup-registration-entrepreneur__company-tipe {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__company-tipe {
        font-size: 16px;
 } }
  .popup-registration-entrepreneur__switcher {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-pill);
    padding: 2px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__switcher {
        margin-bottom: 25px;
 } }
  .popup-registration-entrepreneur__sms-btn, .popup-registration-entrepreneur__password-btn {
    padding: 7px 20px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__sms-btn, .popup-registration-entrepreneur__password-btn {
        font-size: 16px;
 } }
    .popup-registration-entrepreneur__sms-btn.active, .popup-registration-entrepreneur__password-btn.active {
      background: var(--color-accent);
      color: var(--color-text-invert);
      border-radius: var(--radius-pill); }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__sms-btn.active, .popup-registration-entrepreneur__password-btn.active {
          color: var(--color-text);
          background-color: var(--color-surface); } }
  .popup-registration-entrepreneur__form {
    position: relative;
    max-width: 330px;
    width: 100%; }
    .popup-registration-entrepreneur__form input {
      width: 100%;
      padding: 0 0 8px 0;
      margin-bottom: 27px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      border-bottom: 1px solid var(--color-border-strong);
      border-radius: 0px; }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__form input {
          margin-bottom: 15px;
          padding: 10px 15px;
          font-size: 12px;
          border-radius: var(--radius-md);
          color: var(--color-text);
          border: 1px solid var(--color-border-strong); } }
      .popup-registration-entrepreneur__form input::-moz-placeholder {
        color: gray; }
      .popup-registration-entrepreneur__form input:-ms-input-placeholder {
        color: gray; }
      .popup-registration-entrepreneur__form input::placeholder {
        color: gray; }
      .popup-registration-entrepreneur__form input.error {
        box-shadow: 0 0 0 2px red; }
  .popup-registration-entrepreneur__data-error {
    display: none;
    max-width: 315px;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
    color: var(--color-danger); }
    .popup-registration-entrepreneur__data-error.active {
      display: block; }
  .popup-registration-entrepreneur__button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  .popup-registration-entrepreneur__terms-label {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__terms-label {
        margin-bottom: 15px; } }
    .popup-registration-entrepreneur__terms-label input {
      width: 16px;
      height: 16px;
      padding: 0;
      margin: 0;
      margin-right: 8px;
      border: 1px solid var(--color-border-strong);
      cursor: pointer;
      border-radius: var(--radius-xs); }
      .popup-registration-entrepreneur__terms-label input.error {
        box-shadow: 0 0 0 2px red; }
    .popup-registration-entrepreneur__terms-label p {
      max-width: 300px;
      font-size: 12px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__terms-label p {
          font-size: 9px;
 } }
    .popup-registration-entrepreneur__terms-label a {
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      margin-left: 3px;
      margin-right: 3px; }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__terms-label a {
          margin-bottom: 15px;
          font-size: 9px;
 } }
  .popup-registration-entrepreneur__inn-finded {
    display: none;
    position: absolute;
    top: 27px;
    max-width: 330px;
    width: 100%;
    padding: 20px 15px;
    background-color: var(--color-surface);
    border: 2px solid var(--color-border); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__inn-finded {
        border: 1px solid var(--color-border-strong);
        border-top: none;
        border-radius: 0 0 var(--radius-md) var(--radius-md); } }
    .popup-registration-entrepreneur__inn-finded span {
      display: block;
      margin-bottom: 10px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__inn-finded span {
          margin-bottom: 7px;
          font-size: 12px; } }
    .popup-registration-entrepreneur__inn-finded p {
      font-size: 14px;
      font-weight: 500;
      color: var(--color-text);
      white-space: nowrap;
      overflow: hidden; }
      @media (max-width: 760px) {
        .popup-registration-entrepreneur__inn-finded p {
          font-size: 11px; } }
    .popup-registration-entrepreneur__inn-finded.active {
      display: block; }
  .popup-registration-entrepreneur__btn-submit {
    padding: 15px 45px;
    text-align: center;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    .popup-registration-entrepreneur__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__btn-submit {
        width: auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-registration-entrepreneur__btn-lose-password {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__btn-lose-password {
        font-size: 12px;
 } }
  .popup-registration-entrepreneur__btn-register-new-company {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__btn-register-new-company {
        font-size: 11.5px;
 } }
  .popup-registration-entrepreneur__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-registration-entrepreneur-success {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-registration-entrepreneur-success {
      padding: 0; } }
  .popup-registration-entrepreneur-success.active {
    display: flex; }
  .popup-registration-entrepreneur-success__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur-success__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-registration-entrepreneur-success__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur-success__title {
        font-size: 18px;
 } }
  .popup-registration-entrepreneur-success__text {
    max-width: 450px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur-success__text {
        font-size: 14px;
 } }
  .popup-registration-entrepreneur-success__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-registration-entrepreneur-success__btn-close {
        top: 20px;
        right: 20px;
        width: 15px;
        height: 15px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-added-to-cart {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-added-to-cart {
      padding: 0; } }
  .popup-added-to-cart.active {
    display: flex; }
  .popup-added-to-cart__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-added-to-cart__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-added-to-cart__title {
    display: block;
    max-width: 420px;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-added-to-cart__title {
        margin-bottom: 20px;
        font-size: 18px;
 } }
  .popup-added-to-cart__card {
    max-width: 275px;
    margin-bottom: 40px;
    padding: 15px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-added-to-cart__card {
        margin-bottom: 30px; } }
    .popup-added-to-cart__card img {
      display: block;
      width: 225px;
      margin: 0 auto;
      max-height: 170px;
      margin-bottom: 10px;
      -o-object-fit: contain;
         object-fit: contain; }
    .popup-added-to-cart__card p {
      font-size: 15px;
      font-weight: 500;
      color: var(--color-text); }
  .popup-added-to-cart__button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
    flex-wrap: wrap; }
  .popup-added-to-cart__btn-submit {
    display: block;
    padding: 15px 45px;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .popup-added-to-cart__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-added-to-cart__btn-to-cart {
    display: inline-block;
    padding: 15px 45px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-added-to-cart__btn-to-cart {
        padding: 10px 33px;
        border-radius: var(--radius-pill);
        font-size: 12px;

 } }
  .popup-added-to-cart__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 20px;
    right: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-added-to-cart__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-order-formed {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-order-formed {
      padding: 0; } }
  .popup-order-formed.active {
    display: flex; }
  .popup-order-formed__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-order-formed__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-order-formed__title, .popup-order-formed__title--second-line {
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 25px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-order-formed__title, .popup-order-formed__title--second-line {
        white-space: normal;
        font-size: 18px;
 } }
    .popup-order-formed__title span, .popup-order-formed__title--second-line span {
      margin: 0 5px; }
  .popup-order-formed__title--second-line {
    margin-bottom: 15px; }
  .popup-order-formed__subtitle {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-order-formed__subtitle {
        display: none; } }
  .popup-order-formed__text {
    max-width: 360px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text);
    text-align: center; }
    @media (max-width: 760px) {
      .popup-order-formed__text {
        font-size: 14px;
 } }
    .popup-order-formed__text a {
      margin-left: 5px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text);
      text-decoration: underline; }
      @media (max-width: 760px) {
        .popup-order-formed__text a {
          font-size: 14px;
 } }
  .popup-order-formed__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 25px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-order-formed__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-delivery {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-delivery {
      padding: 0; } }
  .popup-delivery.active {
    display: flex; }
  .popup-delivery__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 875px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 100px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-delivery__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-delivery__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-delivery__top {
        margin-bottom: 20px; } }
  .popup-delivery__title, .popup-delivery__title-btn {
    display: inline-block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-delivery__title, .popup-delivery__title-btn {
        font-size: 18px;
 } }
  .popup-delivery__title-btn {
    position: relative;
    margin-left: 5px;
    text-decoration: underline; }
    .popup-delivery__title-btn::after {
      content: '';
      display: inline-block;
      width: 14px;
      height: 6px;
      margin-left: 10px;
      margin-bottom: 3px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23050000'/%3E%3C/svg%3E"); }
      @media (max-width: 760px) {
        .popup-delivery__title-btn::after {
          background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23ffffff'/%3E%3C/svg%3E"); } }
    .popup-delivery__title-btn.active::after {
      transform: rotate(180deg); }
  .popup-delivery__map-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 90%;
    margin-bottom: 30px; }
    .popup-delivery__map-wrapper .map {
      width: 100%;
      height: 100%;
      background-color: var(--color-surface-dark-alt); }
  .popup-delivery__city-wrapper {
    display: none; }
    .popup-delivery__city-wrapper.active {
      display: block; }
  .popup-delivery__city-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 10px;
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-delivery__city-list {
        -moz-column-gap: 12px;
             column-gap: 12px; } }
  .popup-delivery__city-btn {
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-muted);
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border-strong); }
    @media (max-width: 760px) {
      .popup-delivery__city-btn {
        padding: 5px 15px;
        font-size: 9px;

 } }
    .popup-delivery__city-btn.active {
      color: var(--color-text);
      border: 1px solid var(--color-border); }
      @media (max-width: 760px) {
        .popup-delivery__city-btn.active {
          background-color: var(--color-surface);
          border: 1px solid var(--color-surface); } }
  .popup-delivery__input-wrapper {
    position: relative;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-delivery__input-wrapper {
        margin-bottom: 20px; } }
  .popup-delivery__search-city-btn, .popup-delivery__clear-city-btn {
    position: absolute;
    top: 15px;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 760px) {
      .popup-delivery__search-city-btn, .popup-delivery__clear-city-btn {
        top: 7px;
        width: 15px;
        height: 15px; } }
  .popup-delivery__search-city-btn {
    left: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8038 19.8404L15.3639 14.3184C16.5769 12.8068 17.307 10.8807 17.307 8.78341C17.307 3.94008 13.4256 0 8.65374 0C3.88191 0 0 3.93962 0 8.78341C0 13.6263 3.88191 17.5664 8.65374 17.5664C10.8772 17.5664 12.9016 16.703 14.4364 15.2987L19.8572 20.8011C19.988 20.9339 20.1598 21 20.3307 21C20.5025 21 20.6735 20.9339 20.8042 20.8011C21.0653 20.5361 21.0653 20.1054 20.8038 19.8404ZM0.892152 8.78295C0.892152 4.43927 4.37373 0.90552 8.6533 0.90552C12.9324 0.90552 16.414 4.43927 16.414 8.78295C16.414 10.8662 15.6066 12.7579 14.3012 14.1685C14.295 14.1739 14.2883 14.1758 14.282 14.1812C14.2731 14.1907 14.2704 14.2029 14.2619 14.212C12.8476 15.7164 10.8589 16.6595 8.65374 16.6595C4.37373 16.6599 0.892152 13.1262 0.892152 8.78295Z' fill='%23a9a9a9'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-delivery__search-city-btn {
        left: 10px;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8599 14.1717L10.9742 10.2275C11.8406 9.14774 12.3622 7.77195 12.3622 6.27386C12.3622 2.81434 9.5897 0 6.18124 0C2.77279 0 0 2.81402 0 6.27386C0 9.73306 2.77279 12.5474 6.18124 12.5474C7.76943 12.5474 9.21544 11.9307 10.3117 10.9277L14.1837 14.858C14.2771 14.9528 14.3998 15 14.5219 15C14.6447 15 14.7668 14.9528 14.8602 14.858C15.0467 14.6687 15.0467 14.361 14.8599 14.1717ZM0.637252 6.27354C0.637252 3.17091 3.12409 0.6468 6.18093 0.6468C9.23744 0.6468 11.7243 3.17091 11.7243 6.27354C11.7243 7.7616 11.1476 9.11279 10.2152 10.1204C10.2107 10.1242 10.2059 10.1255 10.2014 10.1294C10.1951 10.1362 10.1932 10.145 10.1871 10.1514C9.17687 11.226 7.75636 11.8996 6.18124 11.8996C3.12409 11.9 0.637252 9.37585 0.637252 6.27354Z' fill='white'/%3E%3C/svg%3E%0A"); } }
  .popup-delivery__clear-city-btn {
    right: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(0.720572 0.69338 -0.720572 0.69338 1.3457 0.125977)' fill='%23333333'/%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(-0.720572 0.69338 -0.720572 -0.69338 17.5352 0.848633)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-delivery__clear-city-btn {
        right: 10px;
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10.5673' height='0.559545' rx='0.279772' transform='matrix(0.700467 0.713684 -0.700467 0.713684 0.597656 0.0585938)' fill='white'/%3E%3Crect width='10.5673' height='0.559545' rx='0.279772' transform='matrix(-0.700467 0.713684 -0.700467 -0.713684 7.79297 0.399414)' fill='white'/%3E%3C/svg%3E "); } }
  .popup-delivery__city-input {
    width: 100%;
    padding: 15px 45px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-delivery__city-input {
        padding: 8px 35px;
        font-size: 10px;
        background-color: var(--color-accent);
        color: var(--color-text-invert);
        border: 1px solid var(--color-surface);
        border-radius: var(--radius-md); } }
  .popup-delivery__quantity-row {
    display: flex;
    align-items: center;
    align-items: stretch;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-delivery__quantity-row {
        margin-bottom: 25px; } }
  .popup-delivery__quantity-wrapper {
    display: flex;
    flex-direction: column;
    margin-right: 50px; }
    @media (max-width: 760px) {
      .popup-delivery__quantity-wrapper {
        margin-right: 40px; } }
  .popup-delivery__quantity-title, .popup-delivery__all-cart-title {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-delivery__quantity-title, .popup-delivery__all-cart-title {
        margin-bottom: 10px;
        font-size: 12px;
 } }
  .popup-delivery__quantity-box .quantity-box__btn {
    width: 30px;
    height: 30px;
    font-size: 24px; }
    @media (max-width: 760px) {
      .popup-delivery__quantity-box .quantity-box__btn {
        width: 25px;
        height: 25px;
        font-size: 20px; } }
  .popup-delivery__quantity-box .quantity-box__input[class] {
    width: 35px;
    height: 35px;
    font-size: 18px; }
    @media (max-width: 760px) {
      .popup-delivery__quantity-box .quantity-box__input[class] {
        width: 25px;
        height: 25px;
        font-size: 14px; } }
  .popup-delivery__all-cart-wrapper {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
  .popup-delivery__all-cart-title {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .popup-delivery__all-cart-title {
        margin-bottom: 15px; } }
  .popup-delivery__check.check {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-delivery__check.check {
 } }
    .popup-delivery__check.check .check__box {
      position: absolute;
      width: 16px;
      height: 16px;
      margin-left: -24px;
      background-color: var(--color-surface);
      background-image: none;
      border: 1px solid var(--color-border-strong); }
      @media (max-width: 760px) {
        .popup-delivery__check.check .check__box {
          background-color: var(--color-accent);
          border: 1px solid var(--color-surface); } }
    .popup-delivery__check.check .check__input:checked + .check__box {
      background-color: var(--color-accent);
      border: 1px solid var(--color-border);
      background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L4.83514 10.7733C4.91591 10.8844 5.08199 10.8829 5.16074 10.7704L12 1' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E "); }
      @media (max-width: 760px) {
        .popup-delivery__check.check .check__input:checked + .check__box {
 } }
  .popup-delivery__variant-item:not(:last-child) {
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-delivery__variant-item:not(:last-child) {
        margin-bottom: 25px; } }
  .popup-delivery__variant-item.active .popup-delivery__text {
    display: block; }
  .popup-delivery__radio-check[class] {
    display: block;
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-delivery__radio-check[class] {
        padding-left: 24px;
 } }
    .popup-delivery__radio-check[class] .check__box {
      position: absolute;
      width: 20px;
      height: 20px;
      margin-left: -30px;
      background-color: var(--color-surface);
      background-image: none;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-round); }
      @media (max-width: 760px) {
        .popup-delivery__radio-check[class] .check__box {
          margin-left: -24px;
          width: 16px;
          height: 16px;
          background-color: var(--color-accent);
          border: 1px solid var(--color-surface); } }
    .popup-delivery__radio-check[class] .check__input:checked + .check__box {
      border: 4px solid var(--color-border); }
      @media (max-width: 760px) {
        .popup-delivery__radio-check[class] .check__input:checked + .check__box {
          border: 4px solid var(--color-surface); } }
  .popup-delivery__price-row {
    display: flex;
    align-items: center;
    padding-left: 30px; }
    @media (max-width: 760px) {
      .popup-delivery__price-row {
        padding-left: 22px; } }
  .popup-delivery__price {
    margin-right: 15px;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md); }
    @media (max-width: 760px) {
      .popup-delivery__price {
        margin-right: 12px;
        font-size: 12px;

 } }
  .popup-delivery__date {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-delivery__date {
        font-size: 12px;
 } }
  .popup-delivery__text {
    display: none;
    margin-top: 20px;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-delivery__text {
        margin-top: 15px;
        padding-left: 22px;
        font-size: 12px;
 } }
  .popup-delivery__form {
    position: relative;
    width: 100%; }
  .popup-delivery__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-delivery__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.check {
  padding-left: 24px; }
  .check__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0); }
  .check__box {
    position: absolute;
    width: 1em;
    height: 1em;
    margin-left: -1.2em;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='3' y='3' width='14' height='14' fill='%23fff' stroke='%234a90e2' stroke-width='2' rx='2'/%3E%3C/svg%3E"); }

.popup-accept-city {
  display: none;
  position: absolute;
  z-index: 100;
  top: 44px;
  padding: 15px 20px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background-color: white; }
  @media (max-width: 1200px) {
    .popup-accept-city {
      top: 5px;
      left: 5px; } }
  .popup-accept-city.active {
    display: block; }
  .popup-accept-city__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text); }
    .popup-accept-city__title strong {
      font-weight: 600; }
  .popup-accept-city__buttons-list[class] {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border-strong); }
  .popup-accept-city__btn {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500;
    border-radius: var(--radius-md); }
    .popup-accept-city__btn--yes {
      color: var(--color-text-invert);
      background-color: var(--color-accent);
      border: 1px solid var(--color-border); }
    .popup-accept-city__btn--no {
      color: var(--color-text);
      background-color: var(--color-surface);
      border: 1px solid var(--color-border); }
  .popup-accept-city__btn-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }

.popup-choose-city {
  display: none;
  position: absolute;
  z-index: 100;
  top: 44px;
  padding: 15px 20px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  background-color: white; }
  @media (max-width: 1200px) {
    .popup-choose-city {
      top: 5px;
      left: 5px; } }
  @media (max-width: 540px) {
    .popup-choose-city {
      top: 5px;
      left: 5px;
      width: 310px; } }
  .popup-choose-city.active {
    display: block; }
  .popup-choose-city__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    .popup-choose-city__title strong {
      font-weight: 600; }
  .popup-choose-city__input {
    position: relative;
    width: 352px;
    max-width: 100%;
    margin-bottom: 15px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background-position-y: 10px;
    background-position-x: calc( 100% - 15px);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='7.48649' cy='7.54023' rx='6.48649' ry='6.32978' stroke='%232B3F6C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9458 12.2544L15.9999 16.2105' stroke='%232B3F6C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    .popup-choose-city__input::-moz-placeholder {
      color: var(--color-text-muted); }
    .popup-choose-city__input:-ms-input-placeholder {
      color: var(--color-text-muted); }
    .popup-choose-city__input::placeholder {
      color: var(--color-text-muted); }
  .popup-choose-city__popular-citys-list {
    -moz-column-count: 2;
         column-count: 2; }
  .popup-choose-city__popular-city-item {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400; }
    .popup-choose-city__popular-city-item--accent {
      font-weight: 600; }
  .popup-choose-city__buttons-list[class] {
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    padding-top: 10px; }
  .popup-choose-city__btn {
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--radius-md); }
    .popup-choose-city__btn--yes {
      color: var(--color-text-muted);
      background-color: var(--color-border);
      border: 1px solid var(--color-border); }
      .popup-choose-city__btn--yes.active {
        color: var(--color-text-invert);
        background-color: var(--color-accent);
        border: 1px solid var(--color-border); }
    .popup-choose-city__btn--no {
      color: var(--color-text);
      background-color: var(--color-surface); }
  .popup-choose-city__btn-close {
    position: absolute;
    top: 3px;
    right: 6px;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }

.popup-cv {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-cv {
      padding: 0; } }
  .popup-cv.success .popup-cv__title-success {
    display: block; }
  .popup-cv.success .popup-cv__title {
    display: none; }
  .popup-cv.success .popup-cv__form {
    display: none; }
  .popup-cv.active {
    display: flex; }
  .popup-cv__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-cv__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-cv__title, .popup-cv__title-success {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .popup-cv__title, .popup-cv__title-success {
        font-size: 18px;
 } }
  .popup-cv__title-success {
    display: none; }
  .popup-cv__form {
    position: relative;
    width: 100%; }
  .popup-cv__inputs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-cv__inputs-wrapper {
        gap: 15px;
        margin-bottom: 15px; } }
  .popup-cv__input-label {
    max-width: 310px;
    width: 100%; }
  .popup-cv__input-title {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .popup-cv__input-title {
        font-size: 12px;
 } }
  .popup-cv__input {
    width: 100%;
    padding: 15px 15px;
    font-size: 16px;
    color: var(--color-text);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md); }
    @media (max-width: 760px) {
      .popup-cv__input {
        padding: 10px 15px;
        font-size: 12px;
        font-weight: 500;
        border-color: var(--color-border); } }
  .popup-cv__input-file-label {
    display: block;
    max-width: 370px;
    width: 100%;
    margin-bottom: 30px; }
  .popup-cv__hidden-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0); }
  .popup-cv__visible-file-input {
    position: relative;
    width: 100%;
    max-width: 370px;
    height: 56px;
    font-size: 16px;
    padding: 15px 15px;
    color: var(--color-text);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    overflow: hidden; }
    @media (max-width: 760px) {
      .popup-cv__visible-file-input {
        padding: 10px 15px;
        height: 37px;
        font-size: 12px;
        font-weight: 500;
        background-color: var(--color-surface); } }
    .popup-cv__visible-file-input::after {
      content: '';
      z-index: 10;
      position: absolute;
      top: 0;
      right: -1px;
      display: block;
      width: 65px;
      height: 56px;
      background-color: var(--color-accent);
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-md);
      background-repeat: no-repeat;
      background-size: 33px 33px;
      background-position: 16px 10px;
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.175 13.7502H12.3612V20.6252C12.3612 21.3814 12.98 22.0002 13.7362 22.0002H19.2362C19.9925 22.0002 20.6112 21.3814 20.6112 20.6252V13.7502H22.7975C24.0212 13.7502 24.64 12.2652 23.7738 11.3989L17.4625 5.08766C17.3353 4.96019 17.1842 4.85906 17.0179 4.79006C16.8515 4.72106 16.6732 4.68555 16.4931 4.68555C16.313 4.68555 16.1347 4.72106 15.9684 4.79006C15.8021 4.85906 15.651 4.96019 15.5238 5.08766L9.2125 11.3989C8.34625 12.2652 8.95125 13.7502 10.175 13.7502ZM6.875 26.1252C6.875 26.8814 7.49375 27.5002 8.25 27.5002H24.75C25.5063 27.5002 26.125 26.8814 26.125 26.1252C26.125 25.3689 25.5063 24.7502 24.75 24.7502H8.25C7.49375 24.7502 6.875 25.3689 6.875 26.1252Z' fill='white'/%3E%3C/svg%3E"); }
      @media (max-width: 760px) {
        .popup-cv__visible-file-input::after {
          width: 40px;
          height: 100%;
          background-size: 30px 30px;
          background-position: 4px 1px; } }
    .popup-cv__visible-file-input.error {
      border: 2px solid var(--color-danger); }
  .popup-cv__terms {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .popup-cv__terms {
        font-size: 12px;
 } }
  .popup-cv__btn-submit {
    display: block;
    margin-bottom: 40px;
    padding: 15px 70px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert);
    background: var(--color-accent);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .popup-cv__btn-submit {
        width: auto;
        margin: 0 auto;
        margin-bottom: 20px;
        font-size: 12px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text);
        border-radius: var(--radius-pill); } }
  .popup-cv__terms-link {
    margin-left: 5px;
    color: inherit; }
  .popup-cv__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-cv__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.popup-liked {
  display: none;
  align-items: flex-start;
  justify-content: center;
  background: rgba(41, 41, 41, 0.37);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30vh 10px 30px;
  z-index: 200;
  overflow-y: auto; }
  @media (max-width: 760px) {
    .popup-liked {
      padding: 0; } }
  .popup-liked.active {
    display: flex; }
  .popup-liked__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 60px;
    background-color: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow-y: auto; }
    @media (max-width: 760px) {
      .popup-liked__wrapper {
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 70px 20px;
        border-radius: 0; } }
  .popup-liked__title {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .popup-liked__title {
        font-size: 18px;
 } }
  .popup-liked__btn-submit {
    display: block;
    padding: 15px 45px;
    margin: 0 auto;
    background: var(--color-accent);
    border-radius: var(--radius-pill);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    .popup-liked__btn-submit.hide {
      display: none; }
    @media (max-width: 760px) {
      .popup-liked__btn-submit {
        width: auto;
        margin: 0 auto;
        font-size: 11px;
        padding: 10px 33px;
        background-color: var(--color-surface);
        color: var(--color-text); } }
  .popup-liked__btn-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 10px;
    right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .popup-liked__btn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } }

.my-select {
  z-index: 20; }
  .my-select .choices__inner,
  .my-select .is-open .choices__inner {
    padding: 12px 15px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background-color: var(--color-surface); }
    @media (max-width: 1200px) {
      .my-select .choices__inner,
      .my-select .is-open .choices__inner {
        padding: 10px 15px;
        font-size: 12px; } }
  .my-select .is-open .choices__inner {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
  .my-select .choices[data-type*=select-one] .choices__inner {
    padding: 12px 15px; }
    @media (max-width: 1200px) {
      .my-select .choices[data-type*=select-one] .choices__inner {
        padding: 10px 15px; } }
  .my-select .choices[data-type*=select-one]::after {
    border: none;
    width: 14px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.68457L8 6.68457L15 0.68457' stroke='%23050000'/%3E%3C/svg%3E%0A"); }
  .my-select .choices[data-type*=select-one].is-open::after {
    margin-top: 0;
    transform: rotate(180deg); }
  .my-select .choices__list.choices__list--dropdown.is-active {
    padding: 0px 15px 12px 15px;
    border: 1px solid var(--color-border);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    background-color: var(--color-surface); }
    @media (max-width: 1200px) {
      .my-select .choices__list.choices__list--dropdown.is-active {
        padding: 0px 15px 10px 15px; } }
    .my-select .choices__list.choices__list--dropdown.is-active .choices__item {
      padding: 10px 0px;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .my-select .choices__list.choices__list--dropdown.is-active .choices__item {
          font-size: 12px; } }
  .my-select .choices__list--dropdown .choices__item--selectable::after, .my-select .choices__list[aria-expanded] .choices__item--selectable::after {
    display: none; }

.breadcrumbs {
  max-width: var(--layout-max);
  padding: 35px 10px 40px 10px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .breadcrumbs {
      position: relative;
      padding: 15px 20px 20px 20px; }
      .breadcrumbs::before {
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 80px;
        height: 100%;
        z-index: 10;
        background: white;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 47%, white 100%); } }
  .breadcrumbs a {
    position: relative;
    color: var(--color-text);
    font-size: 16px;
    font-weight: 600; }
    @media (max-width: 1200px) {
      .breadcrumbs a {
        font-size: 12px;
        line-height: 120%; } }
    .breadcrumbs a:last-child {
      color: var(--color-text-muted); }
    .breadcrumbs a:not(:first-child)::before {
      content: ">";
      display: inline-block;
      font-size: 16px;
      margin-left: 10px;
      margin-right: 10px; }
      @media (max-width: 1200px) {
        .breadcrumbs a:not(:first-child)::before {
          font-size: 12px;
          line-height: 120%; } }

.footer {
  background-color: var(--color-accent);
  color: var(--color-text-invert);
  margin-top: auto; }
  .footer__main {
    max-width: var(--layout-max);
    padding: 46px 10px 41px;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid var(--color-surface); }
    @media (max-width: 920px) {
      .footer__main {
        flex-wrap: wrap; } }
    @media (max-width: 780px) {
      .footer__main {
        flex-direction: column;
        padding: 20px 20px 25px 20px; } }
  .footer__logo {
    margin-bottom: 21px;
    display: inline-block; }
    @media (max-width: 780px) {
      .footer__logo {
        margin-bottom: 0; } }
    @media (max-width: 780px) {
      .footer__logo svg {
        width: 171px;
        height: 34px; } }
  .footer__logo-box {
    margin-right: 38px; }
    @media (max-width: 920px) {
      .footer__logo-box {
        width: 100%;
        padding-bottom: 40px;
        border-bottom: 1px solid var(--color-surface); } }
  .footer__social-item {
    display: inline-block; }
    @media (max-width: 780px) {
      .footer__social-item {
        display: none; } }
    .footer__social-item:first-child {
      margin-right: 12px; }
  .footer__list {
    margin-top: 15px; }
    .footer__list:not(:last-child) {
      margin-right: auto; }
      @media (max-width: 780px) {
        .footer__list:not(:last-child) {
          border-bottom: 1px solid var(--color-surface); } }
  .footer__list-contacts {
    max-width: 285px; }
  .footer__item:not(:last-child) {
    margin-bottom: 15px; }
  @media (max-width: 780px) {
    .footer__item:not(:first-child) {
      opacity: 0.7; } }
  @media (max-width: 780px) {
    .footer__item.active {
      margin-bottom: 15px; } }
  .footer__item a {
    color: var(--color-text-invert);
    font-size: 15px;
    font-weight: 600; }
  .footer__item span {
    font-size: 16px;
    font-weight: 600; }
  @media (max-width: 780px) {
    .footer__item:first-child {
      display: block !important;
      width: 280px;
      padding-bottom: 15px;
      margin-bottom: 0; }
      .footer__item:first-child span {
        position: relative;
        display: block;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .footer__item:first-child span::after {
          content: '';
          display: inline-block;
          width: 18px;
          height: 8px;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L10.0537 9L19 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
      .footer__item:first-child span.footer__item-title-call-back--decktop {
        display: none; }
      .footer__item:first-child.active span::after {
        transform: rotate(180deg); }
    .footer__item:not(:first-child) {
      display: none; }
      .footer__item:not(:first-child).active {
        display: block; } }
  .footer__item-title {
    font-size: 16px;
    text-decoration: underline; }
    @media (max-width: 780px) {
      .footer__item-title {
        text-decoration: none; } }
  @media (max-width: 780px) {
    .footer__item-title-call-back--decktop {
      display: none; } }
  .footer__item-title-call-back--mobile {
    display: none; }
    @media (max-width: 780px) {
      .footer__item-title-call-back--mobile {
        display: block; } }
  .footer__item--tel a {
    opacity: 0.7; }
  .footer__mobile-item {
    display: none; }
    @media (max-width: 780px) {
      .footer__mobile-item.active {
        display: block; } }
    .footer__mobile-item:not(:last-child) {
      margin-bottom: 15px; }
    .footer__mobile-item a,
    .footer__mobile-item button {
      font-size: 14px;
      font-weight: 600;
      color: var(--color-text-invert);
      opacity: 0.7; }
  .footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    padding: 22px 10px;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .footer__bottom {
        flex-direction: column;
        padding: 20px; } }
    .footer__bottom span {
      font-size: 14px; }
      @media (max-width: 1200px) {
        .footer__bottom span {
          margin-bottom: 20px;
          text-align: center; } }
    .footer__bottom a {
      font-size: 16px;
      color: var(--color-text-invert); }
      @media (max-width: 1200px) {
        .footer__bottom a {
          margin-bottom: 20px; } }
  .footer__author {
    display: flex;
    align-items: center; }
    @media (max-width: 1200px) {
      .footer__author {
        flex-direction: column; } }
    .footer__author span {
      font-size: 14px;
      margin-right: 9px; }
    .footer__author a {
      font-size: 14px;
      margin-right: 15px; }
      @media (max-width: 1200px) {
        .footer__author a {
          margin-bottom: 0; } }
  @media (max-width: 1200px) {
    .footer__author-inner {
      margin-bottom: 15px; } }

.main {
  padding-top: var(--header-height); }
  @media (max-width: 1200px) {
    .main {
      padding-top: var(--header-height); } }

.swiper-pagination {
  z-index: 0; }

@media (max-width: 1200px) {
  .main-slider {
    display: none; } }

.main-slider a {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/main-slider-bg.jpg");
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 440px;
  align-items: center; }
.main-slider .swiper {
    max-width: var(--layout-max);
    padding: 0 10px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}
.main-slider__title {
  text-transform: uppercase;
  color: var(--color-text-invert);
  font-size: 48px;
  line-height: 115%;
  font-weight: 700;
  margin-top: auto;
  margin-bottom: 30px;
  max-width: 60%;
  text-align: center;
  min-height: 110px; }

.main-slider__link {
  font-size: 20px;
  line-height: 130%;
  color: blue;
  padding: 12px 75px;
  background-color: var(--color-surface);
  border-radius: var(--radius-pill);
  margin-bottom: 107px; }

.main-slider .swiper-pagination {
  bottom: 30px;
  z-index: 10; }

.main-slider .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  border-radius: var(--radius-round);
  background-color: transparent;
  border: 1px solid var(--color-surface);
  transition: all 0.3s; }
  .main-slider .swiper-pagination-bullet-active {
    background-color: var(--color-surface); }

.main-slider .swiper-button-prev,
.main-slider .swiper-button-next {
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-md);
  cursor: pointer; }
  .main-slider .swiper-button-prev::after,
  .main-slider .swiper-button-next::after {
    font-size: 0;
    width: 11px;
    height: 19px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='white'/%3E%3C/svg%3E%0A"); }

.main-slider .swiper-button-prev {
  left: 1%; }

.main-slider .swiper-button-next {
  right: 1%; }
  .main-slider .swiper-button-next::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='white'/%3E%3C/svg%3E%0A"); }

.accessories {
  padding-top: 0;
  padding-bottom: 50px; }
  @media (max-width: 1200px) {
    .accessories {
      padding-top: 0;
      padding-bottom: 20px; } }
  .accessories__inner {
    max-width: var(--layout-max);
    padding: 0 10px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start; }
    @media (max-width: 1200px) {
      .accessories__inner {
        padding: 0 20px; } }
  .accessories__wrapper {
    max-width: 860px;
    margin-left: auto; }
    @media (max-width: 1200px) {
      .accessories__wrapper {
        max-width: 1200px;
        width: 100%; } }

.accessories-menu {
  max-width: 275px;
  padding: 20px 20px;
  background-color: var(--color-surface-muted);
  border-radius: var(--radius-xl);
  margin-right: 20px;
  border: 1px solid var(--color-border); }
  .accessories-menu.fixed {
    position: fixed;
    top: 160px;
    align-self: flex-start; }
  @media (min-width: 992px) {
    .accessories-menu__list {
      /* max-height: 40vh; */
      overflow: auto;
    }
    .accessories-menu__list::-webkit-scrollbar {
      width: 3px; /* Ширина полосы */
    }
    /* Трек (фон) */
    .accessories-menu__list::-webkit-scrollbar-track {
      background: var(--color-surface-muted);
    }
    /* Бегунок (ползунок) */
    .accessories-menu__list::-webkit-scrollbar-thumb {
      background: var(--color-border-strong);
      border-radius: var(--radius-sm);
    }
    /* Бегунок при наведении */
    .accessories-menu__list::-webkit-scrollbar-thumb:hover {
      background: var(--color-text-secondary);
    }
  }
  @media (max-width: 1200px) {
    .accessories-menu {
      display: none; } }
  .accessories-menu__list {
    margin-top: 25px; }
  .accessories-menu__item {
    display: block; }
    .accessories-menu__item:not(:last-child) {
      margin-bottom: 15px; }
    .accessories-menu__item a {
      font-size: 16px;
      color: var(--color-text); }
  .accessories-menu__search {
    position: relative;
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-xl);
    height: 34px; }
    .accessories-menu__search input {
      width: 235px;
      padding: 10px 20px;
      border: 1px solid var(--color-border);
      background-color: var(--color-surface-muted);
      border-radius: var(--radius-xl);
      height: 35px;
      color: var(--color-text); }
      .accessories-menu__search input.active {
        background-color: var(--color-surface); }
      .accessories-menu__search input::-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text-muted); }
      .accessories-menu__search input:-ms-input-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text-muted); }
      .accessories-menu__search input::placeholder {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-text-muted); }
    .accessories-menu__search.active {
      border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
      .accessories-menu__search.active input {
        border-radius: var(--radius-xl) var(--radius-xl); }
    .accessories-menu__search button {
      position: absolute;
      top: 12px;
      right: 15px;
      width: 15px;
      height: 15px;
      background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8686 14.235L11.2234 10.5898C12.2012 9.46563 12.7932 7.99889 12.7932 6.39579C12.7932 2.86696 9.92292 0 6.39743 0C2.86861 0 0.00164795 2.87029 0.00164795 6.39579C0.00164795 9.92129 2.87193 12.7916 6.39743 12.7916C8.00053 12.7916 9.46727 12.1996 10.5914 11.2217L14.2367 14.867C14.3231 14.9534 14.4395 15 14.5526 15C14.6657 15 14.7821 14.9568 14.8686 14.867C15.0415 14.694 15.0415 14.408 14.8686 14.235ZM0.896326 6.39579C0.896326 3.36253 3.36417 0.898004 6.3941 0.898004C9.42736 0.898004 11.8919 3.36585 11.8919 6.39579C11.8919 9.42572 9.42736 11.8969 6.3941 11.8969C3.36417 11.8969 0.896326 9.42905 0.896326 6.39579Z' fill='%23050000'/%3E%3C/svg%3E"); }
  .accessories-menu__search-list {
    position: absolute;
    top: 37px;
    left: -1px;
    width: auto;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 17px;
    padding: 10px 20px;
    display: none; }
    .accessories-menu__search-list.active {
      display: block; }
  .accessories-menu__search-item {
    border-top: 1px solid var(--color-border); }
    .accessories-menu__search-item:first-child {
      border-top: 1px solid transparent; }
      .accessories-menu__search-item:first-child a {
        padding-top: 0; }
    .accessories-menu__search-item a {
      display: block;
      padding: 9px 0;
      font-size: 12px;
      color: var(--color-text);
      white-space: nowrap; }
  .accessories-menu__search-item-all {
    border-top: 1px solid var(--color-border); }
    .accessories-menu__search-item-all a {
      display: block;
      padding-top: 15px;
      font-size: 12px;
      color: var(--color-text);
      text-decoration: underline; }

.accessories-main {
  margin-bottom: 40px; }
  @media (max-width: 1200px) {
    .accessories-main {
      margin-bottom: 50px; } }
  .accessories-main__title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 45px; }
    @media (max-width: 1200px) {
      .accessories-main__title {
        font-size: 22px;
        margin-bottom: 20px;
        max-width: 200px; } }
  .accessories-main__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    row-gap: 34px;
    justify-content: space-between;
    -moz-column-gap: 10px;
         column-gap: 10px; }
    @media (max-width: 1200px) {
      .accessories-main__inner {
        justify-content: flex-start;
        -moz-column-gap: 6px;
             column-gap: 6px;
        row-gap: 6px; } }
  .accessories-main__card {
    flex: 0 1 200px; }
    @media (max-width: 780px) {
      .accessories-main__card {
        flex: 0 0 89px;
        width: 89px; } }
  .accessories-main__card--link {
    display: none; }
    @media (max-width: 1200px) {
      .accessories-main__card--link {
        display: flex;
        flex: 0 0 200px;
        width: 200px;
        align-items: center;
        justify-content: center;
        height: 105px; } }
    @media (max-width: 780px) {
      .accessories-main__card--link {
        display: flex;
        flex: 0 0 89px;
        width: 89px;
        height: 69px; } }
  .accessories-main__to-catalog-link {
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    text-align: center; }
  .accessories-main__card-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 200px;
    padding: 20px 20px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    height: 100%; }
    @media (max-width: 780px) {
      .accessories-main__card-link {
        padding: 10px 4px; } }
  .accessories-main svg {
    margin-bottom: 7px; }
    @media (max-width: 780px) {
      .accessories-main svg {
        width: 21px;
        height: 21px;
        margin-bottom: 4px; } }
  .accessories-main img {
    margin-bottom: 7px;
    -o-object-fit: contain;
       object-fit: contain; }
    @media (max-width: 780px) {
      .accessories-main img {
        width: 21px;
        height: 21px;
        margin-bottom: 4px; } }
  .accessories-main__name {
    font-size: 18px;
    color: var(--color-text);
    text-align: center; }
    @media (max-width: 1200px) {
      .accessories-main__name {
        font-size: 8.5px;
        line-height: 120%; } }

@media (max-width: 1200px) {
  .accessories-slider {
    width: 100%; } }

.accessories-slider__top {
  display: flex; }

.accessories-slider__title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 45px;
  margin-right: auto; }
  @media (max-width: 1200px) {
    .accessories-slider__title {
      font-size: 22px;
      margin-bottom: 20px; } }

.accessories-slider__button-prev, .accessories-slider__button-next {
  width: 40px;
  height: 40px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
  background-size: 11px 19px;
  background-repeat: no-repeat;
  background-position: 13px 10px;
  cursor: pointer; }
  @media (max-width: 1200px) {
    .accessories-slider__button-prev, .accessories-slider__button-next {
      width: 22px;
      height: 22px;
      background-size: 5px 8px;
      background-position: 9px 7px; } }
  .accessories-slider__button-prev.swiper-button-disabled, .accessories-slider__button-next.swiper-button-disabled {
    opacity: 0.5; }

.accessories-slider__button-prev {
  margin-right: 20px;
  cursor: pointer; }

.accessories-slider__button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
  cursor: pointer; }

.accessories-slider__btn {
  display: flex;
  margin: 20px auto 0;
  padding: 13px 50px;
  color: var(--color-text);
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill); }
  @media (max-width: 1200px) {
    .accessories-slider__btn {
      display: none; } }

.accessories-slider .swiper-wrapper {
  padding-bottom: 80px; }

.accessories-slider .swiper-pagination {
  bottom: -22px;
  margin-bottom: 25px; }

.accessories-slider .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  border-radius: var(--radius-round);
  background-color: transparent;
  border: 1px solid var(--color-border);
  transition: all 0.3s; }
  .accessories-slider .swiper-pagination-bullet-active {
    background-color: var(--color-accent); }

.product-card {
  position: relative;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 16px;
  max-width: 306px;
  height: 321px;
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface);
  transition: border-radius 0.2s; }
  @media (max-width: 920px) {
    .product-card {
      max-width: 136px;
      height: 182px;
      padding: 8px; } }
  .product-card--with-additional-offer-wrapper:hover {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
    .product-card--with-additional-offer-wrapper:hover .product-card__additional-offer-wrapper {
      bottom: -49px;
      z-index: 20; }
      @media (max-width: 920px) {
        .product-card--with-additional-offer-wrapper:hover .product-card__additional-offer-wrapper {
          bottom: -26px;
          z-index: 20; } }
  .product-card__additional-offer-wrapper {
    position: absolute;
    bottom: 49px;
    left: -1px;
    z-index: -1;
    width: calc( 100% + 2px);
    padding: 14px;
    text-align: center;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    transition: bottom 0.4s z-index 0.2s; }
    @media (max-width: 920px) {
      .product-card__additional-offer-wrapper {
        padding: 6px;
        padding-top: 0; } }
    .product-card__additional-offer-wrapper span {
      font-size: 15px;
      font-weight: 500;
      color: var(--color-text);
      border-bottom: 1px solid var(--color-border); }
      @media (max-width: 920px) {
        .product-card__additional-offer-wrapper span {
          font-size: 8px; } }
  .product-card__img {
    display: block;
    width: 225px;
    height: 160px;
    margin: 0 auto 10px;
    cursor: pointer; }
    @media (max-width: 920px) {
      .product-card__img {
        width: 112px;
        height: 81px;
        margin-bottom: 5px; } }
  .product-card__name {
    color: var(--color-text);
    margin-top: 0;
    font-size: 15px;
    margin-bottom: 10px;
    cursor: pointer; }
    @media (max-width: 920px) {
      .product-card__name {
        font-size: 7px;
        line-height: 9px;
        margin-bottom: 0px; } }
  .product-card__price {
    display: inline-block;
    color: var(--color-text);
    margin-bottom: 15px;
    margin-bottom: auto;
    position: relative; }
    .product-card__price span:nth-child(1) {
      font-size: 18px;
      font-weight: 700; }
      @media (max-width: 920px) {
        .product-card__price span:nth-child(1) {
          font-size: 9px;
          line-height: 11px; } }
    .product-card__price span:nth-child(2) {
      font-size: 16px;
      font-weight: 600;
      margin-left: 7px;
      text-decoration: line-through;
      color: var(--color-text-muted); }
    .product-card__price span:nth-child(2) div {
      text-decoration: line-through;
    }
      @media (max-width: 920px) {
        .product-card__price span:nth-child(2) {
          font-size: 8px;
          line-height: 10px; } }
    .product-card__price span:nth-child(3) {
      font-size: 16px;
      font-weight: 600;
      margin-left: 7px;
      color: var(--color-success); }
      @media (max-width: 920px) {
        .product-card__price span:nth-child(3) {
          font-size: 8px;
          line-height: 10px;
          margin-left: 0;
          position: absolute;
          top: 17px;
          left: 0; } }
    @media (max-width: 920px) {
      .product-card__price {
        margin-bottom: 3px; } }
  .product-card__bottom {
    display: flex;
    align-items: center; }
    @media (max-width: 920px) {
      .product-card__bottom {
        flex-wrap: wrap;
        justify-content: flex-end; } }
    .product-card__bottom.unavailible .product-card__btn,
    .product-card__bottom.unavailible .product-card__card {
      display: none; }
    .product-card__bottom.unavailible .product-card__report-me-btn {
      display: block; }
	.product-card__bottom.unavailible .product-card__report-me-btn{
		  width: 100%;
		      margin-right: 0;
	  }
    .product-card__bottom.ordered .product-card__report-me-btn {
      display: none; }
    .product-card__bottom.ordered .product-card__ordered-btn {
      display: block; }
  .product-card__ordered-btn, .product-card__report-me-btn {
    display: none;
    background-color: var(--color-surface);
    padding: 10px 10px;
    font-size: 12px;
    color: var(--color-text);
    margin-right: auto;
    border-radius: 66px;
    border: 1px solid var(--color-border);
    cursor: pointer; }
	.product-card__report-me-btn.fl-btn{
		display:block;
		text-align:center;
		font-size: 11px;
	}
	.product-card__btn.fl-btn{
		text-align:center;
		font-size: 11px;
	}
	.product-card__card{
		margin-left:10px;
	}
    @media (max-width: 920px) {
      .product-card__ordered-btn, .product-card__report-me-btn {
        text-align: center;
        font-size: 7px;
        line-height: 9px;
        padding: 7px 0px;
        width: 100%;
        margin-top: 7px; } }
  .product-card__btn {
    background-color: var(--color-accent);
    padding: 10px 26px;
    font-size: 12px;
    color: var(--color-text-invert);
    margin-right: auto;
    border-radius: 66px;
    cursor: pointer; }
    @media (max-width: 920px) {
      .product-card__btn {
        font-size: 8px;
        line-height: 9px;
        padding: 8px 25px;
        width: 100%;
        margin-top: 7px; } }
  .product-card__card {
    width: 25px;
    height: 25px;
    margin-right: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.19572 0.0193411C0.654121 -0.0887545 0.127437 0.262673 0.0193411 0.804276C-0.0887545 1.34588 0.262673 1.87256 0.804276 1.98066L1.19572 0.0193411ZM4.64 5.54055L3.64498 5.64026L3.64597 5.65011L3.64715 5.65994L4.64 5.54055ZM26.2838 8.39947L27.2538 8.64248L26.2838 8.39947ZM24.4137 15.8641L23.4437 15.6211L24.4137 15.8641ZM2.79895 1.35904L2.60323 2.3397L2.79895 1.35904ZM0.804276 1.98066L2.60323 2.3397L2.99467 0.378384L1.19572 0.0193411L0.804276 1.98066ZM7.97391 19.5135H21.0187V17.5135H7.97391V19.5135ZM25.3838 16.1071L27.2538 8.64248L25.3138 8.15646L23.4437 15.6211L25.3838 16.1071ZM3.40252 3.22065L3.64498 5.64026L5.63502 5.44084L5.39255 3.02123L3.40252 3.22065ZM3.64715 5.65994L4.99537 16.8717L6.98106 16.6329L5.63285 5.42116L3.64715 5.65994ZM24.0527 4.54055H4.64V6.54055H24.0527V4.54055ZM27.2538 8.64248C27.7757 6.55931 26.2003 4.54055 24.0527 4.54055V6.54055C24.8987 6.54055 25.5193 7.33582 25.3138 8.15646L27.2538 8.64248ZM21.0187 19.5135C23.0827 19.5135 24.8822 18.1093 25.3838 16.1071L23.4437 15.6211C23.1651 16.7334 22.1654 17.5135 21.0187 17.5135V19.5135ZM7.97391 17.5135C7.4678 17.5135 7.04148 17.1354 6.98106 16.6329L4.99537 16.8717C5.17664 18.3792 6.45559 19.5135 7.97391 19.5135V17.5135ZM2.60323 2.3397C3.03433 2.42574 3.35869 2.78324 3.40252 3.22065L5.39255 3.02123C5.26105 1.70899 4.28799 0.636509 2.99467 0.378384L2.60323 2.3397Z' fill='%232B3F6C'/%3E%3Cpath d='M15.3 14.6216H10.1' stroke='%232B3F6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='9.44994' cy='23.054' rx='1.95' ry='1.94595' fill='%232B3F6C'/%3E%3Cellipse cx='21.15' cy='23.054' rx='1.95' ry='1.94595' fill='%232B3F6C'/%3E%3C/svg%3E");
    cursor: pointer; }
    @media (max-width: 920px) {
      .product-card__card {
        width: 12px;
        height: 12px;
        margin-right: 7px;
        order: -1;
        margin-left: auto; } }
  .product-card__favorite {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L16.4286 9.57143H25L18.1429 15.5714L20.7143 25L13 19L5.28571 25L7.85714 15.5714L1 9.57143H9.57143L13 1Z' stroke='%23050000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    cursor: pointer; }
	.product-item-button-cont .product-card__favorite{
		margin-left: 10px;
	}
    .product-card__favorite.active {
      background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L16.4286 9.57143H25L18.1429 15.5714L20.7143 25L13 19L5.28571 25L7.85714 15.5714L1 9.57143H9.57143L13 1Z' fill='%23050000' stroke='%23050000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
    @media (max-width: 920px) {
      .product-card__favorite {
        width: 12px;
        height: 12px;
        order: -1; } }

.news {
  padding: 0;
  background-color: var(--color-surface); }
  .news__wrapper {
    max-width: none;
    padding: 0;
    margin: 0;
    display: block; }
  .news__left-box {
    height: 10px;
    max-width: 295px;
    width: 100%; }
  .news__inner {
    max-width: 860px; }
  .news__top {
    display: flex;
    margin-bottom: 30px;
    padding-top: 60px; }
  .news__title-news, .news__title-article {
    font-size: 28px;
    font-weight: 600;
    color: var(--color-text-muted);
    margin: 0;
    display: block;
    cursor: pointer; }
    .news__title-news.active, .news__title-article.active {
      color: var(--color-text);
      text-decoration: underline; }
  .news__title-news {
    margin-right: 30px; }
  .news__slider-wrapper {
    display: none;
    margin-bottom: 50px; }
    .news__slider-wrapper.active {
      display: block; }
  .news__articles-slider-wrapper {
    display: none;
    margin-bottom: 50px; }
    .news__articles-slider-wrapper.active {
      display: block; }
  .news__slider-btn, .news__video-slider-btn {
    display: flex;
    margin: 43px auto 0;
    padding: 13px 50px;
    color: var(--color-text);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill); }
  .news__video-slider-wrapper {
    padding-bottom: 50px; }
  .news__video-top {
    display: flex;
    align-items: center;
    padding-top: 10px; }
  .news__video-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 45px;
    margin-right: auto;
    color: var(--color-text); }
  .news__video-button-prev, .news__video-button-next {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    background-size: 11px 19px;
    background-repeat: no-repeat;
    background-position: 13px 10px;
    cursor: pointer; }
    .news__video-button-prev.swiper-button-disabled, .news__video-button-next.swiper-button-disabled {
      opacity: 0.5; }
  .news__video-button-prev {
    margin-right: 20px; }
  .news__video-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); }
  .news .news__video-slider-wrapper .swiper-wrapper {
    padding-bottom: 25px; }
  .news .news__video-slider-wrapper .swiper-pagination {
    bottom: 0px; }
  .news .news__video-slider-wrapper .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: var(--radius-round);
    background-color: transparent;
    border: 1px solid var(--color-border);
    transition: all 0.3s; }
    .news .news__video-slider-wrapper .swiper-pagination-bullet-active {
      background-color: var(--color-accent); }
  .news__video-slider-btn {
    margin-top: 20px; }
  .news__btn {
    display: flex;
    margin: 20px auto 0;
    padding: 13px 50px;
    color: var(--color-text);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill); }

.news-card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 16px;
  max-width: 275px;
  background-color: var(--color-surface);
  height: 491px;
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  .news-card__img {
    display: block;
    width: 225px;
    height: 160px;
    margin: 0 auto 25px; }
  .news-card__name {
    color: var(--color-text);
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
  .news-card__text {
    font-size: 16px;
    color: var(--color-text-muted);
    margin-bottom: 15px; }
  .news-card__group {
    margin-bottom: auto; }
    .news-card__group a {
      font-size: 14px;
      color: var(--color-text); }
  .news-card__btn a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--color-text);
    text-decoration: underline; }
    .news-card__btn a::after {
      content: '';
      display: inline-block;
      width: 28px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3Csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5127 6.1462C1.02106 6.1462 0.622513 6.54474 0.622513 7.03638C0.622513 7.52801 1.02106 7.92656 1.5127 7.92656V6.1462ZM27.7349 7.66583C28.0825 7.31819 28.0825 6.75456 27.7349 6.40692L22.0698 0.741841C21.7222 0.394203 21.1585 0.394203 20.8109 0.741841C20.4632 1.08948 20.4632 1.65311 20.8109 2.00075L25.8465 7.03638L20.8109 12.072C20.4632 12.4196 20.4632 12.9833 20.8109 13.3309C21.1585 13.6786 21.7222 13.6786 22.0698 13.3309L27.7349 7.66583ZM1.5127 7.92656H27.1054V6.1462H1.5127V7.92656Z' fill='%23050000'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: 11px;
      margin-top: 5px; }

.news-articles-card {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 0;
  max-width: 275px;
  background-color: var(--color-surface);
  height: 546px;
  display: flex;
  flex-direction: column; }
  .news-articles-card__img {
    display: block;
    width: 100%;
    height: 154px;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
  .news-articles-card__bottom {
    padding: 15px 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: 100%; }
  .news-articles-card__name {
    color: var(--color-text);
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px; }
  .news-articles-card__text {
    font-size: 16px;
    color: var(--color-text);
    margin-bottom: auto; }
  .news-articles-card__btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--color-text);
    text-decoration: underline; }
    .news-articles-card__btn::after {
      content: '';
      display: inline-block;
      width: 28px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3Csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5127 6.1462C1.02106 6.1462 0.622513 6.54474 0.622513 7.03638C0.622513 7.52801 1.02106 7.92656 1.5127 7.92656V6.1462ZM27.7349 7.66583C28.0825 7.31819 28.0825 6.75456 27.7349 6.40692L22.0698 0.741841C21.7222 0.394203 21.1585 0.394203 20.8109 0.741841C20.4632 1.08948 20.4632 1.65311 20.8109 2.00075L25.8465 7.03638L20.8109 12.072C20.4632 12.4196 20.4632 12.9833 20.8109 13.3309C21.1585 13.6786 21.7222 13.6786 22.0698 13.3309L27.7349 7.66583ZM1.5127 7.92656H27.1054V6.1462H1.5127V7.92656Z' fill='%23050000'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      margin-left: 11px;
      margin-top: 3px; }

.news-video-card {
  max-width: 273px;
  height: 270px;
  position: relative; }
  .news-video-card__img {
    position: relative;
    display: block;
    width: 273px;
    height: 174px;
    margin-bottom: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg); }
	.object-photo-card__img{
	position: relative;
    display: block;
    width: 100%;
	width: 273px;
    margin-bottom: 10px;
        height: 280px;
    object-fit: cover;
	}
  .news-video-card::after {
    content: '';
    position: absolute;
    display: block;
    width: 43px;
    height: 31px;
    top: 80px;
    left: 115px;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='35' viewBox='0 0 52 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_260_15543)'%3E%3Cpath d='M50.8309 5.93768C50.5329 4.90457 49.9515 3.96272 49.1448 3.20591C48.3381 2.44911 47.334 1.90375 46.2327 1.62415C42.2008 0.592651 25.9738 0.592651 25.9738 0.592651C25.9738 0.592651 9.74597 0.623874 5.71408 1.65537C4.61274 1.93499 3.60871 2.48038 2.80197 3.23722C1.99523 3.99406 1.41392 4.93595 1.11594 5.96909C-0.103617 12.6893 -0.576704 22.9292 1.14942 29.3806C1.44744 30.4137 2.02876 31.3556 2.8355 32.1124C3.64224 32.8692 4.64625 33.4145 5.74756 33.6941C9.77946 34.7256 26.0069 34.7256 26.0069 34.7256C26.0069 34.7256 42.2341 34.7256 46.2658 33.6941C47.3672 33.4146 48.3712 32.8692 49.178 32.1124C49.9848 31.3556 50.5661 30.4137 50.8642 29.3806C52.1505 22.6509 52.5469 12.4174 50.8309 5.93787V5.93768Z' fill='%23FF0000'/%3E%3Cpath d='M20.8086 24.9736L34.2704 17.6594L20.8088 10.3453L20.8086 24.9736Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_260_15543'%3E%3Crect width='51.9564' height='34.2691' fill='white' transform='translate(0.0219727 0.592651)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat; }
  .news-video-card__name {
    font-size: 18px;
    color: var(--color-text);
    margin: 10px; }

.advantages {
  padding: 50px 50px 0;
  background-color: var(--color-surface); }
  @media (max-width: 1200px) {
    .advantages {
      padding: 0 20px; } }
  .advantages__wrapper {
    max-width: var(--layout-max);
    padding: 0 10px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start; }
  .advantages__left-box {
    height: 10px;
    max-width: 295px;
    width: 100%; }
    @media (max-width: 1200px) {
      .advantages__left-box {
        display: none; } }
  .advantages__inner {
    max-width: 860px; }
    @media (max-width: 1200px) {
      .advantages__inner {
        max-width: 100%; } }
  .advantages__top {
    display: flex;
    margin-bottom: 30px;
    padding-top: 60px; }
  .advantages__title {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-text); }
  .advantages__list {
    width: 100%;
    margin-bottom: 100px; }
    @media (max-width: 760px) {
      .advantages__list {
        margin-bottom: 40px; } }
    .advantages__list .swiper {
      height: 260px; }
      @media (max-width: 760px) {
        .advantages__list .swiper {
          padding-bottom: 40px; } }
      @media (max-width: 520px) {
        .advantages__list .swiper {
          height: 188px; } }
    .advantages__list .swiper-slide {
      height: calc((100% - 20px) / 2) !important;
      overflow: hidden; }
    .advantages__list .swiper-pagination {
      bottom: 0; }
    .advantages__list .swiper-pagination-bullet {
      width: 13px;
      height: 13px;
      border-radius: var(--radius-round);
      background-color: transparent;
      border: 1px solid var(--color-border);
      transition: all 0.3s; }
      .advantages__list .swiper-pagination-bullet-active {
        background-color: var(--color-accent); }
  .advantages .accessories-slider__top-advantages .accessories-slider__button-prev,
  .advantages .accessories-slider__top-advantages .accessories-slider__button-next {
    display: none;
    cursor: pointer; }
    @media (max-width: 1200px) {
      .advantages .accessories-slider__top-advantages .accessories-slider__button-prev,
      .advantages .accessories-slider__top-advantages .accessories-slider__button-next {
        display: block; } }
  .advantages__item {
    max-width: 200px;
    width: 100%;
    height: 100px; }
    @media (max-width: 520px) {
      .advantages__item {
        width: 120px;
        height: 64px; } }
    .advantages__item a {
      display: block;
      padding: 6px;
      max-width: 200px;
      width: 100%;
      height: 100px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl); }
      @media (max-width: 520px) {
        .advantages__item a {
          max-width: 128px;
          padding: 3px; } }
    .advantages__item .advantages__item-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      width: 100%;
      height: 100%;
      background-color: var(--color-accent);
      border-radius: var(--radius-xl); }
      @media (max-width: 520px) {
        .advantages__item .advantages__item-inner {
          max-width: 110px; } }
    .advantages__item span {
      text-align: center;
      color: var(--color-text-invert);
      font-size: 16px; }
      @media (max-width: 520px) {
        .advantages__item span {
          font-size: 12px;
          line-height: 14px; } }
  .advantages__brends-top {
    display: flex;
    align-items: center;
    padding-top: 10px; }
  .advantages__brends-slider-wrapper {
    padding-bottom: 50px; }
    @media (max-width: 1200px) {
      .advantages__brends-slider-wrapper {
        padding-bottom: 20px; } }
    .advantages__brends-slider-wrapper .swiper {
      height: 160px;
      padding-bottom: 30px; }
      @media (max-width: 1200px) {
        .advantages__brends-slider-wrapper .swiper {
          height: 300px;
          padding-bottom: 40px; } }
      @media (max-width: 520px) {
        .advantages__brends-slider-wrapper .swiper {
          height: 188px; } }
    @media (max-width: 1200px) {
      .advantages__brends-slider-wrapper .swiper-slide {
        height: calc((100% - 20px) / 2) !important;
        overflow: hidden; } }
    .advantages__brends-slider-wrapper .swiper-pagination {
      bottom: 0; }
  .advantages__brends-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 45px;
    margin-right: auto;
    color: var(--color-text); }
  .advantages__brends-link {
    padding: 1px; }
  .advantages__brends-button-prev, .advantages__brends-button-next {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    background-size: 11px 19px;
    background-repeat: no-repeat;
    background-position: 13px 10px;
    cursor: pointer; }
    .advantages__brends-button-prev.swiper-button-disabled, .advantages__brends-button-next.swiper-button-disabled {
      opacity: 0.5; }
  .advantages__brends-button-prev {
    margin-right: 20px; }
  .advantages__brends-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); }
  .advantages .advantages__brends-slider-wrapper .swiper-wrapper {
    padding-bottom: 25px; }
  .advantages .advantages__brends-slider-wrapper .swiper-pagination {
    bottom: 0px; }
  .advantages .advantages__brends-slider-wrapper .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: var(--radius-round);
    background-color: transparent;
    border: 1px solid var(--color-border);
    transition: all 0.3s; }
    .advantages .advantages__brends-slider-wrapper .swiper-pagination-bullet-active {
      background-color: var(--color-accent); }
  .advantages__video-slider-btn {
    margin-top: 20px; }
  .advantages__brends-slider-btn {
    display: flex;
    margin: 20px auto 0;
    padding: 13px 50px;
    color: var(--color-text);
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill); }
    @media (max-width: 1200px) {
      .advantages__brends-slider-btn {
        font-size: 14px;
        padding: 11px 55px; } }
  .advantages .swiper-slide a {
    width: 200px;
    height: 100px;
    background-color: var(--color-surface);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl); }
  .advantages .swiper-slide img {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--radius-xl); }

.page-main-result {
  max-width: var(--layout-max);
  padding: 0 10px 0;
  margin: 0 auto;
  margin-bottom: 30px; }
  @media (max-width: 1200px) {
    .page-main-result {
      margin-bottom: 40px; } }
  .page-main-result.favorite-main {
    margin-bottom: 0; }
  .page-main-result__top {
    margin-bottom: 30px;
    max-width: 640px; }
    @media (max-width: 1200px) {
      .page-main-result__top {
        margin-bottom: 15px;
        padding: 0 10px; } }
    .page-main-result__top h1 {
      margin-bottom: 18px;
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .page-main-result__top h1 {
          font-size: 22px; } }
    .page-main-result__top span {
      font-size: 22px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .page-main-result__top span {
          font-size: 14px; } }
  .page-main-result__empty-wrapper {
    max-width: 350px;
    margin-bottom: 67px; }
    @media (max-width: 1200px) {
      .page-main-result__empty-wrapper {
        margin-bottom: 40px;
        padding: 0 10px; } }
    .page-main-result__empty-wrapper p {
      display: block;
      margin-bottom: 40px;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .page-main-result__empty-wrapper p {
          font-size: 14px;
          margin-bottom: 20px; } }
    .page-main-result__empty-wrapper a {
      margin-left: 5px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text);
      text-decoration: underline; }
      @media (max-width: 1200px) {
        .page-main-result__empty-wrapper a {
          font-size: 14px;
          margin-bottom: 20px; } }
  .page-main-result__subtitle {
    display: block;
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 1200px) {
      .page-main-result__subtitle {
        font-size: 14px; } }
    .page-main-result__subtitle span {
      margin: 0 5px;
      font-size: 22px;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .page-main-result__subtitle span {
          font-size: 14px; } }
  .page-main-result__content .product-similar__inner .product-card:nth-child(1),
  .page-main-result__content .product-similar__inner .product-card:nth-child(2),
  .page-main-result__content .product-similar__inner .product-card:nth-child(3),
  .page-main-result__content .product-similar__inner .product-card:nth-child(4),
  .page-main-result__content .product-similar__inner .product-card:nth-child(5),
  .page-main-result__content .product-similar__inner .product-card:nth-child(6),
  .page-main-result__content .product-similar__inner .product-card:nth-child(7),
  .page-main-result__content .product-similar__inner .product-card:nth-child(8),
  .page-main-result__content .product-similar__inner .product-card:nth-child(9),
  .page-main-result__content .product-similar__inner .product-card:nth-child(10),
  .page-main-result__content .product-similar__inner .product-card:nth-child(11),
  .page-main-result__content .product-similar__inner .product-card:nth-child(12),
  .page-main-result__content .product-similar__inner .product-card:nth-child(13),
  .page-main-result__content .product-similar__inner .product-card:nth-child(14),
  .page-main-result__content .product-similar__inner .product-card:nth-child(15),
  .page-main-result__content .product-similar__inner .product-card:nth-child(16) {
    display: flex; }

.catalog-main__title-wrapper {
  display: flex;
  align-items: baseline;
  max-width: var(--layout-max);
  padding: 0 10px;
  margin: 0 auto 40px; }
  @media (max-width: 1200px) {
    .catalog-main__title-wrapper {
      padding: 0 20px;
      margin: 0 auto 30px; } }
  .catalog-main__title-wrapper h1 {
    margin-right: 20px;
    font-size: 34px;
    line-height: 120%;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .catalog-main__title-wrapper h1 {
        font-size: 22px; } }
  .catalog-main__title-wrapper p {
    font-size: 18px;
    line-height: 120%;
    font-weight: 500;
    color: var(--color-text);
    letter-spacing: 0.01em; }
    @media (max-width: 1200px) {
      .catalog-main__title-wrapper p {
        display: none; } }

.catalog-main__content-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: var(--layout-max);
  padding: 0 10px;
  margin: 0 auto 100px; }
  @media (max-width: 1200px) {
    .catalog-main__content-wrapper {
      flex-direction: column;
      align-items: center;
      padding: 0; } }

.catalog-main__menu {
  width: 275px;
  margin-right: 20px; }
  @media (max-width: 1200px) {
    .catalog-main__menu {
      margin-right: 0;
      margin-bottom: 20px;
      width: 318px; } }

.catalog-main__mobile-title {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 0 20px; }
  @media (max-width: 1200px) {
    .catalog-main__mobile-title {
      display: flex; } }
  .catalog-main__mobile-title h2 {
    font-size: 14px;
    color: var(--color-text); }
  .catalog-main__mobile-title .catalog-main__mobile-filter-btn-close {
    display: none; }
  .catalog-main__mobile-title.active .catalog-main__mobile-filter-btn {
    display: none; }
  .catalog-main__mobile-title.active .catalog-main__mobile-filter-btn-close {
    display: block; }

.catalog-main__filter {
  margin-bottom: 30px; }
  @media (max-width: 1200px) {
    .catalog-main__filter {
      margin-bottom: 0; } }
  .catalog-main__filter a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text);
    display: flex;
    align-items: center; }
    .catalog-main__filter a p:nth-child(2) {
      display: inline-block; }
    .catalog-main__filter a p:nth-child(2) {
      display: none; }
    .catalog-main__filter a.open p:nth-child(1) {
      display: none; }
    .catalog-main__filter a.open p:nth-child(2) {
      display: inline-block; }
    @media (max-width: 1200px) {
      .catalog-main__filter a {
        display: none; } }
    .catalog-main__filter a::after {
      content: '';
      display: inline-block;
      width: 11px;
      height: 5px;
      margin-left: 5px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23050000'/%3E%3C/svg%3E%0A"); }
    .catalog-main__filter a.open::after {
      transform: rotate(180deg); }
  @media (max-width: 1200px) {
    .catalog-main__filter a.active {
      display: flex;
      margin-left: 20px;
      margin-bottom: 15px; } }

.catalog-main__filter-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media (max-width: 1200px) {
    .catalog-main__filter-top {
      display: none;
      outline: 1px solid var(--color-border);
      padding: 15px 20px;
      margin-bottom: 0;
      position: relative;
      align-items: center; }
      .catalog-main__filter-top.active {
        display: flex; }
      .catalog-main__filter-top.open::after {
        transform: rotate(180deg); }
      .catalog-main__filter-top::after {
        content: '';
        display: inline-block;
        width: 11px;
        height: 5px;
        margin-left: 5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23050000'/%3E%3C/svg%3E%0A"); } }
  .catalog-main__filter-top h3 {
    font-size: 18px;
    line-height: 120%;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .catalog-main__filter-top h3 {
        font-size: 16px; } }
  .catalog-main__filter-top button {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-muted); }
    @media (max-width: 1200px) {
      .catalog-main__filter-top button {
        display: none; } }
    .catalog-main__filter-top button::before {
      content: "";
      display: inline-block;
      width: 11px;
      height: 11px;
      margin-right: 5px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.69727' y='15.0962' width='14' height='1' rx='0.5' transform='rotate(-45 4.69727 15.0962)' fill='%23a9a9a9'/%3E%3Crect x='5.4043' y='5.19669' width='14' height='1' rx='0.5' transform='rotate(45 5.4043 5.19669)' fill='%23a9a9a9'/%3E%3C/svg%3E"); }
  @media (max-width: 1200px) {
    .catalog-main__filter-top.open button {
      display: block;
      position: absolute;
      top: 45px;
      right: 0px;
      padding: 10px; } }

@media (max-width: 1200px) {
  .catalog-main form {
    display: none; } }

.catalog-main form.active {
  display: block;
  margin-top: 15px;
  padding: 0 20px; }

.catalog-main__item-checkboxes {
  position: relative;
  z-index: 10; }
  .catalog-main__item-checkboxes-2line {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 10px;
         column-gap: 10px; }
  .catalog-main__item-checkboxes label {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px; }
    .catalog-main__item-checkboxes label input {
      display: none; }
    .catalog-main__item-checkboxes label input:checked + span::before {
      border: none;
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='%23050000'/%3E%3Cpath d='M3.75 8L7.25 12.5L12.25 3.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E"); }
    .catalog-main__item-checkboxes label span {
      position: relative;
      display: flex;
      align-items: center;
      font-size: 12px;
      font-weight: 600;
      color: var(--color-text);
      cursor: pointer; }
      .catalog-main__item-checkboxes label span::before {
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        margin-right: 7px;
        background: var(--color-surface);
        border: 1px solid var(--color-border-strong); }

.catalog-main__filter-result {
  display: none;
  position: absolute;
  left: 260px;
  top: calc( 50% - 55px);
  width: 220px;
  padding: 15px 15px;
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  text-align: center;
  z-index: 1000; }
  .catalog-main__filter-result p {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text); }
  .catalog-main__filter-result button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-invert);
    border-radius: var(--radius-md);
    background-color: var(--color-accent); }
  .catalog-main__filter-result.active {
    display: block; }
    @media (max-width: 1200px) {
      .catalog-main__filter-result.active {
        display: none; } }
  @media (max-width: 1200px) {
    .catalog-main__filter-result {
      display: none; } }
  .catalog-main__filter-result::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 30px;
    top: calc( 50% - 15px);
    left: -22px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/popup-nose.png"); }
    @media (max-width: 1200px) {
      .catalog-main__filter-result::before {
        display: none; } }

.catalog-main__menu-link {
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
  color: var(--color-text); }
  @media (max-width: 1200px) {
    .catalog-main__menu-link {
      display: none;
      font-size: 14px;
      margin-left: 20px; } }
  .catalog-main__menu-link.active {
    display: block; }
  .catalog-main__menu-link:not(:last-child) {
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .catalog-main__menu-link:not(:last-child) {
        margin-top: 15px; } }

.catalog-main__item-checkboxes-2line label {
  display: none; }
  .catalog-main__item-checkboxes-2line label:nth-child(1), .catalog-main__item-checkboxes-2line label:nth-child(2), .catalog-main__item-checkboxes-2line label:nth-child(3), .catalog-main__item-checkboxes-2line label:nth-child(4), .catalog-main__item-checkboxes-2line label:nth-child(5), .catalog-main__item-checkboxes-2line label:nth-child(6) {
    display: inline-block; }

.catalog-main__item-checkboxes-2line.open label {
  display: inline-block; }

.catalog-main__item-checkboxes label {
  display: none; }
  .catalog-main__item-checkboxes label:nth-child(1), .catalog-main__item-checkboxes label:nth-child(2), .catalog-main__item-checkboxes label:nth-child(3) {
    display: inline-block; }

.catalog-main__item-checkboxes.open label {
  display: inline-block; }

.catalog-main__content {
  max-width: 860px;
  width: 100%; }

.catalog-main__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 30px;
  margin-bottom: 25px; }
  @media (max-width: 920px) {
    .catalog-main__inner {
      padding: 0 20px;
      -moz-column-gap: 8px;
           column-gap: 8px;
      row-gap: 8px;
      justify-content: center; } }
  .catalog-main__inner .product-card {
    max-width: 275px; }
    @media (max-width: 920px) {
      .catalog-main__inner .product-card {
        width: 136px;
        height: 190px; }
        .catalog-main__inner .product-card a:nth-child(2) {
          margin-bottom: auto; } }

.catalog-main__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 920px) {
    .catalog-main__bottom {
      padding: 0 20px;
      justify-content: center; } }

.catalog-main__pagination a {
  margin-right: 20px;
  font-size: 18px;
  line-height: 120%;
  font-weight: 400;
  color: var(--color-text-muted); }
  @media (max-width: 920px) {
    .catalog-main__pagination a {
      font-size: 12px; } }
  .catalog-main__pagination a:first-child, .catalog-main__pagination a:last-child {
    text-decoration: underline;
    color: var(--color-text); }
  .catalog-main__pagination a:first-child {
    margin-right: 25px; }
  .catalog-main__pagination a:last-child {
    margin-left: 5px;
    margin-right: 0; }
  .catalog-main__pagination a.active {
    color: var(--color-text); }
  .catalog-main__pagination a.un-active {
    color: var(--color-text-muted); }

.catalog-main__show-buttons {
  display: flex;
  align-items: center; }
  @media (max-width: 920px) {
    .catalog-main__show-buttons {
      display: none; } }
  .catalog-main__show-buttons span {
    font-size: 18px;
    line-height: 120%;
    font-weight: 400;
    color: var(--color-text);
    margin-right: 10px; }

.catalog-main__show-buttons-list {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl); }
  .catalog-main__show-buttons-list button {
    font-size: 18px;
    line-height: 120%;
    font-weight: 400;
    color: var(--color-text);
    padding: 15px; }
    .catalog-main__show-buttons-list button:not(:last-child) {
      border-right: 1px solid var(--color-border); }

.filters-price__inputs {
  margin-bottom: 25px;
  display: flex; }
  @media (max-width: 1200px) {
    .filters-price__inputs {
      display: none; }
      .filters-price__inputs.active {
        display: flex;
        margin-top: 15px;
        padding: 0 10px; } }

.filters-price__label {
  display: flex;
  align-items: center;
  width: 114px;
  height: 37px;
  padding: 10px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-md); }
  .filters-price__label:first-child {
    margin-right: 20px; }

.filters-price__text {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--color-text-muted); }

.filters-price__input {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--color-text-muted);
  width: 100%; }

.filters-price__slider {
  width: calc( 100% - 17px);
  margin-bottom: 60px; }
  @media (max-width: 1200px) {
    .filters-price__slider {
      display: none; }
      .filters-price__slider.active {
        display: flex; } }

.noUi-target {
  background: var(--color-border-strong);
  border-radius: var(--radius-pill);
  height: 4px;
  border: none;
  box-shadow: none; }

.noUi-connect {
  background: var(--color-accent); }

.noUi-handle:after,
.noUi-handle:before {
  display: none; }

.noUi-origin .noUi-handle {
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border-radius: var(--radius-sm);
  border: none;
  box-shadow: none; }

.catalog-all-main__inner {
  display: flex;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 100px;
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  overflow: scroll; }
  @media (max-width: 780px) {
    .catalog-all-main__inner {
      border: none;
      border-radius: 0px;
      height: auto; } }

.product-main {
  max-width: var(--layout-max);
  padding: 0 10px 0;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  margin-bottom: 85px; }
  @media (max-width: 1200px) {
    .product-main {
      flex-direction: column;
      align-items: center;
      margin-bottom: 40px; } }
  .product-main__mobile-title {
    display: none;
    padding: 0 20px;
    text-align: center; }
    @media (max-width: 540px) {
      .product-main__mobile-title {
        text-align: left; } }
    .product-main__mobile-title h2 {
      font-size: 22px;
      font-weight: 120%;
      color: var(--color-text);
      margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .product-main__mobile-title {
        display: block; } }
  .product-main__sliders {
    max-width: 374px;
    position: relative;
    margin-right: 33px;
    position: sticky;
    top: 145px; }
    @media (max-width: 1200px) {
      .product-main__sliders {
        position: relative;
        top: 0;
        margin-bottom: 10px;
        margin-right: 0; } }
    @media (max-width: 540px) {
      .product-main__sliders {
        max-width: 280px; } }
  .product-main__slider-big {
    margin-bottom: 20px; }
    .product-main__slider-big .swiper-slide {
      width: 373px;
      height: 373px;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      @media (max-width: 540px) {
        .product-main__slider-big .swiper-slide {
          width: 280px;
          height: 280px; } }
      .product-main__slider-big .swiper-slide img {
        width: 100%;
        height: 100%; }
  .product-main .swiper-pagination-big {
    text-align: center; }
    @media (min-width: 1200px) {
      .product-main .swiper-pagination-big {
        display: none; } }
  .product-main .swiper-pagination {
    bottom: 0; }
  .product-main .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-round);
    background-color: transparent;
    border: 1px solid var(--color-border);
    transition: all 0.3s; }
    .product-main .swiper-pagination-bullet-active {
      background-color: var(--color-accent); }
  .product-main__slider-little {
    width: 325px; }
    @media (max-width: 1200px) {
      .product-main__slider-little {
        display: none; } }
    .product-main__slider-little .swiper-slide {
      width: 87px;
      height: 87px;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl); }
      .product-main__slider-little .swiper-slide img {
        width: 100%;
        height: 100%; }
    .product-main__slider-little .swiper-slide-thumb-active {
      border: 1px solid var(--color-border); }
  .product-main__slider-little-button-prev, .product-main__slider-little-button-next {
    position: absolute;
    bottom: 33px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.189882 10.2574L7.89771 18.5599C8.15025 18.8317 8.55912 18.8313 8.81123 18.5585C9.06315 18.2857 9.0625 17.8438 8.80993 17.5717L1.56089 9.7634L8.81019 1.95508C9.06273 1.68297 9.06338 1.24138 8.81149 0.968565C8.68511 0.831808 8.51954 0.763428 8.35397 0.763428C8.18882 0.763428 8.0239 0.83135 7.89774 0.967157L0.189882 9.26945C0.0682508 9.40016 -1.75669e-06 9.57805 -1.74048e-06 9.7634C-1.72428e-06 9.94874 0.0684464 10.1264 0.189882 10.2574Z' fill='%23333333'/%3E%3C/svg%3E%0A");
    background-size: 9px 18px;
    background-position: 7px 4px;
    background-repeat: no-repeat; }
    @media (max-width: 1200px) {
      .product-main__slider-little-button-prev, .product-main__slider-little-button-next {
        display: none; } }
    .product-main__slider-little-button-prev::after, .product-main__slider-little-button-next::after {
      font-size: 0; }
  .product-main__slider-little-button-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.81012 9.26948L1.10229 0.966978C0.849749 0.695116 0.440885 0.695573 0.18877 0.968384C-0.0631501 1.24116 -0.0624992 1.68304 0.190071 1.95511L7.43911 9.76346L0.189808 17.5718C-0.0627299 17.8439 -0.063381 18.2855 0.188506 18.5583C0.314889 18.695 0.48046 18.7634 0.64603 18.7634C0.811177 18.7634 0.976097 18.6955 1.10225 18.5597L8.81012 10.2574C8.93175 10.1267 9 9.94881 9 9.76346C9 9.57812 8.93155 9.40044 8.81012 9.26948Z' fill='%23333333'/%3E%3C/svg%3E%0A"); }
  .product-main__content-top {
    display: flex;
    -moz-column-gap: 34px;
         column-gap: 34px;
    margin-bottom: 22px; }
    @media (max-width: 1200px) {
      .product-main__content-top {
        margin-bottom: 10px; } }
    .product-main__content-top h1 {
      width: 605px;
      font-size: 24px;
      line-height: 120%;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .product-main__content-top h1 {
          display: none; } }
    .product-main__content-top a {
      width: 114px; }
    .product-main__content-top img {
      width: 100%; }
  .product-main__content-bottom {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 760px) {
      .product-main__content-bottom {
        flex-direction: column;
        align-items: center; } }
  .product-main__content-bottom-left {
    max-width: 390px;
    width: 100%; }
    @media (max-width: 1200px) {
      .product-main__content-bottom-left {
        margin-right: 20px; } }
    @media (max-width: 760px) {
      .product-main__content-bottom-left {
        margin-bottom: 20px;
        margin-right: 0; } }
  .product-main__content-wrapper-1 {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
    .product-main__content-wrapper-1 span:nth-child(1) {
      font-size: 14px;
      font-weight: 400;
      margin-right: 5px; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-1 span:nth-child(1) {
          font-size: 13px; } }
    .product-main__content-wrapper-1 span:nth-child(2) {
      width: 60px;
      font-size: 14px;
      font-weight: 600;
      margin-right: 5px; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-1 span:nth-child(2) {
          font-size: 14px; 
        } }
    .product-main__content-wrapper-1 button {
      display: flex;
      align-items: center;
      position: relative;
      font-size: 14px; 
      font-weight: 600;
      color: var(--color-text);
    }
    body .catalog-detail-articul {
      font-size: 14px;
    }
      @media (max-width: 760px) {
        .product-main__content-wrapper-1 button {
          font-size: 10px; } }
      .product-main__content-wrapper-1 button::before {
        content: '';
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 12.25H21.875M6.125 21.875H1.75V7.875H26.25V21.875H21.875H6.125ZM6.125 16.625V26.25H21.875V16.625H6.125ZM21.875 7.875V1.75H6.125V7.875H21.875Z' stroke='%23050000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
        @media (max-width: 760px) {
          .product-main__content-wrapper-1 button::before {
            width: 20px;
            height: 20px; } }
  .product-main__content-wrapper-2 {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
    .product-main__content-wrapper-2 span {
      position: relative;
      font-size: 14px;
      font-weight: 500;
      margin-right: 21px;
      width: 130px; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-2 span {
          font-size: 11px;
          margin-right: 10px;
          width: 118px; } }
      .product-main__content-wrapper-2 span::before {
        content: '';
        display: inline-block;
        width: 11px;
        height: 12px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.90084L5.05333 9.26673L10.6 0.733398' stroke='%231ECB78' stroke-width='2'/%3E%3C/svg%3E"); }
    .product-main__content-wrapper-2.product-isnt-available span::before {
      display: none; }
    .product-main__content-wrapper-2 button {
      font-size: 14px;
      font-weight: 600;
      color: var(--color-text);
      text-decoration: underline; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-2 button {
          font-size: 14px; } }
  .product-main__content-wrapper-3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    line-height: 125%;
    margin-bottom: 10px; }
    @media (max-width: 760px) {
      .product-main__content-wrapper-3 {
        font-size: 14px; } }
    .product-main__content-wrapper-3 span:nth-child(1) {
      margin-right: 5px; }
  .product-main__content-wrapper-4 {
    margin-bottom: 25px;
    font-weight: 600; }
    .product-main__content-wrapper-4 p {
      font-size: 14px;
      color: var(--color-text);
      line-height: 125%; }
    .product-main__content-wrapper-4 span {
      margin: 0 5px; }
    .product-main__content-wrapper-4 a {
      text-decoration: underline;
      color: var(--color-text); }
  .product-main__content-wrapper-offer {
    margin-bottom: 25px; }
    @media (max-width: 760px) {
      .product-main__content-wrapper-offer {
        margin-bottom: 20px; } }
    .product-main__content-wrapper-offer-row:not(:last-child) {
      margin-bottom: 10px; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-offer-row:not(:last-child) {
          margin-bottom: 10px; } }
    .product-main__content-wrapper-offer dt {
      font-size: 16px;
      font-weight: 400;
      color: var(--color-text);
      margin-bottom: 10px; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-offer dt {
          font-size: 11px; } }
    .product-main__content-wrapper-offer dd {
      display: inline-block;
      margin-bottom: 10px;
      padding: 10px;
      border: 1px solid var(--color-border-strong);
      color: var(--color-text-muted);
      font-size: 16px;
      border-radius: var(--radius-sm);
      max-height: 42px; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-offer dd {
          font-size: 10px;
          padding: 6px;
          max-height: 34px; } }
      .product-main__content-wrapper-offer dd:not(:last-child) {
        margin-right: 10px; }
      .product-main__content-wrapper-offer dd img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 20px;
        height: 20px;
        border-radius: var(--radius-sm); }
      .product-main__content-wrapper-offer dd.active {
        border: 1px solid var(--color-border);
        outline: 1px solid var(--color-border);
        color: var(--color-text); }
  .product-main__content-wrapper-table {
    max-width: 365px; }
    @media (max-width: 760px) {
      .product-main__content-wrapper-table {
        max-width: 100%; } }
    .product-main__content-wrapper-table dt {
      font-size: 14px;
      color: var(--color-text-muted);
      letter-spacing: 0.02em;
      max-width: 75%; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-table dt {
          font-size: 10px; } }
    .product-main__content-wrapper-table dd {
      /*white-space: nowrap;*/
white-space: wrap;
      color: var(--color-text);
      font-weight: 600; }
      @media (max-width: 760px) {
        .product-main__content-wrapper-table dd {
          font-size: 10px; } }
  .product-main__content-wrapper-table-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; }
  .product-main__content-bottom-right {
    max-width: 309px;
    width: 100%; }
  .product-main__login-wrapper {
    position: relative;
    margin-bottom: 20px; }
  .product-main__login-link {
    display: block;
    padding: 20px 45px 44px;
    text-align: center;
    background: var(--color-surface-muted);
    border-radius: var(--radius-md); }
    .product-main__login-link span {
      display: block;
      font-size: 18px;
      color: var(--color-text);
      text-align: center; }
  .product-main__login-sale-link {
    position: absolute;
    display: block;
    top: 71px;
    left: calc( 50% - 77px);
    margin: 0 auto;
    font-size: 14px;
    color: var(--color-info); }
  .product-main__sale-wrapper {
    position: relative; }
    .product-main__sale-wrapper--12-percentage {
      text-align: center; }
      .product-main__sale-wrapper--12-percentage span {
        font-weight: 600;
        margin-left: 5px; }
    .product-main__sale-wrapper p {
      font-size: 14px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .product-main__sale-wrapper p {
          font-size: 12px; } }
      .product-main__sale-wrapper p span {
        font-weight: 600;
        margin-left: 5px; }
  .product-main__sale-inner {
    position: absolute;
    top: 17px;
    right: 159px; }
    .product-main__sale-inner span {
      font-size: 19px;
      font-weight: 600;
      color: var(--color-success); }
  .product-main__credit-wrapper {
    padding: 60px 13px 15px 24px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-md);
    margin-bottom: 20px; }
    .product-main__credit-wrapper--12-percentage {
      padding-top: 40px; }
      .product-main__credit-wrapper--12-percentage--peson-office {
        padding: 0; }
      .product-main__credit-wrapper--12-percentage--big {
        padding: 30px 0 0 0;
        background-color: transparent; }
    .product-main__credit-wrapper--12-percentage-credit {
      padding-top: 20px; }
      .product-main__credit-wrapper--12-percentage-credit--company-office {
        padding: 0; }
  .product-main__credit-inner {
    position: relative;
    margin-bottom: 30px;
    display: flex;
    align-items: center; }
    .product-main__credit-inner--12-percentage {
      margin-bottom: 45px; }
    .product-main__credit-inner--12-percentage-credit {
      margin-bottom: 15px; }
  .product-main__credit-bar {
    position: relative;
    width: 211px;
    height: 30px;
    margin-right: 10px;
    background-color: var(--color-border-strong);
    border-radius: var(--radius-sm); }
    .product-main__credit-bar--person {
      background-color: var(--color-success); }
    .product-main__credit-bar::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      right: 8px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='196' height='30' viewBox='0 0 196 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 29.9998L172.22 21.0581' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 29.9998L180.22 21.0581' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 29.9998L164.22 21.0581' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 29.9998L156.22 21.0581' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 29.9998L195.22 21.0581' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0001L188.22 12.1167' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A");
      z-index: 11; }
    .product-main__credit-bar--12-percentage {
      width: 230px;
      border: 1px solid var(--color-success); }
      .product-main__credit-bar--12-percentage::before {
        background-image: none; }
      .product-main__credit-bar--12-percentage--peson-office {
        width: 300px; }
      .product-main__credit-bar--12-percentage--big {
        width: 100%; }
      .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--1,
      .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--2,
      .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--3 {
        z-index: 100;
        position: absolute;
        left: 25%;
        display: block;
        width: 2px;
        height: 100%;
        background-color: var(--color-surface);
        opacity: 0.7; }
      .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--2 {
        left: 50%; }
      .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--3 {
        left: 75%; }
    .product-main__credit-bar--12-percentage-credit {
      width: 230px;
      border: 1px solid var(--color-border);
      background-color: var(--color-border-strong); }
      .product-main__credit-bar--12-percentage-credit::before {
        left: 12%;
        right: 12%;
        background-size: 100% 120%;
        background-image: url("data:image/svg+xml,%3Csvg width='235' height='29' viewBox='0 0 235 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1606_22970)'%3E%3Cpath d='M1 29.001V11.001' stroke='white'/%3E%3Cpath d='M79 29.001V11.001' stroke='white'/%3E%3Cpath d='M79 29.001V11.001' stroke='white'/%3E%3Cpath d='M156 29.001V11.001' stroke='white'/%3E%3Cpath d='M234 29.001V11.001' stroke='white'/%3E%3Cpath d='M39.5 29.001V0.000976562' stroke='white'/%3E%3Cpath d='M117.5 29.001V0.000976562' stroke='white'/%3E%3Cpath d='M195.5 29.001V0.000976562' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1606_22970'%3E%3Crect width='235' height='29' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
      .product-main__credit-bar--12-percentage-credit--peson-office {
        width: 300px; }
  .product-main__credit-bar-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: var(--availible-credir-limit);
    background-color: var(--color-accent);
    border-radius: var(--radius-sm) var(--radius-sm) var(--radius-sm) var(--radius-sm);
    z-index: 10; }
    .product-main__credit-bar-progress--12-percentage-credit {
      background-color: var(--color-accent); }
    .product-main__credit-bar-progress span {
      z-index: 12;
      position: absolute;
      bottom: -25px;
      right: 0px;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-text);
      white-space: nowrap;
      transform: translateX(50%); }
      .product-main__credit-bar-progress span.move-to-right {
        right: 0;
        transform: translateX(100%); }
    .product-main__credit-bar-progress--person {
      background-color: var(--color-success); }
    .product-main__credit-bar-progress:after {
      content: '';
      position: absolute;
      width: 15px;
      height: 10px;
      top: -16px;
      right: -8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23ec1314' stroke='%23ec1314'/%3E%3C/svg%3E");
      z-index: 11; }
  .product-main__credit-bar-num--12-percentage[class] {
    top: -22px;
    right: -20px; }
  .product-main__credit-bar-num--12-percentage-credit[class] {
    top: -22px;
    transform: translateX(110%); }
  .product-main__credit-fixed-sum {
    position: absolute;
    top: 35px;
    left: 50%;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
    transform: translateX(-50%); }
  .product-main__credit-sum {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .product-main__credit-sum {
        font-size: 14px; }
        .product-main__credit-sum p {
          white-space: nowrap; } }
  .product-main__credit-limit {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .product-main__credit-limit {
        font-size: 14px; } }
    .product-main__credit-limit span {
      display: block;
      margin-top: 10px;
      font-size: 16px;
      font-weight: 600;
      font-size: 22px; }
      @media (max-width: 760px) {
        .product-main__credit-limit span {
          font-size: 19px; } }
  .product-main__adding {
    padding: 30px 38px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-md);
    margin-bottom: 20px; }
  .product-main__prices-box {
    display: flex;
    align-items: baseline;
    margin-bottom: 13px; }
    .product-main__prices-box span:nth-child(1) {
      display: block;
      margin-right: 10px;
      font-size: 28px;
      font-weight: 600;
      color: var(--color-text); }
    .product-main__prices-box span:nth-child(2) {
      display: block;
      margin-right: 15px;
      font-size: 18px;
      font-weight: 600;
      -webkit-text-decoration-line: line-through;
              text-decoration-line: line-through;
      color: var(--color-text-muted); }
    .product-main__prices-box span:nth-child(3) {
      display: block;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-success); }
  .product-main__input-wrapper {
    display: flex;
    margin-bottom: 13px; }
  .product-main__quantity {
    display: flex;
    align-items: center;
    margin-right: 15px; }
    .product-main__quantity .sign {
      width: 32px;
      height: 32px;
      border: 1px solid var(--color-border);
      color: var(--color-text);
      font-size: 24px;
      line-height: 120%;
      font-weight: 400;
      border-radius: var(--radius-lg); }
    .product-main__quantity input {
      width: 32px;
      height: 32px;
      padding: 5px;
      text-align: center;
      color: var(--color-text);
      font-size: 18px;
      background: var(--color-surface-muted); }
  .product-main__save-btn {
    padding: 7px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md); }
    .product-main__save-btn p {
      position: relative;
      font-size: 14px;
      color: var(--color-text);
      margin: 0;
      display: flex;
      align-items: center; }
	.disabled{
		  pointer-events: none;
	  }
	  .product-main__content .bx-catalog-subscribe-button.fl-btn {
    width: 100%;
    padding: 16px;
    text-align: center;
    border-radius: var(--radius-xl);
    color: var(--color-text);
    line-height: 120%;
    border: 1px solid var(--color-border);
    margin-bottom: 15px;
    cursor: pointer;
}
.product-main .product-main__content .bx-catalog-subscribe-button.fl-btn{
	    font-size: 14px;
    line-height: 120%;
	    background: transparent;
}

      .product-main__save-btn p::after {
        content: '';
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-left: 9px;
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1L11.9286 7.07143H18L13.1429 11.3214L14.9643 18L9.5 13.75L4.03571 18L5.85714 11.3214L1 7.07143H7.07143L9.5 1Z' stroke='%23050000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain; }
    .product-main__save-btn.active p::after {
      background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.47363L16.4286 10.0451H25L18.1429 16.0451L20.7143 25.4736L13 19.4736L5.28571 25.4736L7.85714 16.0451L1 10.0451H9.57143L13 1.47363Z' fill='%23050000' stroke='%23050000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .product-main__acent-btn {
    width: 100%;
    padding: 16px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    color: var(--color-text-invert);
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 15px; }
  .product-main__delivery-link {
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: var(--color-info); }
  .product-main__pick-up {
    padding: 20px 24px 25px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-md); }
    .product-main__pick-up h3 {
      font-size: 18px;
      line-height: 120%;
      margin-bottom: 15px;
      color: var(--color-text); }
  .product-main__pick-up-item:not(:last-child) {
    margin-bottom: 19px; }
  .product-main__pick-up-item span,
  .product-main__pick-up-item p {
    display: block;
    font-size: 12px;
    line-height: 135%;
    font-weight: 600;
    color: var(--color-text); }
  .product-main__pick-up-item p {
    font-weight: 400; }
.product-description__top ol li {
  list-style: decimal;
  list-style-position: inside;
}
.product-description__top ul li {
  list-style: disc;
  list-style-position: inside;
}
.product-description {
  max-width: var(--layout-max);
  padding: 0 10px;
  margin: 0 auto;
  margin-bottom: 60px; }
  @media (max-width: 1200px) {
    .product-description {
      margin-bottom: 40px; } }
  .product-description__top {
    max-width: 700px;
    margin-bottom: 40px; }
    .product-description__top h5 {
      margin-bottom: 10px;
      font-size: 14px;
      color: var(--color-text); }
    .product-description__top p {
      font-size: 14px;
      color: var(--color-text);
      font-weight: 400; }
  .product-description__tabs-buttons {
    margin-bottom: 34px; }
    @media (max-width: 1200px) {
      .product-description__tabs-buttons {
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        overflow: scroll; } }
    @media (max-width: 1200px) {
      .product-description__tabs-buttons {
        justify-content: flex-start; } }
    .product-description__tabs-buttons button {
      padding: 15px 25px;
      font-size: 16px;
      line-height: 125%;
      font-weight: 500;
      text-transform: uppercase;
      color: var(--color-text);
      border-radius: var(--radius-xl); }
      @media (max-width: 1200px) {
        .product-description__tabs-buttons button {
          font-size: 10px;
          padding: 8px 24px;
          border-radius: 9px;
          white-space: nowrap; } }
      .product-description__tabs-buttons button:not(:last-child) {
        margin-right: 40px; }
      .product-description__tabs-buttons button.active {
        border: 1.5px solid var(--color-border); }
  .product-description__tab-table {
    counter-reset: myCounter;
    -moz-column-count: 2;
         column-count: 2;
    display: none; }
    @media (max-width: 1200px) {
      .product-description__tab-table {
        -moz-column-count: 1;
             column-count: 1;
        text-align: center;
        align-items: center; } }
    .product-description__tab-table.active {
      display: block; }
  .product-description__tab-table-item__inner {
    position: relative;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 100%;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 540px) {
      .product-description__tab-table-item__inner {
        font-size: 9px;
        padding-top: 10px;
        padding-bottom: 10px; } }
  .product-description__tab-table-item {
    display: flex;
    list-style: none;
    max-width: 500px;
    width: 100%; }
	.product-description__tab-table-item.product-description__tab-table-item-video{
		 max-width: unset;
	}
    @media (max-width: 1200px) {
      .product-description__tab-table-item {
        margin: 0 auto;
        max-width: 280px;
        display: none; }
        .product-description__tab-table-item:nth-child(1), .product-description__tab-table-item:nth-child(2), .product-description__tab-table-item:nth-child(3), .product-description__tab-table-item:nth-child(4), .product-description__tab-table-item:nth-child(5), .product-description__tab-table-item:nth-child(6), .product-description__tab-table-item:nth-child(7), .product-description__tab-table-item:nth-child(8), .product-description__tab-table-item:nth-child(9), .product-description__tab-table-item:nth-child(10) {
          display: flex; } }
    .product-description__tab-table-item:nth-child(12) .product-description__tab-table-item__inner, .product-description__tab-table-item:nth-child(24) .product-description__tab-table-item__inner {
      border-bottom: 1px solid transparent; }
    .product-description__tab-table-item::before {
      counter-increment: myCounter;
      content: counter(myCounter) ".";
      color: var(--color-text-muted);
      display: inline-block;
      text-align: center;
      margin-right: 5px;
      margin-left: 10px;
      font-size: 18px;
      font-weight: 500;
      padding-top: 18px;
      padding-bottom: 18px; }
      @media (max-width: 540px) {
        .product-description__tab-table-item::before {
          font-size: 9px;
          padding-top: 9px;
          padding-bottom: 9px; } }
    .product-description__tab-table-item span:nth-child(1) {
      font-size: 18px;
      color: var(--color-text-muted);
      background-color: var(--color-surface); }
      @media (max-width: 540px) {
        .product-description__tab-table-item span:nth-child(1) {
          font-size: 9px; } }
    .product-description__tab-table-item a {
      padding-left: 16px;
      font-size: 18px;
      text-decoration: underline;
      color: var(--color-text);
      background-color: var(--color-surface); }
      @media (max-width: 540px) {
        .product-description__tab-table-item a {
          font-size: 9px; } }
    .product-description__tab-table-item span:nth-child(2) {
      padding-left: 16px;
      white-space: nowrap;
      font-size: 18px;
      color: var(--color-text);
      background-color: var(--color-surface); }
      @media (max-width: 540px) {
        .product-description__tab-table-item span:nth-child(2) {
          font-size: 9px; } }
  .product-description__tab-table-more-btn {
    display: none; }
    @media (max-width: 1200px) {
      .product-description__tab-table-more-btn {
        display: block;
        margin: 0 auto; } }
    .product-description__tab-table-more-btn span {
      font-size: 12px;
      text-decoration: underline;
      color: var(--color-text); }
    .product-description__tab-table-more-btn span:nth-child(2) {
      display: none; }
    .product-description__tab-table-more-btn.open span:nth-child(1) {
      display: none; }
    .product-description__tab-table-more-btn.open span:nth-child(2) {
      display: block; }
  .product-description__tab-table.open .product-description__tab-table-item {
    display: flex; }
  .product-description__tab-documents {
    margin-bottom: 73px;
    display: none; }
    @media (max-width: 1200px) {
      .product-description__tab-documents {
        margin-bottom: 40px; } }
    .product-description__tab-documents.active {
      display: block; }
    .product-description__tab-documents li:not(:last-child) {
      margin-bottom: 30px; }
    .product-description__tab-documents a {
      position: relative;
      font-size: 18px;
      line-height: 150%;
      color: var(--color-text);
      display: flex;
      align-items: center; }
      @media (max-width: 540px) {
        .product-description__tab-documents a {
          font-size: 9px; } }
      .product-description__tab-documents a::before {
        content: '';
        display: inline-block;
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        margin-right: 17px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../img/icon-pdf.png); }
		.product-description__tab-documents a.dwg::before {
        content: '';
        background-image: url(../img/dwg.jpg); }
		
        @media (max-width: 540px) {
          .product-description__tab-documents a::before {
            width: 25px;
            height: 25px; } }

.product-additional,
.product-similar {
  max-width: var(--layout-max);
  padding: 0 10px;
  margin: 0 auto;
  margin-bottom: 70px; }
  @media (max-width: 1200px) {
    .product-additional,
    .product-similar {
      margin-bottom: 25px; } }
  .product-additional__title,
  .product-similar__title {
    font-size: 28px;
    line-height: 120%;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .product-additional__title,
      .product-similar__title {
        font-size: 22px;
        margin-bottom: 20px;
        padding: 0 10px; } }
  .product-additional__inner,
  .product-similar__inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 18px;
    -moz-column-gap: 18px;
         column-gap: 18px;
    margin-bottom: 40px; }
    @media (max-width: 1200px) {
      .product-additional__inner,
      .product-similar__inner {
        justify-content: center;
        margin-bottom: 25px; } }
    .product-additional__inner .product-card,
    .product-similar__inner .product-card {
      display: none; }
      @media (max-width: 920px) {
        .product-additional__inner .product-card,
        .product-similar__inner .product-card {
          width: 136px;
          height: 190px;
          margin: 0 auto; } }
      .product-additional__inner .product-card a:nth-child(2),
      .product-similar__inner .product-card a:nth-child(2) {
        margin-bottom: auto; }
      .product-additional__inner .product-card:nth-child(1), .product-additional__inner .product-card:nth-child(2), .product-additional__inner .product-card:nth-child(3), .product-additional__inner .product-card:nth-child(4),
      .product-similar__inner .product-card:nth-child(1),
      .product-similar__inner .product-card:nth-child(2),
      .product-similar__inner .product-card:nth-child(3),
      .product-similar__inner .product-card:nth-child(4) {
        display: flex; }
    .product-additional__inner.active .product-card,
    .product-similar__inner.active .product-card {
      display: flex; }
  .product-additional .product-card,
  .product-similar .product-card {
    max-width: 275px; }
  .product-additional__btn-more, .product-additional__btn-less,
  .product-similar__btn-more,
  .product-similar__btn-less {
    display: none;
    margin: 0 auto;
    padding: 13px 50px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .product-additional__btn-more, .product-additional__btn-less,
      .product-similar__btn-more,
      .product-similar__btn-less {
        font-size: 10px;
        padding: 8px 24px;
        border-radius: 9px;
        white-space: nowrap; } }
    .product-additional__btn-more.active, .product-additional__btn-less.active,
    .product-similar__btn-more.active,
    .product-similar__btn-less.active {
      display: block; }

.product-similar {
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .product-similar {
      margin-bottom: 50px; } }

.cart-main {
  max-width: var(--layout-max);
  padding: 0 10px 0;
  margin: 0 auto;
  margin-bottom: 85px; }
  @media (max-width: 1200px) {
    .cart-main {
      margin-bottom: 40px; } }
  .cart-main.favorite-main {
    margin-bottom: 0; }
  .cart-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .cart-main__top {
        margin-bottom: 15px;
        padding: 0 10px; } }
    .cart-main__top h1 {
      margin-bottom: 18px;
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .cart-main__top h1 {
          font-size: 22px; } }
    .cart-main__top span {
      font-size: 22px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .cart-main__top span {
          font-size: 14px; } }
  .cart-main__wrapper {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 20px;
         column-gap: 20px; }
    @media (max-width: 1200px) {
      .cart-main__wrapper {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0 10px; } }
  .cart-main__main-column {
    max-width: 770px;
    width: 100%; }
    @media (max-width: 1200px) {
      .cart-main__main-column {
        margin-bottom: 40px; } }
  .cart-main__list {
    max-width: 770px;
    width: 100%;
    padding: 10px 25px 10px 20px !important;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 40px; }
    .cart-main__list .cart-main__item {
      display: none; }
      .cart-main__list .cart-main__item:nth-child(1), .cart-main__list .cart-main__item:nth-child(2), .cart-main__list .cart-main__item:nth-child(3), .cart-main__list .cart-main__item:nth-child(4) {
        display: flex; }
    .cart-main__list.active .cart-main__item {
      display: flex; }
    @media (max-width: 760px) {
      .cart-main__list {
        padding: 0 !important;
        margin-bottom: 17px; } }
  .cart-main__mobile-top {
    display: none;
    padding: 15px 20px; }
    .cart-main__mobile-top span {
      font-size: 10px;
      font-weight: 600;
      color: var(--color-text);
      text-decoration: underline; }
    .cart-main__mobile-top button {
      display: flex;
      align-items: center;
      position: relative;
      font-size: 10px;
      font-weight: 600;
      color: var(--color-text-muted); }
      .cart-main__mobile-top button::after {
        content: '';
        display: inline-block;
        margin-left: 5px;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='gray'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='gray'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .cart-main__mobile-top {
        display: flex;
        align-items: center;
        justify-content: space-between; } }
  .cart-main__item {
    padding: 16px 0;
    display: flex;
    align-items: center; }
    @media (max-width: 760px) {
      .cart-main__item {
        position: relative;
        align-items: flex-start;
        padding: 10px; } }
    .cart-main__item.hide {
      display: none !important; }
    .cart-main__item:not(:first-child) {
      border-top: 1px solid var(--color-border-strong); }
    @media (min-width: 760px) {
      .cart-main__item:nth-child(2) {
        border-top: 1px solid transparent; } }
  .cart-main__icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 14px;
    margin-right: 20px; }
    @media (max-width: 760px) {
      .cart-main__icon-box {
        position: absolute;
        top: 20px;
        right: 20px;
        flex-direction: row;
        margin-right: 0; } }
    .cart-main__icon-box .product-card__favorite {
      width: 21px;
      height: 21px; }
      @media (max-width: 760px) {
        .cart-main__icon-box .product-card__favorite {
          width: 10px;
          height: 10px;
          margin-right: 5px; } }
  .cart-main__delete-btn {
    width: 19px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4 3.18182C11.4 2.6755 11.1998 2.18991 10.8435 1.83189C10.4872 1.47386 10.0039 1.27273 9.5 1.27273C8.99609 1.27273 8.51282 1.47386 8.1565 1.83189C7.80018 2.18991 7.6 2.6755 7.6 3.18182H6.33333C6.33333 2.33795 6.66696 1.52864 7.26083 0.931933C7.85469 0.335226 8.66015 0 9.5 0C10.3399 0 11.1453 0.335226 11.7392 0.931933C12.333 1.52864 12.6667 2.33795 12.6667 3.18182H18.3667C18.5346 3.18182 18.6957 3.24886 18.8145 3.3682C18.9333 3.48755 19 3.64941 19 3.81818C19 3.98696 18.9333 4.14882 18.8145 4.26816C18.6957 4.3875 18.5346 4.45455 18.3667 4.45455H17.6649L16.0233 18.7473C15.9519 19.3676 15.6559 19.9399 15.1919 20.3552C14.7278 20.7706 14.128 21.0001 13.5065 21H5.49353C4.87204 21.0001 4.2722 20.7706 3.80813 20.3552C3.34406 19.9399 3.04814 19.3676 2.97667 18.7473L1.3338 4.45455H0.633333C0.485101 4.4546 0.341547 4.4024 0.227672 4.30705C0.113797 4.2117 0.036815 4.07924 0.0101332 3.93273L0 3.81818C0 3.64941 0.0667261 3.48755 0.185499 3.3682C0.304272 3.24886 0.465363 3.18182 0.633333 3.18182H11.4ZM16.3881 4.45455H2.6106L4.23447 18.6009C4.27022 18.9112 4.41827 19.1974 4.65043 19.4051C4.8826 19.6128 5.18268 19.7275 5.49353 19.7273H13.5065C13.8171 19.7272 14.1169 19.6124 14.3488 19.4047C14.5807 19.197 14.7285 18.911 14.7643 18.6009L16.3881 4.45455ZM7.6 7.63636C7.91033 7.63636 8.17 7.83364 8.2232 8.09327L8.23333 8.19382V15.9893C8.23333 16.296 7.9496 16.5455 7.6 16.5455C7.28967 16.5455 7.03 16.3482 6.9768 16.0885L6.96667 15.988V8.19509C6.96667 7.88709 7.2504 7.63764 7.6 7.63764V7.63636ZM11.4 7.63636C11.7103 7.63636 11.97 7.83364 12.0232 8.09327L12.0333 8.19382V15.9893C12.0333 16.296 11.7496 16.5455 11.4 16.5455C11.0897 16.5455 10.83 16.3482 10.7768 16.0885L10.7667 15.988V8.19509C10.7667 7.88709 11.0504 7.63764 11.4 7.63764V7.63636Z' fill='%23a9a9a9'/%3E%3C/svg%3E"); }
    @media (max-width: 760px) {
      .cart-main__delete-btn {
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='gray'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='gray'/%3E%3C/svg%3E%0A"); } }
  .cart-main__img-link {
    margin-right: 30px; }
    @media (max-width: 760px) {
      .cart-main__img-link {
        margin-right: 10px; } }
    .cart-main__img-link img {
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      width: 160px;
      height: 160px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 760px) {
        .cart-main__img-link img {
          width: 55px;
          height: 55px;
          border-radius: var(--radius-sm); } }
  .cart-main__right-part {
    display: flex;
    flex-direction: column;
    height: 160px;
    max-width: 770px;
    width: 100%; }
    @media (max-width: 760px) {
      .cart-main__right-part {
        height: 110px; } }
    .cart-main__right-part a {
      margin-bottom: 5px; }
      .cart-main__right-part a h2 {
        max-width: 485px;
        font-size: 18px;
        color: var(--color-text);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-clamp: 3;
        box-orient: vertical; }
        @media (max-width: 760px) {
          .cart-main__right-part a h2 {
            font-size: 12px;
            max-width: 125px; } }
  .cart-main__right-part-sale span {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-success); }
    @media (max-width: 760px) {
      .cart-main__right-part-sale span {
        position: absolute;
        bottom: 29px;
        right: 54px;
        z-index: 10;
        font-size: 12px; } }
  .cart-main__right-bottom {
    position: relative;
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .cart-main__right-bottom .cart-main__quantity {
      position: absolute;
      left: calc( 50% - 71px);
      margin-right: 0; }
      @media (max-width: 760px) {
        .cart-main__right-bottom .cart-main__quantity {
          left: 0;
          bottom: 20px; } }
      .cart-main__right-bottom .cart-main__quantity input {
        background-color: var(--color-surface); }
        @media (max-width: 760px) {
          .cart-main__right-bottom .cart-main__quantity input {
            font-size: 11px;
            width: 20px; } }
      @media (max-width: 760px) {
        .cart-main__right-bottom .cart-main__quantity .sign {
          font-size: 11px;
          width: 20px;
          height: 20px; } }
  .cart-main__prices {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media (max-width: 760px) {
      .cart-main__prices {
        flex-direction: row;
        justify-content: space-between;
        width: 100%; } }
    .cart-main__prices .cart-main__price-text {
      font-size: 14px;
      color: var(--color-text-muted);
      margin-bottom: 7px; }
      @media (max-width: 760px) {
        .cart-main__prices .cart-main__price-text {
          font-size: 12px;
          margin-bottom: 0;
          margin-top: auto; } }
  .cart-main__prices-bottom {
    display: flex; }
    @media (max-width: 760px) {
      .cart-main__prices-bottom {
        flex-direction: column-reverse;
        align-items: flex-end;
        margin-right: 10px; } }
    .cart-main__prices-bottom span:nth-child(1) {
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 12px; }
      @media (max-width: 760px) {
        .cart-main__prices-bottom span:nth-child(1) {
          margin-right: 0;
          font-size: 16px; } }
    .cart-main__prices-bottom span:nth-child(2) {
      font-size: 18px;
      text-decoration: line-through;
      color: var(--color-text-muted); }
      @media (max-width: 760px) {
        .cart-main__prices-bottom span:nth-child(2) {
          font-size: 12px; } }
  @media (max-width: 760px) {
    .cart-main__sum {
      display: none; } }
  .cart-main__sum span {
    font-size: 32px;
    font-weight: 600;
    color: var(--color-text); }
  .cart-main__btn-more, .cart-main__btn-less {
    display: none;
    margin: 0 auto;
    padding: 13px 50px;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    color: var(--color-text); }
    .cart-main__btn-more.active, .cart-main__btn-less.active {
      display: block; }
  .cart-main__right-column {
    width: 100%;
    max-width: 370px;
    padding: 25px 25px 20px 25px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl); }
  .cart-main__sum-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border-strong); }
    @media (max-width: 760px) {
      .cart-main__sum-row {
        padding-bottom: 15px; } }
    .cart-main__sum-row span {
      font-size: 22px;
      font-weight: 700;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .cart-main__sum-row span {
          font-size: 17px; } }
  .cart-main__sale-row {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--color-border-strong); }
    @media (max-width: 760px) {
      .cart-main__sale-row {
        padding: 15px 0; } }
    .cart-main__sale-row span {
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .cart-main__sale-row span {
          font-size: 15px; } }
    .cart-main__sale-row span:nth-child(2) {
      color: var(--color-danger); }
  .cart-main__persanal-sale-row {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .cart-main__persanal-sale-row {
        padding-top: 15px; } }
    .cart-main__persanal-sale-row span {
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .cart-main__persanal-sale-row span {
          font-size: 15px; } }
    .cart-main__persanal-sale-row span:nth-child(2) {
      color: var(--color-success); }
  .cart-main__next-sale {
    font-size: 14px;
    color: var(--color-text);
    margin-bottom: 26px; }
    @media (max-width: 760px) {
      .cart-main__next-sale {
        font-size: 11px; } }
    .cart-main__next-sale span {
      display: inline-block;
      margin-left: 5px;
      font-weight: 600;
      color: var(--color-success); }
  .cart-main__credit-inner {
    padding-bottom: 45px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-border-strong); }
    @media (max-width: 760px) {
      .cart-main__credit-inner {
        padding-bottom: 35px; } }
  .cart-main__credit-bar {
    position: relative;
    width: 266px;
    height: 30px;
    margin-right: 8px;
    background-color: var(--color-success);
    border-radius: var(--radius-sm); }
    .cart-main__credit-bar::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      right: 8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 30.0003L172.22 21.0586' stroke='white'/%3E%3Cpath d='M218.22 30.0003L218.22 21.0586' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 30.0003L180.22 21.0586' stroke='white'/%3E%3Cpath d='M226.22 30.0003L226.22 21.0586' stroke='white'/%3E%3Cpath d='M248.22 30.0003L248.22 21.0586' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 30.0003L164.22 21.0586' stroke='white'/%3E%3Cpath d='M210.22 30.0003L210.22 21.0586' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 30.0003L156.22 21.0586' stroke='white'/%3E%3Cpath d='M202.22 30.0003L202.22 21.0586' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 30.0003L195.22 21.0586' stroke='white'/%3E%3Cpath d='M241.22 30.0003L241.22 21.0586' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0006L188.22 12.1172' stroke='white'/%3E%3Cpath d='M234 30L234 0' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A");
      z-index: 11; }
  .cart-main__credit-bar-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: var(--availible-credir-limit);
    background-color: var(--color-success);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    z-index: 10; }
    .cart-main__credit-bar-progress span {
      z-index: 12;
      position: absolute;
      bottom: -25px;
      right: -30px;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-text);
      white-space: nowrap; }
    .cart-main__credit-bar-progress:after {
      content: '';
      position: absolute;
      width: 15px;
      height: 10px;
      top: -16px;
      right: -8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23ec1314' stroke='%23ec1314'/%3E%3C/svg%3E");
      z-index: 11; }
  .cart-main__credit-sum {
    width: 53px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    white-space: none; }
  .cart-main__weight-row {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .cart-main__weight-row {
        padding-top: 15px;
        margin-bottom: 20px; } }
    .cart-main__weight-row span {
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .cart-main__weight-row span {
          font-size: 14px; } }
  .cart-main__make-an-oreder-btn {
    width: 100%;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .cart-main__make-an-oreder-btn {
        font-size: 14px; } }
  .cart-main__empty-wrapper {
    margin-bottom: 67px; }
    @media (max-width: 1200px) {
      .cart-main__empty-wrapper {
        margin-bottom: 40px;
        padding: 0 10px; } }
    .cart-main__empty-wrapper p {
      display: block;
      margin-bottom: 40px;
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .cart-main__empty-wrapper p {
          font-size: 14px;
          margin-bottom: 20px; } }
  .cart-main__empty-btn {
    display: block;
    padding: 16px 64px;
    border-radius: var(--radius-pill);
    background-color: var(--color-accent);
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-invert); }
    @media (max-width: 1200px) {
      .cart-main__empty-btn {
        font-size: 10px;
        padding: 8px 40px; } }

.order-main {
  max-width: var(--layout-max);
  padding: 0 10px 0;
  margin: 0 auto;
  margin-bottom: 85px; }
  .order-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .order-main__top {
        margin-bottom: 20px;
        padding: 0 10px; } }
    .order-main__top h1 {
      margin-bottom: 18px;
      font-size: 28px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .order-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
    .order-main__top span {
      font-size: 22px;
      font-weight: 500;
      color: var(--color-text); }
  .order-main__wrapper {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 20px;
         column-gap: 20px; }
    @media (max-width: 1200px) {
      .order-main__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center; } }
    @media (max-width: 760px) {
      .order-main__wrapper {
        padding: 0 10px; } }
  .order-main__main-column {
    max-width: 770px;
    width: 100%; }
    @media (max-width: 1200px) {
      .order-main__main-column {
        margin-bottom: 20px; } }
  .order-main__list {
    max-width: 770px;
    width: 100%;
    padding: 30px 40px !important;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 40px; }
    @media (max-width: 760px) {
      .order-main__list {
        padding: 0 !important;
        margin-bottom: 20px; } }
    .order-main__list .order-main__item {
      display: none; }
      .order-main__list .order-main__item:nth-child(1), .order-main__list .order-main__item:nth-child(2), .order-main__list .order-main__item:nth-child(3), .order-main__list .order-main__item:nth-child(4) {
        display: flex; }
    .order-main__list.active .order-main__item {
      display: flex; }
  .order-main__list-title {
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .order-main__list-title {
        font-size: 18px;
        margin-bottom: 15px;
        padding: 15px 20px 0 20px;
        text-transform: none; } }
  .order-main__item {
    padding: 10px 0;
    display: flex;
    align-items: center;
    flex: 0 0 770px; }
    @media (max-width: 760px) {
      .order-main__item {
        padding: 10px 20px; } }
    @media (max-width: 540px) {
      .order-main__item {
        position: relative;
        flex-direction: column; } }
    @media (max-width: 760px) {
      .order-main__item:not(:last-child) {
        border-bottom: 1px solid var(--color-border); } }
  .order-main__img-link {
    position: relative;
    margin-right: 20px; }
    @media (max-width: 760px) {
      .order-main__img-link {
        margin-right: 10px; } }
    @media (max-width: 540px) {
      .order-main__img-link {
        position: absolute;
        top: 10px;
        left: 20px; } }
    .order-main__img-link img {
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      width: 91px;
      height: 91px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 760px) {
        .order-main__img-link img {
          width: 55px;
          height: 55px;
          border-radius: var(--radius-md); } }
  .order-main__sale-circle {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: var(--color-success);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .order-main__sale-circle {
        width: 30px;
        height: 30px;
        border-radius: var(--radius-md); } }
  .order-main__sale-nember {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .order-main__sale-nember {
        font-size: 12px; } }
  .order-main__left-part {
    display: flex;
    max-width: 275px;
    width: 100%;
    margin-right: auto; }
    @media (max-width: 540px) {
      .order-main__left-part {
        margin-left: 65px;
        margin-bottom: 10px;
        max-width: 170px; } }
    .order-main__left-part a h2 {
      max-width: 275px;
      font-size: 18px;
      color: var(--color-text);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-clamp: 3;
      box-orient: vertical; }
      @media (max-width: 760px) {
        .order-main__left-part a h2 {
          max-width: 140px;
          font-size: 12px; } }
  .order-main__right-part {
    display: flex;
    align-items: center;
    max-width: 255px;
    width: 100%; }
    @media (max-width: 540px) {
      .order-main__right-part {
        align-self: flex-end;
        max-width: 170px; } }
    .order-main__right-part .order-main__quantity {
      margin-right: auto; }
      .order-main__right-part .order-main__quantity input {
        background-color: var(--color-surface); }
        @media (max-width: 760px) {
          .order-main__right-part .order-main__quantity input {
            font-size: 12px;
            width: 25px;
            height: 25px; } }
      @media (max-width: 760px) {
        .order-main__right-part .order-main__quantity .sign {
          font-size: 12px;
          width: 25px;
          height: 25px; } }
  .order-main__item-sale {
    margin-left: 3px;
    margin-right: 0px;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-success);
    align-self: flex-start; }
    @media (max-width: 760px) {
      .order-main__item-sale {
        font-size: 12px;
        margin-right: -10px; } }
  .order-main__prices-bottom {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-left: 10px; }
    @media (max-width: 760px) {
      .order-main__prices-bottom {
        flex-direction: column-reverse; } }
    .order-main__prices-bottom span:nth-child(1) {
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text);
      white-space: nowrap; }
      @media (max-width: 760px) {
        .order-main__prices-bottom span:nth-child(1) {
          font-size: 16px; } }
    .order-main__prices-bottom span:nth-child(2) {
      font-size: 18px;
      text-decoration: line-through;
      color: var(--color-text-muted);
      margin-top: 5px;
      white-space: nowrap; }
      @media (max-width: 760px) {
        .order-main__prices-bottom span:nth-child(2) {
          font-size: 12px;
          margin-top: 0; } }
  .order-main__btn-more, .order-main__btn-less {
    display: none;
    margin: 0 auto;
    margin-top: 10px;
    padding: 0px 10px;
    font-size: 18px;
    line-height: 130%;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .order-main__btn-more, .order-main__btn-less {
        font-size: 14px;
        margin-bottom: 10px; } }
    .order-main__btn-more.active, .order-main__btn-less.active {
      display: block; }
  .order-main__form input.error {
    border-color: var(--color-danger); }
  .order-main__buyer-type-form {
    padding: 30px 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .order-main__buyer-type-form {
        padding: 15px 20px; } }
    @media (max-width: 760px) {
      .order-main__buyer-type-form .order-main__list-title {
        padding: 0; } }
  .order-main__buyer-type-form-inner {
    display: flex; }
    @media (max-width: 760px) {
      .order-main__buyer-type-form-inner {
        flex-wrap: wrap;
        row-gap: 10px; } }
    .order-main__buyer-type-form-inner input {
      display: none; }
    .order-main__buyer-type-form-inner input:checked + label::before {
      border: 5px solid var(--color-border); }
    .order-main__buyer-type-form-inner label {
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text);
      position: relative;
      display: flex;
      align-items: center; }
      @media (max-width: 760px) {
        .order-main__buyer-type-form-inner label {
          font-size: 14px; } }
      .order-main__buyer-type-form-inner label:not(:last-child) {
        margin-right: 38px; }
      .order-main__buyer-type-form-inner label::before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: var(--radius-round);
        border: 1px solid var(--color-border-strong);
        margin-right: 10px; }
  .order-main__buyer-form {
    padding: 30px 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .order-main__buyer-form {
        padding: 15px 20px; } }
    .order-main__buyer-form.hide {
      display: none; }
    @media (max-width: 760px) {
      .order-main__buyer-form .order-main__list-title {
        padding: 0; } }
  .order-main__buyer-form-inner {
    display: flex;
    row-gap: 25px;
    -moz-column-gap: 25px;
         column-gap: 25px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px; }
    @media (max-width: 760px) {
      .order-main__buyer-form-inner {
        padding-top: 0;
        row-gap: 15px; } }
  .order-main__buyer-form-label {
    max-width: 315px;
    width: 100%; }
    .order-main__buyer-form-label span {
      display: block;
      font-size: 16px;
      line-height: 100%;
      font-weight: 400;
      margin-bottom: 10px;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__buyer-form-label span {
          font-size: 11px;
          margin-bottom: 7px; } }
    .order-main__buyer-form-label--phone1 span {
      position: relative; }
      .order-main__buyer-form-label--phone1 span::after {
        content: '*';
        color: var(--color-accent-hover);
        font-size: 16px;
        font-weight: 400;
        margin-left: 5px; }
        @media (max-width: 760px) {
          .order-main__buyer-form-label--phone1 span::after {
            font-size: 11px; } }
    .order-main__buyer-form-label--phone2 {
      display: none; }
      .order-main__buyer-form-label--phone2.active {
        display: block; }
      .order-main__buyer-form-label--phone2 button {
        display: block;
        margin-top: 10px;
        font-size: 16px;
        text-decoration: underline;
        color: var(--color-text); }
        @media (max-width: 760px) {
          .order-main__buyer-form-label--phone2 button {
            font-size: 11px; } }
    .order-main__buyer-form-label input {
      max-width: 315px;
      width: 100%;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      font-size: 16px;
      line-height: 120%;
      padding: 15px;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__buyer-form-label input {
          font-size: 11px;
          padding: 10px 15px;
          border-radius: var(--radius-md); } }
      .order-main__buyer-form-label input::-moz-placeholder {
        color: var(--color-text-muted); }
      .order-main__buyer-form-label input:-ms-input-placeholder {
        color: var(--color-text-muted); }
      .order-main__buyer-form-label input::placeholder {
        color: var(--color-text-muted); }
  .order-main__buyer-form-phone2-open-btn {
    display: none;
    width: 315px;
    text-align: left;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: var(--color-text); }
    .order-main__buyer-form-phone2-open-btn.active {
      display: block; }
  .order-main__buyer-company-form {
    padding: 30px 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .order-main__buyer-company-form {
        padding: 15px 20px; } }
    .order-main__buyer-company-form.hide {
      display: none; }
    @media (max-width: 760px) {
      .order-main__buyer-company-form .order-main__list-title {
        padding: 0; } }
  .order-main__buyer-company-form-inner {
    display: flex;
    row-gap: 25px;
    -moz-column-gap: 25px;
         column-gap: 25px;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px; }
    @media (max-width: 760px) {
      .order-main__buyer-company-form-inner {
        row-gap: 15px; } }
  .order-main__buyer-company-form-label {
    max-width: 315px;
    width: 100%; }
    .order-main__buyer-company-form-label span {
      display: block;
      font-size: 16px;
      line-height: 100%;
      font-weight: 400;
      margin-bottom: 10px;
      color: var(--color-text);
      position: relative; }
      @media (max-width: 760px) {
        .order-main__buyer-company-form-label span {
          font-size: 11px; } }
      .order-main__buyer-company-form-label span::after {
        content: '*';
        color: var(--color-accent-hover);
        font-size: 16px;
        font-weight: 400;
        margin-left: 5px; }
        @media (max-width: 760px) {
          .order-main__buyer-company-form-label span::after {
            font-size: 11px; } }
    .order-main__buyer-company-form-label input {
      max-width: 315px;
      width: 100%;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      font-size: 16px;
      line-height: 120%;
      padding: 15px; }
      @media (max-width: 760px) {
        .order-main__buyer-company-form-label input {
          font-size: 11px;
          padding: 10px 15px;
          border-radius: var(--radius-md); } }
  .order-main__buyer-company-form-label-kpp span::after {
    display: none; }
  .order-main__delivery-form {
    padding: 30px 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 30px;
    display: none; }
    @media (max-width: 760px) {
      .order-main__delivery-form {
        padding: 15px 20px;
        margin-bottom: 20px; } }
    @media (max-width: 760px) {
      .order-main__delivery-form .order-main__list-title {
        padding: 0; } }
    .order-main__delivery-form.active {
      display: block; }
  .order-main__delivery-form-label {
    display: block;
    max-width: 654px;
    width: 100%; }
    .order-main__delivery-form-label:not(:last-child) {
      margin-bottom: 20px; }
    .order-main__delivery-form-label span {
      display: block;
      font-size: 16px;
      line-height: 100%;
      font-weight: 400;
      margin-bottom: 10px;
      color: var(--color-text);
      position: relative; }
      @media (max-width: 760px) {
        .order-main__delivery-form-label span {
          font-size: 11px; } }
      .order-main__delivery-form-label span::after {
        content: '*';
        color: var(--color-accent-hover);
        font-size: 16px;
        font-weight: 400;
        margin-left: 5px; }
        @media (max-width: 760px) {
          .order-main__delivery-form-label span::after {
            font-size: 11px; } }
    .order-main__delivery-form-label input {
      max-width: 654px;
      width: 100%;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      font-size: 16px;
      line-height: 120%;
      padding: 15px; }
      @media (max-width: 760px) {
        .order-main__delivery-form-label input {
          width: 240px;
          padding: 10px 15px; } }
    .order-main__delivery-form-label--userplace input {
      padding: 15px 45px; }
      @media (max-width: 760px) {
        .order-main__delivery-form-label--userplace input {
          padding: 10px 15px; } }
  .order-main__delivery-input-wrapper {
    width: 654px;
    position: relative; }
    @media (max-width: 760px) {
      .order-main__delivery-input-wrapper {
        width: 240px; } }
  .order-main__delivery-search-btn, .order-main__delivery-clear-btn {
    position: absolute;
    top: 14px;
    width: 21px;
    height: 21px;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 760px) {
      .order-main__delivery-search-btn, .order-main__delivery-clear-btn {
        display: none; } }
  .order-main__delivery-search-btn {
    left: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8038 19.8404L15.3639 14.3184C16.5769 12.8068 17.307 10.8807 17.307 8.78341C17.307 3.94008 13.4256 0 8.65374 0C3.88191 0 0 3.93962 0 8.78341C0 13.6263 3.88191 17.5664 8.65374 17.5664C10.8772 17.5664 12.9016 16.703 14.4364 15.2987L19.8572 20.8011C19.988 20.9339 20.1598 21 20.3307 21C20.5025 21 20.6735 20.9339 20.8042 20.8011C21.0653 20.5361 21.0653 20.1054 20.8038 19.8404ZM0.892152 8.78295C0.892152 4.43927 4.37373 0.90552 8.6533 0.90552C12.9324 0.90552 16.414 4.43927 16.414 8.78295C16.414 10.8662 15.6066 12.7579 14.3012 14.1685C14.295 14.1739 14.2883 14.1758 14.282 14.1812C14.2731 14.1907 14.2704 14.2029 14.2619 14.212C12.8476 15.7164 10.8589 16.6595 8.65374 16.6595C4.37373 16.6599 0.892152 13.1262 0.892152 8.78295Z' fill='%23a9a9a9'/%3E%3C/svg%3E"); }
  .order-main__delivery-clear-btn {
    right: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(0.720572 0.69338 -0.720572 0.69338 1.3457 0.125977)' fill='%23333333'/%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(-0.720572 0.69338 -0.720572 -0.69338 17.5352 0.848633)' fill='%23333333'/%3E%3C/svg%3E"); }
  .order-main__map-btn {
    margin-bottom: 20px;
    font-size: 14px;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .order-main__map-btn {
        font-size: 10px; } }
  .order-main__city-btn {
    font-size: 14px;
    color: var(--color-text-muted); }
  .order-main__delivery-form-bottom {
    display: flex;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
    max-width: 654px; }
    @media (max-width: 760px) {
      .order-main__delivery-form-bottom {
        flex-wrap: wrap; } }
    .order-main__delivery-form-bottom .order-main__delivery-form-label {
      margin-bottom: 0; }
    .order-main__delivery-form-bottom .order-main__delivery-form-label:nth-child(2) span::after {
      display: none; }
  .order-main__express-form {
    padding: 30px 13px 30px 40px;
    border-radius: var(--radius-xl);
    margin-bottom: 30px;
    border: 1px solid var(--color-border); }
    @media (max-width: 760px) {
      .order-main__express-form {
        padding: 15px 20px; } }
  .order-main__express-form-title {
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600; }
    @media (max-width: 760px) {
      .order-main__express-form-title {
        font-size: 18px;
        text-transform: none; } }
    .order-main__express-form-title::after {
      content: '';
      display: inline-block;
      margin-left: 10px;
      width: 26px;
      height: 21px;
      background-image: url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.2598L8.88078 21L26 4.01577L21.9149 0L8.80788 12.8848L4.0871 8.24404L0 12.2598Z' fill='%2333b512'/%3E%3C/svg%3E%0A"); }
      @media (max-width: 760px) {
        .order-main__express-form-title::after {
          display: none; } }
  .order-main__express-form-subtitle {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 32px; }
    @media (max-width: 760px) {
      .order-main__express-form-subtitle {
        font-size: 10px; } }
    .order-main__express-form-subtitle span {
      display: inline-block;
      margin-left: 5px;
      font-weight: 600;
      color: var(--color-text); }
  .order-main__express-inner {
    padding-bottom: 45px;
    display: flex;
    align-items: center; }
  .order-main__express-bar {
    position: relative;
    width: 656px;
    height: 23px;
    margin-right: 8px;
    background-color: var(--color-border);
    border-radius: var(--radius-md); }
    .order-main__express-bar::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      right: 8px;
      background-size: contain;
      background-position: -47px 0;
      background-repeat: repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='150' height='30' viewBox='0 0 150 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71 30V1' stroke='black'/%3E%3Cpath d='M149 29.6733L149 0' stroke='black'/%3E%3C/svg%3E");
      z-index: 11; }
      @media (max-width: 760px) {
        .order-main__express-bar::before {
          background-image: url("data:image/svg+xml,%3Csvg width='29' height='38' viewBox='0 0 29 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_944_28324)'%3E%3Cpath d='M24 30V0' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_944_28324' x='19.5' y='0' width='9' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_944_28324'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_944_28324' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
          background-size: 24px 125%;
          left: 0px;
          z-index: 15; } }
  .order-main__express-bar-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: var(--availible-express-limit);
    background-color: var(--color-accent);
    border-radius: var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-md);
    z-index: 11; }
    .order-main__express-bar-progress span {
      z-index: 12;
      position: absolute;
      bottom: -25px;
      right: 0px;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-text);
      white-space: nowrap;
      transform: translateX(50%); }
      @media (max-width: 760px) {
        .order-main__express-bar-progress span {
          font-size: 10px;
          right: -3px; } }
    .order-main__express-bar-progress::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0px;
      right: 0px;
      background-size: contain;
      background-repeat: repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='150' height='30' viewBox='0 0 150 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71 30V1' stroke='white'/%3E%3Cpath d='M149 29.6733L149 0' stroke='white'/%3E%3C/svg%3E");
      z-index: 12; }
      @media (max-width: 760px) {
        .order-main__express-bar-progress::before {
          background-image: none; } }
    .order-main__express-bar-progress:after {
      content: '';
      position: absolute;
      width: 17px;
      height: 13px;
      top: -23px;
      right: -8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23ec1314' stroke='%23ec1314'/%3E%3C/svg%3E");
      z-index: 11; }
  .order-main__express-sum {
    position: relative;
    width: 60px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap; }
    @media (max-width: 760px) {
      .order-main__express-sum {
        font-size: 10px; } }
    .order-main__express-sum::after {
      content: '';
      position: absolute;
      top: -34px;
      left: -24px;
      display: inline-block;
      margin-left: 10px;
      width: 26px;
      height: 21px;
      background-image: url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.2598L8.88078 21L26 4.01577L21.9149 0L8.80788 12.8848L4.0871 8.24404L0 12.2598Z' fill='%2333b512'/%3E%3C/svg%3E%0A"); }
      @media (max-width: 760px) {
        .order-main__express-sum::after {
          display: none; } }
  .order-main__express-form-group {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 25px;
         column-gap: 25px;
    row-gap: 25px;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .order-main__express-form-group {
        row-gap: 10px;
        -moz-column-gap: 10px;
             column-gap: 10px;
        margin-bottom: 20px; } }
    .order-main__express-form-group input {
      display: none; }
    .order-main__express-form-group input:checked + label {
      border: 1px solid var(--color-border);
      outline: 3px solid var(--color-border); }
      @media (max-width: 760px) {
        .order-main__express-form-group input:checked + label {
          outline: 1px solid var(--color-border); } }
  .order-main__express-form-group-title {
    display: block;
    margin-bottom: 21px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .order-main__express-form-group-title {
        font-size: 14px;
        margin-bottom: 15px; } }
  .order-main__express-item {
    display: flex;
    align-items: center;
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border-strong); }
    @media (max-width: 760px) {
      .order-main__express-item {
        border-radius: var(--radius-md); } }
    .order-main__express-item img {
      width: 72px;
      height: 91px;
      border-radius: var(--radius-xl);
      margin-right: 19px; }
      @media (max-width: 760px) {
        .order-main__express-item img {
          width: 34px;
          height: 44px;
          border-radius: var(--radius-md);
          margin-right: 10px; } }
  .order-main__express-item-text {
    margin: 10px 0; }
    .order-main__express-item-text span {
      display: flex;
      max-width: 110px;
      margin-bottom: 5px;
      font-size: 14px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__express-item-text span {
          font-size: 8px;
          max-width: 60px; } }
    .order-main__express-item-text p {
      display: block;
      max-width: 110px;
      font-size: 12px;
      font-weight: 400;
      color: var(--color-text-muted); }
      @media (max-width: 760px) {
        .order-main__express-item-text p {
          font-size: 6px; } }
  .order-main__express-item-more {
    position: relative;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.25C5.67 19.2448 1.75525 15.33 1.75 10.5V10.325C1.84625 5.51688 5.80562 1.687 10.6137 1.75C15.4236 1.81475 19.2797 5.74788 19.2482 10.5569C19.2167 15.3668 15.3099 19.25 10.5 19.25ZM10.486 17.5H10.5C12.3559 17.4981 14.1351 16.7594 15.4465 15.446C16.7578 14.1327 17.4939 12.3524 17.493 10.4965C17.4921 8.6406 16.7542 6.86102 15.4415 5.54902C14.1289 4.23702 12.3489 3.50001 10.493 3.50001C8.63709 3.50001 6.85714 4.23702 5.54449 5.54902C4.23184 6.86102 3.49393 8.6406 3.493 10.4965C3.49207 12.3524 4.2282 14.1327 5.53954 15.446C6.85088 16.7594 8.63009 17.4981 10.486 17.5ZM11.375 15.75H9.625V14H11.375V15.75ZM11.375 13.125H9.625C9.61142 12.5654 9.74789 12.0125 10.0202 11.5235C10.2926 11.0345 10.6909 10.6273 11.1737 10.3443C11.7512 9.9015 12.25 9.52 12.25 8.75C12.25 8.28587 12.0656 7.84076 11.7374 7.51257C11.4092 7.18438 10.9641 7 10.5 7C10.0359 7 9.59075 7.18438 9.26256 7.51257C8.93437 7.84076 8.75 8.28587 8.75 8.75H7V8.67125C7.01044 7.743 7.38921 6.85691 8.05297 6.20791C8.71673 5.55892 9.61112 5.20019 10.5394 5.21063C11.4676 5.22107 12.3537 5.59984 13.0027 6.2636C13.6517 6.92736 14.0104 7.82175 14 8.75C13.9691 9.21559 13.8295 9.66746 13.5925 10.0694C13.3554 10.4713 13.0275 10.8121 12.635 11.0644C12.2801 11.2872 11.9816 11.5892 11.763 11.9467C11.5444 12.3042 11.4116 12.7075 11.375 13.125Z' fill='%23050000'/%3E%3C/svg%3E");
    margin: 15px; }
    @media (max-width: 760px) {
      .order-main__express-item-more {
        width: 10px;
        height: 10px;
        margin: 7px; } }
    .order-main__express-item-more:hover .order-main__express-item-more-inner {
      display: block; }
    @media (max-width: 1200px) {
      .order-main__express-item-more.active .order-main__express-item-more-inner {
        display: block; } }
  .order-main__express-item-more-inner {
    display: none;
    position: absolute;
    left: 50px;
    top: -29px;
    width: 220px;
    padding: 12px 14px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    text-align: left;
    z-index: 1000; }
    @media (max-width: 1200px) {
      .order-main__express-item-more-inner {
        position: absolute;
        left: -58px;
        top: -81px;
        width: 100px;
        padding: 5px;
        background-color: var(--color-surface);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        font-size: 10px;
        font-weight: 500;
        color: var(--color-text);
        text-align: left;
        z-index: 1000; } }
    .order-main__express-item-more-inner::before {
      content: '';
      position: absolute;
      width: 24px;
      height: 30px;
      top: calc( 50% - 15px);
      left: -22px;
      z-index: 10;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-image: url("../img/popup-nose.png"); }
      @media (max-width: 1200px) {
        .order-main__express-item-more-inner::before {
          display: none; } }
  .order-main__express-form-group--transport-company label img {
    margin-left: 7px;
    margin-right: 7px; }
  .order-main__express-form-group--transport-company .order-main__express-item-text {
    max-width: 70px; }
  .order-main__pay-form {
    padding: 30px 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .order-main__pay-form {
        padding: 15px 20px;
        margin-bottom: 20px; } }
    @media (max-width: 760px) {
      .order-main__pay-form .order-main__list-title {
        padding: 0; } }
  .order-main__pay-form-inner {
    display: flex;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 20px;
    flex-wrap: wrap; }
    @media (max-width: 760px) {
      .order-main__pay-form-inner {
        row-gap: 10px;
        -moz-column-gap: 10px;
             column-gap: 10px; } }
    .order-main__pay-form-inner input {
      display: none; }
    .order-main__pay-form-inner input:checked + label {
      border: 1px solid var(--color-border);
      outline: 3px solid var(--color-border); }
      @media (max-width: 760px) {
        .order-main__pay-form-inner input:checked + label {
          outline: 1px solid var(--color-border); } }
  .order-main__pay-form-label {
    padding: 24px 20px;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .order-main__pay-form-label {
        padding: 10px;
        border-radius: var(--radius-md); } }
    .order-main__pay-form-label span {
      max-width: 250px;
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__pay-form-label span {
          font-size: 8px;
          max-width: 148px; } }
      .order-main__pay-form-label span::before {
        flex-shrink: 0;
        content: '';
        display: block;
        margin-right: 17px;
        width: 44px;
        height: 44px;
        background-size: contain; }
        @media (max-width: 760px) {
          .order-main__pay-form-label span::before {
            width: 22px;
            height: 22px; } }
  .order-main__pay-form-label--online span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_485_129753)'%3E%3Cpath d='M38.5 8.25C39.2293 8.25 39.9288 8.53973 40.4445 9.05546C40.9603 9.57118 41.25 10.2707 41.25 11V33C41.25 33.7293 40.9603 34.4288 40.4445 34.9445C39.9288 35.4603 39.2293 35.75 38.5 35.75H5.5C4.77065 35.75 4.07118 35.4603 3.55546 34.9445C3.03973 34.4288 2.75 33.7293 2.75 33V11C2.75 10.2707 3.03973 9.57118 3.55546 9.05546C4.07118 8.53973 4.77065 8.25 5.5 8.25H38.5ZM5.5 5.5C4.04131 5.5 2.64236 6.07946 1.61091 7.11091C0.579463 8.14236 0 9.54131 0 11L0 33C0 34.4587 0.579463 35.8576 1.61091 36.8891C2.64236 37.9205 4.04131 38.5 5.5 38.5H38.5C39.9587 38.5 41.3576 37.9205 42.3891 36.8891C43.4205 35.8576 44 34.4587 44 33V11C44 9.54131 43.4205 8.14236 42.3891 7.11091C41.3576 6.07946 39.9587 5.5 38.5 5.5H5.5Z' fill='black'/%3E%3Cpath d='M5.5 15.125C5.5 14.7603 5.64487 14.4106 5.90273 14.1527C6.16059 13.8949 6.51033 13.75 6.875 13.75H12.375C12.7397 13.75 13.0894 13.8949 13.3473 14.1527C13.6051 14.4106 13.75 14.7603 13.75 15.125V17.875C13.75 18.2397 13.6051 18.5894 13.3473 18.8473C13.0894 19.1051 12.7397 19.25 12.375 19.25H6.875C6.51033 19.25 6.16059 19.1051 5.90273 18.8473C5.64487 18.5894 5.5 18.2397 5.5 17.875V15.125ZM5.5 23.375C5.5 23.0103 5.64487 22.6606 5.90273 22.4027C6.16059 22.1449 6.51033 22 6.875 22H20.625C20.9897 22 21.3394 22.1449 21.5973 22.4027C21.8551 22.6606 22 23.0103 22 23.375C22 23.7397 21.8551 24.0894 21.5973 24.3473C21.3394 24.6051 20.9897 24.75 20.625 24.75H6.875C6.51033 24.75 6.16059 24.6051 5.90273 24.3473C5.64487 24.0894 5.5 23.7397 5.5 23.375ZM5.5 28.875C5.5 28.5103 5.64487 28.1606 5.90273 27.9027C6.16059 27.6449 6.51033 27.5 6.875 27.5H9.625C9.98967 27.5 10.3394 27.6449 10.5973 27.9027C10.8551 28.1606 11 28.5103 11 28.875C11 29.2397 10.8551 29.5894 10.5973 29.8473C10.3394 30.1051 9.98967 30.25 9.625 30.25H6.875C6.51033 30.25 6.16059 30.1051 5.90273 29.8473C5.64487 29.5894 5.5 29.2397 5.5 28.875ZM13.75 28.875C13.75 28.5103 13.8949 28.1606 14.1527 27.9027C14.4106 27.6449 14.7603 27.5 15.125 27.5H17.875C18.2397 27.5 18.5894 27.6449 18.8473 27.9027C19.1051 28.1606 19.25 28.5103 19.25 28.875C19.25 29.2397 19.1051 29.5894 18.8473 29.8473C18.5894 30.1051 18.2397 30.25 17.875 30.25H15.125C14.7603 30.25 14.4106 30.1051 14.1527 29.8473C13.8949 29.5894 13.75 29.2397 13.75 28.875ZM22 28.875C22 28.5103 22.1449 28.1606 22.4027 27.9027C22.6606 27.6449 23.0103 27.5 23.375 27.5H26.125C26.4897 27.5 26.8394 27.6449 27.0973 27.9027C27.3551 28.1606 27.5 28.5103 27.5 28.875C27.5 29.2397 27.3551 29.5894 27.0973 29.8473C26.8394 30.1051 26.4897 30.25 26.125 30.25H23.375C23.0103 30.25 22.6606 30.1051 22.4027 29.8473C22.1449 29.5894 22 29.2397 22 28.875ZM30.25 28.875C30.25 28.5103 30.3949 28.1606 30.6527 27.9027C30.9106 27.6449 31.2603 27.5 31.625 27.5H34.375C34.7397 27.5 35.0894 27.6449 35.3473 27.9027C35.6051 28.1606 35.75 28.5103 35.75 28.875C35.75 29.2397 35.6051 29.5894 35.3473 29.8473C35.0894 30.1051 34.7397 30.25 34.375 30.25H31.625C31.2603 30.25 30.9106 30.1051 30.6527 29.8473C30.3949 29.5894 30.25 29.2397 30.25 28.875Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_485_129753'%3E%3Crect width='44' height='44' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
  .order-main__pay-form-label--bill span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_485_129749)'%3E%3Cpath d='M39.875 8.25C40.2397 8.25 40.5894 8.39487 40.8473 8.65273C41.1051 8.91059 41.25 9.26033 41.25 9.625V34.375C41.25 34.7397 41.1051 35.0894 40.8473 35.3473C40.5894 35.6051 40.2397 35.75 39.875 35.75H4.125C3.76033 35.75 3.41059 35.6051 3.15273 35.3473C2.89487 35.0894 2.75 34.7397 2.75 34.375V9.625C2.75 9.26033 2.89487 8.91059 3.15273 8.65273C3.41059 8.39487 3.76033 8.25 4.125 8.25H39.875ZM4.125 5.5C3.03098 5.5 1.98177 5.9346 1.20818 6.70818C0.434597 7.48177 0 8.53098 0 9.625L0 34.375C0 35.469 0.434597 36.5182 1.20818 37.2918C1.98177 38.0654 3.03098 38.5 4.125 38.5H39.875C40.969 38.5 42.0182 38.0654 42.7918 37.2918C43.5654 36.5182 44 35.469 44 34.375V9.625C44 8.53098 43.5654 7.48177 42.7918 6.70818C42.0182 5.9346 40.969 5.5 39.875 5.5H4.125Z' fill='black'/%3E%3Cpath d='M19.2494 15.125C19.2494 14.7603 19.3943 14.4106 19.6521 14.1527C19.91 13.8949 20.2597 13.75 20.6244 13.75H34.3744C34.7391 13.75 35.0888 13.8949 35.3467 14.1527C35.6045 14.4106 35.7494 14.7603 35.7494 15.125C35.7494 15.4897 35.6045 15.8394 35.3467 16.0973C35.0888 16.3551 34.7391 16.5 34.3744 16.5H20.6244C20.2597 16.5 19.91 16.3551 19.6521 16.0973C19.3943 15.8394 19.2494 15.4897 19.2494 15.125ZM15.1354 12.7765C15.2634 12.9042 15.365 13.056 15.4344 13.223C15.5037 13.3901 15.5394 13.5692 15.5394 13.75C15.5394 13.9309 15.5037 14.11 15.4344 14.277C15.365 14.4441 15.2634 14.5958 15.1354 14.7235L11.0104 18.8485C10.8827 18.9766 10.7309 19.0782 10.5639 19.1475C10.3968 19.2168 10.2178 19.2525 10.0369 19.2525C9.85603 19.2525 9.67695 19.2168 9.5099 19.1475C9.34285 19.0782 9.19112 18.9766 9.06339 18.8485L7.68839 17.4735C7.56055 17.3457 7.45914 17.1939 7.38995 17.0269C7.32077 16.8598 7.28516 16.6808 7.28516 16.5C7.28516 16.1349 7.43021 15.7847 7.68839 15.5265C7.94658 15.2683 8.29676 15.1233 8.66189 15.1233C9.02703 15.1233 9.37721 15.2683 9.63539 15.5265L10.0369 15.9308L13.1884 12.7765C13.3161 12.6485 13.4679 12.5469 13.6349 12.4776C13.8019 12.4082 13.981 12.3726 14.1619 12.3726C14.3428 12.3726 14.5218 12.4082 14.6889 12.4776C14.8559 12.5469 15.0077 12.6485 15.1354 12.7765ZM19.2494 26.125C19.2494 25.7603 19.3943 25.4106 19.6521 25.1527C19.91 24.8949 20.2597 24.75 20.6244 24.75H34.3744C34.7391 24.75 35.0888 24.8949 35.3467 25.1527C35.6045 25.4106 35.7494 25.7603 35.7494 26.125C35.7494 26.4897 35.6045 26.8394 35.3467 27.0973C35.0888 27.3552 34.7391 27.5 34.3744 27.5H20.6244C20.2597 27.5 19.91 27.3552 19.6521 27.0973C19.3943 26.8394 19.2494 26.4897 19.2494 26.125ZM15.1354 23.7765C15.2634 23.9042 15.365 24.056 15.4344 24.223C15.5037 24.3901 15.5394 24.5692 15.5394 24.75C15.5394 24.9309 15.5037 25.11 15.4344 25.277C15.365 25.4441 15.2634 25.5958 15.1354 25.7235L11.0104 29.8485C10.8827 29.9766 10.7309 30.0782 10.5639 30.1475C10.3968 30.2168 10.2178 30.2525 10.0369 30.2525C9.85603 30.2525 9.67695 30.2168 9.5099 30.1475C9.34285 30.0782 9.19112 29.9766 9.06339 29.8485L7.68839 28.4735C7.56055 28.3457 7.45914 28.1939 7.38995 28.0269C7.32077 27.8598 7.28516 27.6808 7.28516 27.5C7.28516 27.3192 7.32077 27.1402 7.38995 26.9732C7.45914 26.8061 7.56055 26.6544 7.68839 26.5265C7.81624 26.3987 7.96801 26.2973 8.13504 26.2281C8.30207 26.1589 8.4811 26.1233 8.66189 26.1233C8.84269 26.1233 9.02171 26.1589 9.18875 26.2281C9.35578 26.2973 9.50755 26.3987 9.63539 26.5265L10.0369 26.9308L13.1884 23.7765C13.3161 23.6485 13.4679 23.5469 13.6349 23.4776C13.8019 23.4082 13.981 23.3726 14.1619 23.3726C14.3428 23.3726 14.5218 23.4082 14.6889 23.4776C14.8559 23.5469 15.0077 23.6485 15.1354 23.7765Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_485_129749'%3E%3Crect width='44' height='44' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
  .order-main__pay-form-label--qr span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.375C0 1.01033 0.144866 0.660591 0.402728 0.402728C0.660591 0.144866 1.01033 0 1.375 0L9.625 0C9.98967 0 10.3394 0.144866 10.5973 0.402728C10.8551 0.660591 11 1.01033 11 1.375C11 1.73967 10.8551 2.08941 10.5973 2.34727C10.3394 2.60513 9.98967 2.75 9.625 2.75H2.75V9.625C2.75 9.98967 2.60513 10.3394 2.34727 10.5973C2.08941 10.8551 1.73967 11 1.375 11C1.01033 11 0.660591 10.8551 0.402728 10.5973C0.144866 10.3394 0 9.98967 0 9.625V1.375ZM33 1.375C33 1.01033 33.1449 0.660591 33.4027 0.402728C33.6606 0.144866 34.0103 0 34.375 0L42.625 0C42.9897 0 43.3394 0.144866 43.5973 0.402728C43.8551 0.660591 44 1.01033 44 1.375V9.625C44 9.98967 43.8551 10.3394 43.5973 10.5973C43.3394 10.8551 42.9897 11 42.625 11C42.2603 11 41.9106 10.8551 41.6527 10.5973C41.3949 10.3394 41.25 9.98967 41.25 9.625V2.75H34.375C34.0103 2.75 33.6606 2.60513 33.4027 2.34727C33.1449 2.08941 33 1.73967 33 1.375ZM1.375 33C1.73967 33 2.08941 33.1449 2.34727 33.4027C2.60513 33.6606 2.75 34.0103 2.75 34.375V41.25H9.625C9.98967 41.25 10.3394 41.3949 10.5973 41.6527C10.8551 41.9106 11 42.2603 11 42.625C11 42.9897 10.8551 43.3394 10.5973 43.5973C10.3394 43.8551 9.98967 44 9.625 44H1.375C1.01033 44 0.660591 43.8551 0.402728 43.5973C0.144866 43.3394 0 42.9897 0 42.625V34.375C0 34.0103 0.144866 33.6606 0.402728 33.4027C0.660591 33.1449 1.01033 33 1.375 33ZM42.625 33C42.9897 33 43.3394 33.1449 43.5973 33.4027C43.8551 33.6606 44 34.0103 44 34.375V42.625C44 42.9897 43.8551 43.3394 43.5973 43.5973C43.3394 43.8551 42.9897 44 42.625 44H34.375C34.0103 44 33.6606 43.8551 33.4027 43.5973C33.1449 43.3394 33 42.9897 33 42.625C33 42.2603 33.1449 41.9106 33.4027 41.6527C33.6606 41.3949 34.0103 41.25 34.375 41.25H41.25V34.375C41.25 34.0103 41.3949 33.6606 41.6527 33.4027C41.9106 33.1449 42.2603 33 42.625 33ZM11 11H13.75V13.75H11V11Z' fill='black'/%3E%3Cpath d='M19.25 5.5H5.5V19.25H19.25V5.5ZM8.25 8.25H16.5V16.5H8.25V8.25ZM13.75 30.25H11V33H13.75V30.25Z' fill='black'/%3E%3Cpath d='M19.25 24.75H5.5V38.5H19.25V24.75ZM8.25 27.5H16.5V35.75H8.25V27.5ZM30.25 11H33V13.75H30.25V11Z' fill='black'/%3E%3Cpath d='M24.75 5.5H38.5V19.25H24.75V5.5ZM27.5 8.25V16.5H35.75V8.25H27.5ZM22 22V27.5H24.75V30.25H22V33H27.5V27.5H30.25V33H33V30.25H38.5V27.5H30.25V22H22ZM27.5 27.5H24.75V24.75H27.5V27.5ZM38.5 33H35.75V35.75H30.25V38.5H38.5V33ZM27.5 38.5V35.75H22V38.5H27.5Z' fill='black'/%3E%3Cpath d='M33 24.75H38.5V22H33V24.75Z' fill='black'/%3E%3C/svg%3E"); }
  .order-main__pay-form-label--post span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11C0 9.54131 0.579463 8.14236 1.61091 7.11091C2.64236 6.07946 4.04131 5.5 5.5 5.5H38.5C39.9587 5.5 41.3576 6.07946 42.3891 7.11091C43.4205 8.14236 44 9.54131 44 11V33C44 34.4587 43.4205 35.8576 42.3891 36.8891C41.3576 37.9205 39.9587 38.5 38.5 38.5H5.5C4.04131 38.5 2.64236 37.9205 1.61091 36.8891C0.579463 35.8576 0 34.4587 0 33V11ZM5.5 8.25C4.77065 8.25 4.07118 8.53973 3.55546 9.05546C3.03973 9.57118 2.75 10.2707 2.75 11V13.75H41.25V11C41.25 10.2707 40.9603 9.57118 40.4445 9.05546C39.9288 8.53973 39.2293 8.25 38.5 8.25H5.5ZM41.25 19.25H2.75V33C2.75 33.7293 3.03973 34.4288 3.55546 34.9445C4.07118 35.4603 4.77065 35.75 5.5 35.75H38.5C39.2293 35.75 39.9288 35.4603 40.4445 34.9445C40.9603 34.4288 41.25 33.7293 41.25 33V19.25Z' fill='black'/%3E%3Cpath d='M5.5 27.5C5.5 26.7707 5.78973 26.0712 6.30546 25.5555C6.82118 25.0397 7.52065 24.75 8.25 24.75H11C11.7293 24.75 12.4288 25.0397 12.9445 25.5555C13.4603 26.0712 13.75 26.7707 13.75 27.5V30.25C13.75 30.9793 13.4603 31.6788 12.9445 32.1945C12.4288 32.7103 11.7293 33 11 33H8.25C7.52065 33 6.82118 32.7103 6.30546 32.1945C5.78973 31.6788 5.5 30.9793 5.5 30.25V27.5Z' fill='black'/%3E%3C/svg%3E%0A"); }
  .order-main__comments-title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .order-main__comments-title {
        font-size: 12px; } }
  .order-main__comments-input {
    display: block;
    width: 100%;
    height: 94px;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    resize: none; }
    @media (max-width: 760px) {
      .order-main__comments-input {
        font-size: 12px;
        padding: 10px; } }
  .order-main__right-column-wrapper {
    width: 100%;
    max-width: 370px;
    position: sticky;
    top: 147px; }
  .order-main__right-column {
    width: 100%;
    max-width: 370px;
    padding: 25px 25px 20px 25px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-xl);
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .order-main__right-column {
        padding: 20px; } }
  .order-main__order-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--color-surface); }
    @media (max-width: 760px) {
      .order-main__order-row {
        padding-bottom: 15px; } }
    .order-main__order-row span {
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__order-row span {
          font-size: 14px; } }
  .order-main__sale-row {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    border-bottom: 1px solid var(--color-surface); }
    @media (max-width: 760px) {
      .order-main__sale-row {
        padding: 15px 0; } }
    .order-main__sale-row span {
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__sale-row span {
          font-size: 14px; } }
    .order-main__sale-row span:nth-child(2) {
      color: var(--color-success); }
  .order-main__persanal-sale-row {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .order-main__persanal-sale-row {
        padding-top: 15px;
        margin-bottom: 10px; } }
    .order-main__persanal-sale-row span {
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__persanal-sale-row span {
          font-size: 14px; } }
    .order-main__persanal-sale-row span:nth-child(2) {
      color: var(--color-success); }
  .order-main__next-sale {
    font-size: 14px;
    color: var(--color-text);
    margin-bottom: 26px; }
    @media (max-width: 760px) {
      .order-main__next-sale {
        font-size: 10px; } }
    .order-main__next-sale span {
      display: inline-block;
      margin-left: 5px;
      font-weight: 600;
      color: var(--color-success); }
  .order-main__credit-inner {
    padding-bottom: 35px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-surface); }
  .order-main__credit-bar {
    position: relative;
    width: 266px;
    height: 30px;
    margin-right: 8px;
    background-color: var(--color-success);
    border-radius: var(--radius-sm); }
    .order-main__credit-bar::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      right: 8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 30.0003L172.22 21.0586' stroke='white'/%3E%3Cpath d='M218.22 30.0003L218.22 21.0586' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 30.0003L180.22 21.0586' stroke='white'/%3E%3Cpath d='M226.22 30.0003L226.22 21.0586' stroke='white'/%3E%3Cpath d='M248.22 30.0003L248.22 21.0586' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 30.0003L164.22 21.0586' stroke='white'/%3E%3Cpath d='M210.22 30.0003L210.22 21.0586' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 30.0003L156.22 21.0586' stroke='white'/%3E%3Cpath d='M202.22 30.0003L202.22 21.0586' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 30.0003L195.22 21.0586' stroke='white'/%3E%3Cpath d='M241.22 30.0003L241.22 21.0586' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0006L188.22 12.1172' stroke='white'/%3E%3Cpath d='M234 30L234 0' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A");
      z-index: 11; }
      @media (max-width: 540px) {
        .order-main__credit-bar::before {
          background-size: cover; } }
  .order-main__credit-bar-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: var(--availible-credir-limit);
    background-color: var(--color-success);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    z-index: 10; }
    .order-main__credit-bar-progress span {
      z-index: 12;
      position: absolute;
      bottom: -25px;
      right: -30px;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-text);
      white-space: nowrap; }
      @media (max-width: 760px) {
        .order-main__credit-bar-progress span {
          font-size: 10px; } }
    .order-main__credit-bar-progress:after {
      content: '';
      position: absolute;
      width: 15px;
      height: 10px;
      top: -16px;
      right: -8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23ec1314' stroke='%23ec1314'/%3E%3C/svg%3E");
      z-index: 11; }
  .order-main__credit-sum {
    width: 53px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    white-space: none; }
    @media (max-width: 760px) {
      .order-main__credit-sum {
        font-size: 10px; } }
  .order-main__delivery-row, .order-main__product-sum-row, .order-main__weight-row {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    border-bottom: 1px solid var(--color-surface); }
    @media (max-width: 760px) {
      .order-main__delivery-row, .order-main__product-sum-row, .order-main__weight-row {
        padding: 15px 0; } }
    .order-main__delivery-row span, .order-main__product-sum-row span, .order-main__weight-row span {
      font-size: 18px;
      font-weight: 500;
      line-height: 120%;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__delivery-row span, .order-main__product-sum-row span, .order-main__weight-row span {
          font-size: 14px; } }
  .order-main__result-row {
    display: flex;
    justify-content: space-between;
    padding: 20px 0px; }
    @media (max-width: 760px) {
      .order-main__result-row {
        padding: 15px 0; } }
    .order-main__result-row span {
      font-size: 22px;
      line-height: 120%;
      font-weight: 700;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .order-main__result-row span {
          font-size: 16px; } }
  .order-main__make-an-oreder-btn {
    width: 100%;
    padding: 15px 15px;
    text-align: center;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .order-main__make-an-oreder-btn {
        font-size: 12px;
        border-radius: var(--radius-md); } }
  .order-main__empty-wrapper {
    margin-bottom: 67px; }
    .order-main__empty-wrapper p {
      display: block;
      margin-bottom: 40px;
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text); }
  .order-main__empty-btn {
    display: block;
    padding: 16px 64px;
    border-radius: var(--radius-pill);
    background-color: var(--color-accent);
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: var(--color-text-invert); }
  .order-main__right-column-bottom-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .order-main__right-column-bottom-text {
        font-size: 12px; } }

.order-main__form-inner {
  padding: 30px 40px;
  margin-bottom: 30px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl); }
  .order-main__form-inner .order-main__buyer-form,
  .order-main__form-inner .order-main__buyer-company-form {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    border: none; }

.order-main__buyer-company-form-label textarea.error,
.order-main__buyer-company-form-label select.error, .order-main__delivery-form-label textarea.error,
.order-main__delivery-form-label select.error {
  border: 2px solid var(--color-danger);
  color: var(--color-danger); }

.order-main__buyer-company-form-label.error textarea,
.order-main__buyer-company-form-label.error select, .order-main__delivery-form-label.error textarea,
.order-main__delivery-form-label.error select {
  border: 2px solid var(--color-danger);
  color: var(--color-danger); }

.order-main__buyer-company-form-label textarea, .order-main__delivery-form-label textarea {
  width: 100%;
  min-height: 90px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-xl);
  font-size: 16px;
  line-height: 125%;
  padding: 15px;
  resize: vertical;
  overflow-y: auto; }

.order-main__buyer-company-form-label.porch span::after, .order-main__buyer-company-form-label.comment span::after, .order-main__delivery-form-label.porch span::after, .order-main__delivery-form-label.comment span::after {
  display: none; }

.order-main__buyer-company-form-label select, .order-main__delivery-form-label select {
  width: 100%;
  display: block;
  color: var(--color-text);
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-xl);
  padding: 15px 45px 15px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L6.5 7L12.5 1' stroke='black'/%3E%3C/svg%3E"); }
  @media (max-width: 760px) {
    .order-main__buyer-company-form-label select, .order-main__delivery-form-label select {
      padding: 10px 15px; } }
  .order-main__buyer-company-form-label select option, .order-main__delivery-form-label select option {
    color: var(--color-text); }
    .order-main__buyer-company-form-label select option:nth-child(1), .order-main__delivery-form-label select option:nth-child(1) {
      display: none; }

.order-main__buyer-company-form-label.w100 {
  grid-column: span 2; }
  @media (max-width: 760px) {
    .order-main__buyer-company-form-label.w100 {
      grid-column: span 1; } }

.order-main.new .order-main__buyer-form-inner,
.order-main.new .order-main__buyer-company-form-inner {
  display: grid;
  grid-gap: 30px 20px;
  grid-template-columns: repeat(2, 1fr); }
  @media (max-width: 760px) {
    .order-main.new .order-main__buyer-form-inner,
    .order-main.new .order-main__buyer-company-form-inner {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 15px; } }

.order-main.new .order-main__buyer-form-label {
  max-width: none; }
  .order-main.new .order-main__buyer-form-label input {
    max-width: none; }
  .order-main.new .order-main__buyer-form-label.w100 {
    grid-column: span 2; }
    @media (max-width: 760px) {
      .order-main.new .order-main__buyer-form-label.w100 {
        grid-column: span 1; } }
  .order-main.new .order-main__buyer-form-label span::after {
    content: '*';
    color: var(--color-accent-hover);
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px; }
  .order-main.new .order-main__buyer-form-label.order-main__buyer-form-label--phone2 span::after {
    display: none; }

.order-main.new .order-main__buyer-form-phone2-open-btn {
  width: auto; }

.order-main.new .order-main__buyer-company-form-label {
  display: block;
  max-width: none; }
  .order-main.new .order-main__buyer-company-form-label input {
    max-width: none; }

.order-main.new .order-main__pay-form-inner {
  display: grid;
  grid-gap: 30px 10px;
  grid-template-columns: repeat(2, 1fr);
  max-width: 464px; }
  @media (max-width: 760px) {
    .order-main.new .order-main__pay-form-inner {
      grid-gap: 10px; } }

.order-main.new .order-main__pay-form-label {
  display: flex;
  min-height: 90px;
  width: 100%;
  padding: 10px 20px; }
  @media (max-width: 760px) {
    .order-main.new .order-main__pay-form-label {
      min-height: 44px;
      padding: 10px; } }

.order-main.new .order-main__delivery-form-inner {
  display: grid;
  grid-gap: 30px 20px;
  grid-template-columns: repeat(6, 1fr); }
  @media (max-width: 760px) {
    .order-main.new .order-main__delivery-form-inner {
      grid-gap: 15px;
      grid-template-columns: repeat(1, 1fr); } }

.order-main.new .order-main__delivery-form-label {
  grid-column: span 2;
  max-width: none; }
  @media (max-width: 760px) {
    .order-main.new .order-main__delivery-form-label {
      grid-column: span 1; } }
  .order-main.new .order-main__delivery-form-label input {
    width: 100%;
    max-width: none; }
  .order-main.new .order-main__delivery-form-label.w50 {
    grid-column: span 3; }
    @media (max-width: 760px) {
      .order-main.new .order-main__delivery-form-label.w50 {
        grid-column: span 1; } }
  .order-main.new .order-main__delivery-form-label.w100 {
    grid-column: span 6; }
    @media (max-width: 760px) {
      .order-main.new .order-main__delivery-form-label.w100 {
        grid-column: span 1; } }
  .order-main.new .order-main__delivery-form-label:not(:last-child) {
    margin-bottom: 0; }

.order-main.new .order-main__delivery-input-wrapper {
  width: auto; }

.order-main.new .order-main__map-btn {
  margin-bottom: 0; }

.order-main.new .order-main__buyer-type-form-inner {
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .order-main.new .order-main__buyer-type-form-inner label {
    width: 100%; }
    .order-main.new .order-main__buyer-type-form-inner label:not(:last-child) {
      margin-bottom: 15px; }

.office-main {
  max-width: var(--layout-max);
  padding: 0 10px;
  margin: 0 auto 115px; }
  @media (max-width: 1200px) {
    .office-main {
      padding: 0 20px;
      margin-bottom: 60px; } }
  .office-main__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    -moz-column-gap: 25px;
         column-gap: 25px;
    row-gap: 20px; }
    @media (max-width: 760px) {
      .office-main__list {
        -moz-column-gap: 20px;
             column-gap: 20px; } }
  .office-main__item {
    max-width: 370px;
    width: 100%;
    max-height: 280px;
    padding: 20px 20px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .office-main__item {
        padding: 15px 15px;
        border-radius: var(--radius-md); } }
    .office-main__item--accent {
      box-shadow: 0 0 0 2px var(--color-accent); }
    .office-main__item--company .office-main__name-row,
    .office-main__item--company .office-main__e-mail-row,
    .office-main__item--company .office-main__inn-row,
    .office-main__item--company .office-main__phone-row {
      margin-bottom: 10px; }
    .office-main__item > a {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column; }
  .office-main__item-title {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-main__item-title {
        font-size: 16px;
        margin-bottom: 15px; } }
  .office-main__sale-bar .office-main__credit-bar {
    width: 211px;
    background-color: var(--color-success); }
    .office-main__sale-bar .office-main__credit-bar:before {
      background-size: cover; }
  .office-main__sale-bar .office-main__credit-bar-progress {
    background-color: var(--color-success); }
  .office-main__name-row, .office-main__e-mail-row, .office-main__inn-row, .office-main__phone-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .office-main__name-row, .office-main__e-mail-row, .office-main__inn-row, .office-main__phone-row {
        margin-bottom: 20px; } }
    .office-main__name-row span:nth-child(1), .office-main__e-mail-row span:nth-child(1), .office-main__inn-row span:nth-child(1), .office-main__phone-row span:nth-child(1) {
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text-muted);
      margin-right: 20px;
      max-width: 130px; }
      @media (max-width: 760px) {
        .office-main__name-row span:nth-child(1), .office-main__e-mail-row span:nth-child(1), .office-main__inn-row span:nth-child(1), .office-main__phone-row span:nth-child(1) {
          font-size: 12px; } }
    .office-main__name-row span:nth-child(2), .office-main__e-mail-row span:nth-child(2), .office-main__inn-row span:nth-child(2), .office-main__phone-row span:nth-child(2) {
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text);
      text-align: right; }
      @media (max-width: 760px) {
        .office-main__name-row span:nth-child(2), .office-main__e-mail-row span:nth-child(2), .office-main__inn-row span:nth-child(2), .office-main__phone-row span:nth-child(2) {
          font-size: 14px; } }
  .office-main__active-orders-row, .office-main__finiched-orders-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px; }
    .office-main__active-orders-row span:nth-child(1),
    .office-main__active-orders-row span:nth-child(2), .office-main__finiched-orders-row span:nth-child(1),
    .office-main__finiched-orders-row span:nth-child(2) {
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 20px;
      text-decoration: underline; }
      @media (max-width: 760px) {
        .office-main__active-orders-row span:nth-child(1),
        .office-main__active-orders-row span:nth-child(2), .office-main__finiched-orders-row span:nth-child(1),
        .office-main__finiched-orders-row span:nth-child(2) {
          font-size: 14px; } }
    .office-main__active-orders-row span:nth-child(2), .office-main__finiched-orders-row span:nth-child(2) {
      margin-right: 0px;
      white-space: nowrap; }
  .office-main__orders-sum-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px; }
    .office-main__orders-sum-row span:nth-child(1),
    .office-main__orders-sum-row span:nth-child(2) {
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text);
      margin-right: 20px; }
      @media (max-width: 760px) {
        .office-main__orders-sum-row span:nth-child(1),
        .office-main__orders-sum-row span:nth-child(2) {
          font-size: 14px; } }
    .office-main__orders-sum-row span:nth-child(2) {
      margin-right: 0px;
      white-space: nowrap; }
  .office-main__order-select-form {
    margin-bottom: 10px; }
    .office-main__order-select-form.office-my-profile__find-form {
      margin-bottom: 0; }
    .office-main__order-select-form.office-my-profile__find-form .__select {
      display: inline-block;
      width: 190px;
      margin-bottom: 0; }
    .office-main__order-select-form.office-my-profile__find-form .__select__title {
      width: 190px;
      font-size: 13px;
      padding: 8px 10px; }
    .office-main__order-select-form.office-my-profile__find-form .__select[data-state="active"] .__select__content {
      width: 100%; }
  .office-main__order-select-title {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-main__order-select-title {
        margin-bottom: 5px;
        font-size: 9px; } }
  .office-main__order-select {
    width: 190px;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    background: var(--color-surface-muted);
    margin-right: 10px; }
    @media (max-width: 760px) {
      .office-main__order-select {
        margin-bottom: 5px; } }
  .office-main__order-select-btn {
    padding: 9px 10px;
    background-color: var(--color-accent);
    border-radius: var(--radius-md);
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-invert); }
  .office-main__content-box {
    display: flex;
    align-items: center;
    margin-bottom: auto; }
  .office-main__sale-wrapper {
    position: relative;
    padding: 0px;
    background: var(--color-surface-muted);
    border-radius: var(--radius-md);
    margin-bottom: 0px;
    margin-right: 30px; }
    @media (max-width: 760px) {
      .office-main__sale-wrapper {
        margin-right: 10px; } }
    .office-main__sale-wrapper .pie {
      --w: 95px;
      width: var(--w);
      aspect-ratio: 1;
      display: inline-grid;
      place-content: center;
      margin: 5px;
      font-size: 25px;
      font-weight: bold;
      font-family: sans-serif;
      position: relative; }
      @media (max-width: 760px) {
        .office-main__sale-wrapper .pie {
          --w: 73px; } }
      .office-main__sale-wrapper .pie::before {
        content: "";
        position: absolute;
        border-radius: var(--radius-round);
        inset: 0;
        background: conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
        z-index: 1; }
      .office-main__sale-wrapper .pie::after {
        content: "";
        position: absolute;
        border-radius: var(--radius-round);
        display: inline-block;
        width: 95px;
        height: 95px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../img/product-sale-inner.png); }
        @media (max-width: 760px) {
          .office-main__sale-wrapper .pie::after {
            width: 73px;
            height: 73px; } }
    .office-main__sale-wrapper p {
      font-size: 14px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .office-main__sale-wrapper p {
          font-size: 12px; } }
      .office-main__sale-wrapper p span {
        font-weight: 600;
        margin-left: 5px; }
  .office-main__right-part {
    text-align: center; }
    .office-main__right-part p {
      font-size: 14px;
      font-weight: 600;
      color: var(--color-text);
      text-align: left; }
      @media (max-width: 760px) {
        .office-main__right-part p {
          font-size: 11px; } }
      .office-main__right-part p span {
        margin-left: 5px; }
  .office-main__sale-num-wrapper span {
    margin-bottom: 10px;
    font-size: 52px;
    font-weight: 600;
    color: var(--color-success); }
    @media (max-width: 760px) {
      .office-main__sale-num-wrapper span {
        font-size: 40px; } }
  .office-main__addres-wrapper {
    margin-bottom: 15px; }
    @media (max-width: 760px) {
      .office-main__addres-wrapper {
        margin-bottom: 11px; } }
    .office-main__addres-wrapper:nth-child(2) {
      margin-bottom: auto; }
    .office-main__addres-wrapper h3 {
      display: block;
      margin-bottom: 7px;
      font-size: 18px;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .office-main__addres-wrapper h3 {
          font-size: 14px; } }
    .office-main__addres-wrapper p {
      display: block;
      font-size: 14px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .office-main__addres-wrapper p {
          font-size: 11px; } }
  .office-main__addres-change-btn, .office-main__addres-delete-btn {
    margin-right: 20px;
    font-size: 14px;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-main__addres-change-btn, .office-main__addres-delete-btn {
        font-size: 11px; } }
  .office-main__product-wrapper {
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .office-main__product-wrapper {
        margin-bottom: 15px; } }
    .office-main__product-wrapper:nth-child(2) {
      margin-bottom: auto; }
    .office-main__product-wrapper a {
      font-size: 16px;
      font-weight: 500;
      color: var(--color-text);
      margin-bottom: 6px; }
      @media (max-width: 760px) {
        .office-main__product-wrapper a {
          font-size: 12px; } }
    .office-main__product-wrapper p {
      display: block;
      font-size: 14px;
      font-weight: 600;
      color: var(--color-text-muted); }
      @media (max-width: 760px) {
        .office-main__product-wrapper p {
          font-size: 11px; } }
      .office-main__product-wrapper p span {
        color: var(--color-text); }
  .office-main__exit-btn {
    display: none;
    margin: 20px auto 0;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .office-main__exit-btn {
        display: block; } }
  .office-main__empty-text {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-main__empty-text {
        font-size: 12px; } }
    .office-main__empty-text a {
      margin-left: 5px;
      text-decoration: underline;
      color: var(--color-text); }
  .office-main__credit-inner {
    padding-bottom: 35px;
    display: flex;
    align-items: center; }
  .office-main__credit-bar {
    position: relative;
    width: 266px;
    height: 30px;
    margin-right: 8px;
    background-color: var(--color-border-strong);
    border-radius: var(--radius-sm); }
    .office-main__credit-bar::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8px;
      right: 8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 30.0003L172.22 21.0586' stroke='white'/%3E%3Cpath d='M218.22 30.0003L218.22 21.0586' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 30.0003L180.22 21.0586' stroke='white'/%3E%3Cpath d='M226.22 30.0003L226.22 21.0586' stroke='white'/%3E%3Cpath d='M248.22 30.0003L248.22 21.0586' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 30.0003L164.22 21.0586' stroke='white'/%3E%3Cpath d='M210.22 30.0003L210.22 21.0586' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 30.0003L156.22 21.0586' stroke='white'/%3E%3Cpath d='M202.22 30.0003L202.22 21.0586' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 30.0003L195.22 21.0586' stroke='white'/%3E%3Cpath d='M241.22 30.0003L241.22 21.0586' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0006L188.22 12.1172' stroke='white'/%3E%3Cpath d='M234 30L234 0' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A");
      z-index: 11; }
      @media (max-width: 540px) {
        .office-main__credit-bar::before {
          background-size: cover; } }
  .office-main__credit-bar-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: var(--availible-credir-limit);
    background-color: var(--color-accent);
    border-radius: var(--radius-sm) var(--radius-sm) var(--radius-sm) var(--radius-sm);
    z-index: 10; }
    .office-main__credit-bar-progress span {
      z-index: 12;
      position: absolute;
      bottom: -25px;
      right: 0px;
      font-size: 16px;
      font-weight: 600;
      color: var(--color-text);
      white-space: nowrap;
      transform: translateX(50%); }
      @media (max-width: 760px) {
        .office-main__credit-bar-progress span {
          font-size: 10px; } }
      .office-main__credit-bar-progress span.move-to-right {
        right: 0;
        transform: translateX(100%); }
    .office-main__credit-bar-progress:after {
      content: '';
      position: absolute;
      width: 15px;
      height: 10px;
      top: -16px;
      right: -8px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23ec1314' stroke='%23ec1314'/%3E%3C/svg%3E");
      z-index: 11; }
  .office-main__credit-sum {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    white-space: none; }
    @media (max-width: 760px) {
      .office-main__credit-sum {
        font-size: 10px; } }
  .office-main__next-pay p:nth-child(1) {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-main__next-pay p:nth-child(1) {
        font-size: 10px; } }
  .office-main__next-pay p:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-main__next-pay p:nth-child(2) {
        font-size: 10px; } }
    .office-main__next-pay p:nth-child(2) span:nth-child(1) {
      color: var(--color-danger);
      font-weight: 700;
      margin-right: 5px; }
    .office-main__next-pay p:nth-child(2) span:nth-child(2) {
      margin-left: 5px;
      font-weight: 700; }
  .office-main__more-link {
    margin-top: auto; }
    .office-main__more-link a {
      font-size: 16px;
      font-weight: 600;
      text-decoration: underline;
      color: var(--color-text); }
      @media (max-width: 760px) {
        .office-main__more-link a {
          font-size: 12px; } }

.office-my-profile__wrapper {
  display: flex;
  align-items: flex-start;
  max-width: var(--layout-max);
  margin: 0 auto;
  padding: 0 10px; }
  @media (max-width: 1200px) {
    .office-my-profile__wrapper {
      flex-direction: column;
      align-items: center; } }

.office-my-profile__left-menu {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 275px;
  margin-right: 95px;
  padding: 20px 25px !important;
  border-radius: var(--radius-xl);
  background: var(--color-surface-muted);
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .office-my-profile__left-menu {
      width: 320px;
      margin-right: 0;
      margin-bottom: 20px;
      padding: 0 !important;
      background: var(--color-surface); } }
  @media (max-width: 1200px) {
    .office-my-profile__left-menu.open .office-my-profile__menu-item {
      display: flex; } }
  .office-my-profile__left-menu.open .office-my-profile__menu-item a::after {
    transform: rotate(180deg); }

.office-my-profile__menu-item {
  border-bottom: 1px solid var(--color-surface); }
  @media (max-width: 1200px) {
    .office-my-profile__menu-item {
      display: none;
      border-bottom: 1px solid var(--color-border); } }
  .office-my-profile__menu-item a,
  .office-my-profile__menu-item button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .office-my-profile__menu-item a,
      .office-my-profile__menu-item button {
        padding: 15px 20px;
        font-size: 14px;
        color: var(--color-text); } }
  .office-my-profile__menu-item:first-child a {
    padding-top: 0; }
    @media (max-width: 1200px) {
      .office-my-profile__menu-item:first-child a {
        padding: 15px 20px; } }
  .office-my-profile__menu-item:last-child {
    border-bottom: 1px solid transparent; }
    @media (max-width: 1200px) {
      .office-my-profile__menu-item:last-child {
        border-bottom: 1px solid var(--color-border); } }
    .office-my-profile__menu-item:last-child a {
      padding-bottom: 0; }
      @media (max-width: 1200px) {
        .office-my-profile__menu-item:last-child a {
          padding: 15px 20px; } }
  @media (max-width: 1200px) {
    .office-my-profile__menu-item.active {
      order: -1;
      border-top: 1px solid var(--color-border);
      display: block; } }
  .office-my-profile__menu-item.active a {
    font-weight: 600; }
    @media (max-width: 1200px) {
      .office-my-profile__menu-item.active a {
        position: relative; }
        .office-my-profile__menu-item.active a::after {
          content: "";
          display: inline-block;
          width: 18px;
          height: 8px;
          background-size: contain;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L10.0537 9L19 1' stroke='%23050000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } }

.office-my-profile__content {
  max-width: 790px;
  width: 100%;
  margin-bottom: 120px; }
  @media (max-width: 760px) {
    .office-my-profile__content {
      padding: 0 10px;
      margin-bottom: 60px; } }

.office-my-profile__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px; }
  .office-my-profile__top h1 {
    font-size: 34px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__top h1 {
        font-size: 22px; } }

.office-my-profile__change-dates-btn {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  background-color: var(--color-accent);
  border-radius: var(--radius-xl);
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-invert); }
  @media (max-width: 760px) {
    .office-my-profile__change-dates-btn {
      position: absolute;
      right: 0;
      top: 62px;
      color: var(--color-text);
      font-size: 10px;
      background-color: var(--color-surface);
      padding-right: 0; } }
  .office-my-profile__change-dates-btn::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.12982 16.8702L3.29031 16.1151L3.29031 16.1151L3.29057 16.1138L3.96552 12.7204L3.96554 12.7203L3.99789 12.557L13.7324 2.82281L13.7328 2.82234C13.958 2.59423 14.226 2.41296 14.5216 2.28898C14.8171 2.16503 15.1342 2.1008 15.4546 2.1C15.7751 2.10065 16.0922 2.16475 16.3878 2.2886C16.6835 2.41247 16.9516 2.59368 17.1769 2.82175L17.1769 2.82176L17.178 2.8228C17.4066 3.0475 17.5882 3.31549 17.7122 3.61113C17.8362 3.90678 17.9 4.22415 17.9 4.54473C17.9 4.86531 17.8362 5.18269 17.7122 5.47833C17.5882 5.77397 17.4066 6.04196 17.178 6.26665L17.1773 6.26727L7.44271 16.0016L7.28008 16.0344L7.27979 16.0345L3.8868 16.7094L3.8868 16.7094L3.88554 16.7097L3.12982 16.8702ZM16.4491 5.54276L16.4491 5.54278L16.4507 5.54122C16.7632 5.22871 16.9302 4.89192 16.9302 4.54481C16.9302 4.19769 16.7632 3.86104 16.4507 3.54882L16.38 3.61957L16.4508 3.54893C16.1361 3.23365 15.7986 3.07596 15.4546 3.07596C15.1104 3.07596 14.7736 3.2337 14.4584 3.54886L14.4584 3.54884L14.4569 3.55039L14.0324 3.99338L13.9647 4.06407L14.0339 4.13328L15.8663 5.96509L15.9355 6.03424L16.0061 5.96663L16.4491 5.54276ZM13.3085 4.85995L13.2378 4.78922L13.1671 4.85994L5.70499 12.3211L5.60772 12.4183L5.73025 12.4809C6.49983 12.8735 7.12582 13.4991 7.51902 14.2685L7.58158 14.3909L7.67878 14.2937L15.1397 6.83318L15.2104 6.76248L15.1397 6.69176L13.3085 4.85995ZM5.02332 13.3022L4.91158 13.2573L4.88794 13.3754L4.4826 15.3997L4.45314 15.5468L4.60025 15.5174L6.62511 15.1126L6.74325 15.089L6.69828 14.9772C6.54635 14.5996 6.31966 14.2565 6.03183 13.9687C5.744 13.6808 5.40096 13.4542 5.02332 13.3022Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E"); }
    @media (max-width: 760px) {
      .office-my-profile__change-dates-btn::before {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6806 14.8201L2.81221 14.2009L2.81222 14.2009L2.81248 14.1996L3.38619 11.3152L3.3862 11.3151L3.41281 11.1808L11.6839 2.90995L11.6844 2.90948C11.8743 2.717 12.1006 2.56403 12.3499 2.45942C12.5993 2.35483 12.8668 2.30063 13.1372 2.29995C13.4076 2.3005 13.6752 2.35459 13.9246 2.45909C14.1741 2.56362 14.4004 2.71653 14.5905 2.90898L14.5905 2.90899L14.5915 2.91003C14.7845 3.09963 14.9377 3.32576 15.0423 3.57522C15.1469 3.82467 15.2008 4.09247 15.2008 4.36297C15.2008 4.63348 15.1469 4.90127 15.0423 5.15073C14.9377 5.40019 14.7845 5.62631 14.5915 5.81591L14.5909 5.81652L6.31968 14.0875L6.18592 14.1145L6.18564 14.1146L3.30164 14.6882L3.30164 14.6882L3.30037 14.6885L2.6806 14.8201ZM13.9929 5.22214L13.9929 5.22215L13.9945 5.22059C14.262 4.95311 14.4065 4.66324 14.4065 4.36304C14.4065 4.06282 14.262 3.77308 13.9944 3.50584L13.9238 3.57659L13.9946 3.50595C13.7251 3.23592 13.4346 3.09952 13.1371 3.09952C12.8397 3.09952 12.5497 3.23597 12.2798 3.50588L12.2798 3.50586L12.2783 3.5074L11.9175 3.88394L11.8498 3.95463L11.919 4.02385L13.4765 5.58089L13.5457 5.65004L13.6164 5.58242L13.9929 5.22214ZM11.3236 4.62031L11.2529 4.54958L11.1822 4.62029L4.83942 10.9623L4.74214 11.0595L4.86467 11.122C5.516 11.4544 6.04581 11.9839 6.37859 12.635L6.44115 12.7574L6.53835 12.6602L12.8801 6.31876L12.9508 6.24806L12.8801 6.17735L11.3236 4.62031ZM4.2762 11.7929L4.16447 11.748L4.14082 11.8661L3.79628 13.5867L3.76682 13.7338L3.91393 13.7044L5.63506 13.3604L5.7532 13.3368L5.70824 13.225C5.57834 12.9021 5.38453 12.6088 5.13844 12.3627C4.89236 12.1166 4.59907 11.9228 4.2762 11.7929Z' fill='%23050000' stroke='%23050000' stroke-width='0.2'/%3E%3C/svg%3E%0A"); } }

.office-my-profile__photo-wrapper {
  margin-bottom: 35px; }
  @media (max-width: 760px) {
    .office-my-profile__photo-wrapper {
      margin-bottom: 20px; } }

.office-my-profile__photo {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-round);
  cursor: default; }
  @media (max-width: 760px) {
    .office-my-profile__photo {
      width: 77px;
      height: 77px; } }

.office-my-profile__lebel {
  margin-bottom: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__lebel {
      margin-bottom: 15px; } }
  .office-my-profile__lebel span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__lebel span {
        font-size: 11px; } }
  .office-my-profile__lebel p {
    max-width: 710px;
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    font-size: 18px;
    font-weight: 500;
    padding: 15px 20px;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__lebel p {
        padding: 10px;
        font-size: 12px; } }

.office-my-profile__change-password-btn {
  display: block;
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__change-password-btn {
      font-size: 12px;
      margin-bottom: 40px; } }

.office-my-profile__sale-wrapper {
  margin-bottom: 40px; }
  @media (max-width: 760px) {
    .office-my-profile__sale-wrapper {
      margin-bottom: 30px; } }

.office-my-profile__sale-title {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__sale-title {
      margin-bottom: 15px;
      font-size: 17px; } }

.office-my-profile__sale-level {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text); }
  .office-my-profile__sale-level span {
    margin-left: 15px;
    background: var(--color-success);
    border-radius: var(--radius-md);
    padding: 7px 20px;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .office-my-profile__sale-level span {
        font-size: 13px;
        margin-left: 10px; } }
  @media (max-width: 760px) {
    .office-my-profile__sale-level {
      margin-bottom: 15px;
      font-size: 12px; } }

.office-my-profile__next-level {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text); }
  .office-my-profile__next-level span {
    margin-left: 5px;
    font-weight: 600; }
    @media (max-width: 760px) {
      .office-my-profile__next-level span {
        font-size: 16px; } }
  @media (max-width: 760px) {
    .office-my-profile__next-level {
      font-size: 13px; } }

.office-my-profile__back-btn {
  padding: 13px 50px;
  background: var(--color-accent);
  border-radius: var(--radius-pill);
  font-size: 16px;
  color: var(--color-text-invert); }
  @media (max-width: 760px) {
    .office-my-profile__back-btn {
      display: none; } }

.office-my-profile__leave-btn {
  display: none;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline; }
  @media (max-width: 760px) {
    .office-my-profile__leave-btn {
      display: block; } }

.office-my-profile__orders {
  width: 100%;
  margin-bottom: 150px; }
  @media (max-width: 760px) {
    .office-my-profile__orders {
      margin-bottom: 100px; } }

.office-my-profile__orders-top_links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-top_links {
      margin-bottom: 20px; } }
  .office-my-profile__orders-top_links a {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__orders-top_links a {
        font-size: 11px; } }
  .office-my-profile__orders-top_links a:nth-child(2) {
    position: relative;
    white-space: nowrap;
    padding-right: 32px; }
    @media (max-width: 760px) {
      .office-my-profile__orders-top_links a:nth-child(2) {
        padding-right: 25px; } }
    .office-my-profile__orders-top_links a:nth-child(2)::after {
      content: '?';
      position: absolute;
      right: 0;
      top: -4px;
      width: 25px;
      height: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 7px;
      border: 1px solid var(--color-border);
      color: var(--color-text);
      border-radius: var(--radius-round); }
      @media (max-width: 760px) {
        .office-my-profile__orders-top_links a:nth-child(2)::after {
          width: 18px;
          height: 18px; } }

.office-my-profile__orders-filters-wrapper {
  display: flex;
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-filters-wrapper {
      flex-wrap: wrap;
      margin-bottom: 20px; } }

.office-my-profile__orders-label {
  margin-right: 40px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-label {
      margin-bottom: 20px;
      margin-right: 24px;
      max-width: 128px; } }
  .office-my-profile__orders-label:nth-child(2) {
    margin-right: 0; }
  .office-my-profile__orders-label span {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__orders-label span {
        font-size: 14px;
        margin-bottom: 5px; } }
  .office-my-profile__orders-label input {
    margin-right: 10px;
    padding: 12px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .office-my-profile__orders-label input {
        font-size: 14px; } }

.office-my-profile__orders-class {
  margin-left: auto;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__orders-class {
      font-size: 16px; } }
  @media (max-width: 540px) {
    .office-my-profile__orders-class {
      width: 100%;
      margin-left: 0;
      margin-right: auto; } }

.office-my-profile__orders-item-titles {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 10px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-item-titles {
      display: none; } }
  .office-my-profile__orders-item-titles span {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-muted); }

.office-my-profile__orders-item {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-item {
      flex-wrap: wrap; } }
  @media (max-width: 760px) {
    .office-my-profile__orders-item:nth-child(2) {
      border-top: none; } }
  .office-my-profile__orders-item a:nth-child(1) {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-success); }
    @media (max-width: 760px) {
      .office-my-profile__orders-item a:nth-child(1) {
        font-size: 14px; } }
  .office-my-profile__orders-item span:nth-child(3) {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__orders-item span:nth-child(3) {
        font-size: 14px; } }
  .office-my-profile__orders-item span:nth-child(4) {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__orders-item span:nth-child(4) {
        font-size: 14px; } }
  .office-my-profile__orders-item span:nth-child(5) {
    display: flex;
    align-items: center;
    posiiton: relative;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-success); }
    .office-my-profile__orders-item span:nth-child(5)::before {
      content: '';
      display: inline-block;
      width: 19px;
      height: 19px;
      margin-right: 10px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.30233L10.0222 18L21 1' stroke='%2333b512' stroke-width='3'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .office-my-profile__orders-item span:nth-child(5) {
        font-size: 14px; } }
  .office-my-profile__orders-item a:nth-child(5) {
    display: flex;
    align-items: center;
    posiiton: relative;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    color: var(--color-text); }
    .office-my-profile__orders-item a:nth-child(5)::before {
      content: '';
      display: inline-block;
      width: 19px;
      height: 19px;
      margin-right: 10px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.375C0 3.74511 0.250223 3.14102 0.695621 2.69562C1.14102 2.25022 1.74511 2 2.375 2H16.625C17.2549 2 17.859 2.25022 18.3044 2.69562C18.7498 3.14102 19 3.74511 19 4.375V13.875C19 14.5049 18.7498 15.109 18.3044 15.5544C17.859 15.9998 17.2549 16.25 16.625 16.25H2.375C1.74511 16.25 1.14102 15.9998 0.695621 15.5544C0.250223 15.109 0 14.5049 0 13.875V4.375ZM2.375 3.1875C2.06006 3.1875 1.75801 3.31261 1.53531 3.53531C1.31261 3.75801 1.1875 4.06006 1.1875 4.375V5.5625H17.8125V4.375C17.8125 4.06006 17.6874 3.75801 17.4647 3.53531C17.242 3.31261 16.9399 3.1875 16.625 3.1875H2.375ZM17.8125 7.9375H1.1875V13.875C1.1875 14.1899 1.31261 14.492 1.53531 14.7147C1.75801 14.9374 2.06006 15.0625 2.375 15.0625H16.625C16.9399 15.0625 17.242 14.9374 17.4647 14.7147C17.6874 14.492 17.8125 14.1899 17.8125 13.875V7.9375Z' fill='%23050000'/%3E%3Cpath d='M2.375 11.5C2.375 11.1851 2.50011 10.883 2.72281 10.6603C2.94551 10.4376 3.24756 10.3125 3.5625 10.3125H4.75C5.06494 10.3125 5.36699 10.4376 5.58969 10.6603C5.81239 10.883 5.9375 11.1851 5.9375 11.5V12.6875C5.9375 13.0024 5.81239 13.3045 5.58969 13.5272C5.36699 13.7499 5.06494 13.875 4.75 13.875H3.5625C3.24756 13.875 2.94551 13.7499 2.72281 13.5272C2.50011 13.3045 2.375 13.0024 2.375 12.6875V11.5Z' fill='%23050000'/%3E%3C/svg%3E%0A"); }
    @media (max-width: 760px) {
      .office-my-profile__orders-item a:nth-child(5) {
        font-size: 14px; } }
  .office-my-profile__orders-item button {
    margin-left: auto; }

.office-my-profile__orders-item-status {
  font-size: 18px;
  font-weight: 500; }
  @media (max-width: 760px) {
    .office-my-profile__orders-item-status {
      font-size: 14px;
      order: -1;
      flex-basis: 100%;
      margin-bottom: 10px; } }
  .office-my-profile__orders-item-status.ready-to-pay {
    color: var(--color-info); }
  .office-my-profile__orders-item-status.done {
    color: var(--color-success); }
  .office-my-profile__orders-item-status.canceled {
    color: var(--color-danger); }
  .office-my-profile__orders-item-status.in-work {
    color: var(--color-warning); }

.office-my-profile__orders-file:hover + .office-my-profile__orders-modal-wrapper {
  display: block; }

.office-my-profile__orders-modal-wrapper {
  display: none;
  position: absolute;
  right: 5px;
  z-index: 10;
  padding-right: 40px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-modal-wrapper {
      top: 21px; } }
  .office-my-profile__orders-modal-wrapper:hover {
    display: block; }
  .office-my-profile__orders-modal-wrapper::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 23px;
    top: calc( 50% - 8px);
    background-color: var(--color-surface);
    width: 19px;
    height: 17px;
    z-index: 110;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19.5 9.5L1 17.5' stroke='%23050000'/%3E%3C/svg%3E"); }

.office-my-profile__orders-modal {
  background-color: var(--color-surface);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: 15px 40px 15px 20px;
  z-index: 10; }
  @media (max-width: 760px) {
    .office-my-profile__orders-modal {
      padding: 15px 15px; } }

.office-my-profile__orders-modal-top button {
  postiton: ralative;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__orders-modal-top button {
      font-size: 14px; } }
  .office-my-profile__orders-modal-top button::after {
    content: '';
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6248 13.1247H28.9973C29.0864 13.1248 29.1736 13.1502 29.2488 13.198C29.3239 13.2458 29.3839 13.314 29.4217 13.3947C29.4594 13.4754 29.4734 13.5651 29.462 13.6535C29.4507 13.7418 29.4143 13.8251 29.3573 13.8935L25.6711 18.3185C25.6271 18.3712 25.572 18.4137 25.5098 18.4428C25.4476 18.4719 25.3798 18.487 25.3111 18.487C25.2424 18.487 25.1745 18.4719 25.1123 18.4428C25.0501 18.4137 24.9951 18.3712 24.9511 18.3185L21.2648 13.8935C21.2078 13.8251 21.1715 13.7418 21.1601 13.6535C21.1487 13.5651 21.1627 13.4754 21.2005 13.3947C21.2383 13.314 21.2982 13.2458 21.3734 13.198C21.4485 13.1502 21.5358 13.1248 21.6248 13.1247ZM0.999825 16.8747H8.37232C8.46139 16.8747 8.54861 16.8493 8.62376 16.8015C8.69891 16.7537 8.75888 16.6854 8.79666 16.6048C8.83443 16.5241 8.84844 16.4344 8.83705 16.346C8.82565 16.2577 8.78933 16.1744 8.73232 16.106L5.04607 11.681C5.00208 11.6282 4.94703 11.5858 4.88482 11.5567C4.82261 11.5275 4.75476 11.5125 4.68607 11.5125C4.61738 11.5125 4.54953 11.5275 4.48732 11.5567C4.42512 11.5858 4.37007 11.6282 4.32607 11.681L0.639825 16.106C0.58282 16.1744 0.546495 16.2577 0.535101 16.346C0.523708 16.4344 0.537718 16.5241 0.575492 16.6048C0.613266 16.6854 0.673239 16.7537 0.748389 16.8015C0.823539 16.8493 0.910755 16.8747 0.999825 16.8747Z' fill='%23050000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9967 5.62477C12.0867 5.62477 9.48422 6.95039 7.76484 9.03351C7.68807 9.13303 7.59207 9.21609 7.48255 9.27775C7.37303 9.33942 7.25223 9.37843 7.12733 9.39247C7.00242 9.40652 6.87598 9.3953 6.7555 9.35949C6.63502 9.32369 6.52297 9.26402 6.42601 9.18404C6.32906 9.10406 6.24917 9.0054 6.19111 8.89393C6.13305 8.78246 6.09799 8.66045 6.08803 8.53516C6.07807 8.40987 6.0934 8.28385 6.13312 8.1646C6.17283 8.04536 6.23612 7.93531 6.31922 7.84102C7.69207 6.17888 9.51345 4.94604 11.5667 4.28912C13.62 3.6322 15.8187 3.57886 17.9014 4.13543C19.9841 4.692 21.8631 5.83507 23.315 7.42868C24.7668 9.02228 25.7304 10.9994 26.0911 13.1248H24.1842C23.7513 11.0075 22.6005 9.10475 20.9265 7.73816C19.2524 6.37157 17.1578 5.62503 14.9967 5.62477ZM5.80922 16.8748C6.16418 18.6084 7.00238 20.2063 8.22699 21.4838C9.4516 22.7613 11.0126 23.6662 12.7298 24.0941C14.4469 24.5219 16.25 24.4552 17.9309 23.9017C19.6117 23.3482 21.1017 22.3304 22.2286 20.966C22.3054 20.8665 22.4014 20.7834 22.5109 20.7218C22.6204 20.6601 22.7412 20.6211 22.8661 20.6071C22.991 20.593 23.1175 20.6042 23.2379 20.64C23.3584 20.6758 23.4705 20.7355 23.5674 20.8155C23.6644 20.8955 23.7443 20.9941 23.8023 21.1056C23.8604 21.2171 23.8954 21.3391 23.9054 21.4644C23.9154 21.5897 23.9 21.7157 23.8603 21.8349C23.8206 21.9542 23.7573 22.0642 23.6742 22.1585C22.3014 23.8207 20.48 25.0535 18.4267 25.7104C16.3735 26.3673 14.1747 26.4207 12.092 25.8641C10.0093 25.3075 8.13029 24.1645 6.67845 22.5709C5.2266 20.9772 4.26303 19.0002 3.90234 16.8748H5.80922Z' fill='%23050000'/%3E%3C/svg%3E");
    margin-left: 15px; }
    @media (max-width: 760px) {
      .office-my-profile__orders-modal-top button::after {
        width: 20px;
        height: 20px;
        margin-left: 10px; } }

.office-my-profile__orders-modal-row {
  display: flex;
  align-items: center; }
  .office-my-profile__orders-modal-row input {
    display: none; }
  .office-my-profile__orders-modal-row input + span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    border-radius: var(--radius-round);
    border: 1px solid var(--color-border); }
    @media (max-width: 760px) {
      .office-my-profile__orders-modal-row input + span {
        width: 14px;
        height: 14px;
        margin-right: 10px; } }
  .office-my-profile__orders-modal-row input:checked + span {
    border: 4px solid var(--color-border); }
  .office-my-profile__orders-modal-row label {
    display: flex;
    align-items: center;
    margin-right: auto; }
    .office-my-profile__orders-modal-row label p {
      font-size: 18px;
      font-weight: 500;
      margin-right: 15px; }
      @media (max-width: 760px) {
        .office-my-profile__orders-modal-row label p {
          font-size: 14px;
          margin-right: 10px; } }
  .office-my-profile__orders-modal-row .office-my-profile__orders-modal-save-btn {
    margin-right: 15px; }
  .office-my-profile__orders-modal-row .office-my-profile__orders-modal-male-btn {
    margin: 0; }
    @media (max-width: 760px) {
      .office-my-profile__orders-modal-row .office-my-profile__orders-modal-male-btn svg {
        width: 25px;
        height: 25px; } }
  .office-my-profile__orders-modal-row .office-my-profile__orders-modal-past-btn {
    width: 39px;
    height: 33px;
    margin-left: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/post-icon.png); }
    @media (max-width: 760px) {
      .office-my-profile__orders-modal-row .office-my-profile__orders-modal-past-btn {
        width: 26px;
        height: 22px; } }

.office-my-profile__orders-empty-subtitle {
  font-size: 24px;
  font-weight: 500;
  color: var(--color-text);
  margin-bottom: 25px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-empty-subtitle {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 15px; } }

.office-my-profile__orders-empty-text {
  display: block;
  font-size: 22px;
  font-weight: 400;
  color: var(--color-text);
  margin-bottom: 25px; }
  @media (max-width: 760px) {
    .office-my-profile__orders-empty-text {
      font-size: 12px;
      font-weight: 400;
      margin-bottom: 20px; } }

.office-my-profile__orders-empty-add-address-btn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__orders-empty-add-address-btn {
      padding: 10px 50px;
      border-radius: var(--radius-md);
      font-size: 12px; } }

.office-my-profile__order-detalies {
  margin-bottom: 100px; }

.office-my-profile__order-detalies-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-top {
      flex-wrap: wrap; } }
  .office-my-profile__order-detalies-top h1 {
    font-size: 28px;
    color: var(--color-text);
    margin-right: auto; }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-top h1 {
        flex-basis: 100%;
        font-size: 22px;
        margin-bottom: 10px; } }
    @media (max-width: 350px) {
      .office-my-profile__order-detalies-top h1 {
        flex-basis: 90%; } }

.office-my-profile__order-detalies-way-btn {
  width: 52px;
  height: 52px;
  margin-right: 15px;
  background: var(--color-accent);
  border-radius: var(--radius-xl);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url(../img/order-detalies-way-btn.png); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-way-btn {
      width: 26px;
      height: 26px;
      margin-right: 7px;
      border-radius: var(--radius-md); } }

.office-my-profile__order-detalies-pay-status-btn {
  padding: 16px 25px;
  background: var(--color-success);
  border-radius: var(--radius-xl);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-invert); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-pay-status-btn {
      padding: 7px 12px;
      font-size: 8px;
      border-radius: var(--radius-md); } }

.office-my-profile__order-detalies--subtop {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies--subtop {
      margin-bottom: 20px; } }
  .office-my-profile__order-detalies--subtop span {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies--subtop span {
        font-size: 16px; } }
  .office-my-profile__order-detalies--subtop button {
    display: inline-block;
    width: 24px;
    height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='15' viewBox='0 0 28 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 13L13.5 2L2 13' stroke='%23050000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: rotate(180deg); }
    .office-my-profile__order-detalies--subtop button.active {
      transform: rotate(0deg); }

.office-my-profile__order-detalies-list {
  padding: 15px 30px !important;
  background: var(--color-surface-muted);
  border-radius: var(--radius-xl);
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-list {
      border-radius: var(--radius-md);
      border: 1px solid var(--color-border);
      padding: 0 !important;
      background-color: var(--color-surface);
      margin-bottom: 20px; } }
  .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item {
    display: none; }
    .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item:nth-child(1), .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item:nth-child(2) {
      display: flex; }
    .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item:nth-child(2) {
      border-bottom: 1px solid transparent; }
  .office-my-profile__order-detalies-list.active .office-my-profile__order-detalies-item {
    display: flex; }
    .office-my-profile__order-detalies-list.active .office-my-profile__order-detalies-item:nth-child(2) {
      border-bottom: 1px solid var(--color-surface); }
      @media (max-width: 760px) {
        .office-my-profile__order-detalies-list.active .office-my-profile__order-detalies-item:nth-child(2) {
          border-bottom: 1px solid var(--color-border); } }

.office-my-profile__order-detalies-item {
  display: flex;
  padding: 15px 0;
  align-items: center;
  row-gap: 10px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-item {
      flex-wrap: wrap;
      padding: 15px; } }
  .office-my-profile__order-detalies-item:not(:last-child) {
    border-bottom: 1px solid var(--color-surface); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-item:not(:last-child) {
        border-bottom: 1px solid var(--color-border); } }

.office-my-profile__order-detalies-img-box {
  margin-right: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-img-box {
      margin-right: 10px; } }
  .office-my-profile__order-detalies-img-box img {
    width: 91px;
    height: 91px;
    -o-object-fit: contain;
       object-fit: contain; }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-img-box img {
        width: 55px;
        height: 55px; } }

.office-my-profile__order-detalies-name-box {
  flex-basis: 420px;
  margin-right: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-name-box {
      flex-basis: 165px;
      margin-right: 0; } }
  .office-my-profile__order-detalies-name-box h3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text);
    margin-right: auto; }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-name-box h3 {
        font-size: 12px;
        font-weight: 600; } }

.office-my-profile__order-detalies-price-box {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .office-my-profile__order-detalies-price-box span:nth-child(1) {
    font-size: 18px;
    font-weight: 600;
    text-decoration: line-through;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-price-box span:nth-child(1) {
        font-size: 12px; } }
  .office-my-profile__order-detalies-price-box span:nth-child(2) {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-price-box span:nth-child(2) {
        font-size: 16px; } }

.office-my-profile__order-detalies-sum-box {
  margin-bottom: 30px;
  padding: 30px !important;
  border-radius: var(--radius-xl);
  background: var(--color-surface-muted); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-sum-box {
      margin-bottom: 20px;
      padding: 18px !important;
      border-radius: var(--radius-md); } }

.office-my-profile__order-detalies-sum-title {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-sum-title {
      padding-bottom: 20px;
      font-size: 14px;
      border-bottom: 1px solid var(--color-surface); } }

.office-my-profile__order-detalies-sum-row-sum, .office-my-profile__order-detalies-sum-row-sale, .office-my-profile__order-detalies-sum-row-delivery {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-sum-row-sum, .office-my-profile__order-detalies-sum-row-sale, .office-my-profile__order-detalies-sum-row-delivery {
      padding: 15px 0;
      border-bottom: 1px solid var(--color-surface); } }
  .office-my-profile__order-detalies-sum-row-sum p, .office-my-profile__order-detalies-sum-row-sale p, .office-my-profile__order-detalies-sum-row-delivery p {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-sum-row-sum p, .office-my-profile__order-detalies-sum-row-sale p, .office-my-profile__order-detalies-sum-row-delivery p {
        font-size: 14px;
        color: var(--color-text); } }
  .office-my-profile__order-detalies-sum-row-sum span, .office-my-profile__order-detalies-sum-row-sale span, .office-my-profile__order-detalies-sum-row-delivery span {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-sum-row-sum span, .office-my-profile__order-detalies-sum-row-sale span, .office-my-profile__order-detalies-sum-row-delivery span {
        font-size: 14px; } }

.office-my-profile__order-detalies-sum-row-sale span {
  color: var(--color-success); }

.office-my-profile__order-detalies-sum-row-delivery {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-surface); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-sum-row-delivery {
      padding: 15px 0; } }

.office-my-profile__order-detalies-sum-row-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 0px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-sum-row-result {
      padding-top: 15px; } }
  .office-my-profile__order-detalies-sum-row-result p {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-sum-row-result p {
        font-size: 16px;
        color: var(--color-text);
        font-weight: 700; } }
  .office-my-profile__order-detalies-sum-row-result span {
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-sum-row-result span {
        font-size: 16px;
        font-weight: 700; } }

.office-my-profile__order-detalies-info-box {
  margin-bottom: 40px;
  padding: 30px !important;
  border-radius: var(--radius-xl);
  background: var(--color-surface-muted); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-info-box {
      margin-bottom: 20px;
      padding: 18px !important;
      border-radius: var(--radius-md); } }

.office-my-profile__order-detalies-info-title {
  padding-bottom: 25px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-info-title {
      padding-bottom: 20px;
      font-size: 14px;
      border-bottom: 1px solid var(--color-surface); } }

.office-my-profile__order-detalies-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-info-row {
      padding: 15px 0;
      border-bottom: 1px solid var(--color-surface); } }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-info-row:last-child {
      border-bottom: none; } }
  .office-my-profile__order-detalies-info-row p {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-muted);
    white-space: nowrap;
    margin-right: 10px; }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-info-row p {
        font-size: 14px;
        color: var(--color-text); } }
  .office-my-profile__order-detalies-info-row span {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text);
    text-align: right; }
    @media (max-width: 760px) {
      .office-my-profile__order-detalies-info-row span {
        font-size: 15px;
        font-weight: 500; } }

.office-my-profile__order-detalies-repeat-btn {
  padding: 15px 88px;
  background: var(--color-accent);
  border-radius: var(--radius-xl);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-invert); }
  @media (max-width: 760px) {
    .office-my-profile__order-detalies-repeat-btn {
      margin: 0 auto;
      display: block;
      padding: 12px 25px;
      font-size: 12px;
      border-radius: var(--radius-md); } }

.office-my-profile__find {
  margin-bottom: 100px; }

.office-my-profile__find-top {
  display: block;
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__find-top {
      margin-bottom: 20px; } }
  .office-my-profile__find-top h1 {
    font-size: 34px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__find-top h1 {
        font-size: 22px;
        font-weight: 700; } }

.office-my-profile__find-form {
  display: block;
  margin-bottom: 40px; }

.office-my-profile__find-select {
  display: block;
  width: 435px;
  margin-bottom: 30px;
  padding: 20px 20px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__find-select {
      width: 280px;
      margin-bottom: 25px;
      padding: 10px;
      border-radius: var(--radius-md);
      font-size: 12px; } }

.office-my-profile__find-btn {
  padding: 15px 88px;
  background: var(--color-accent);
  border-radius: var(--radius-xl);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-invert); }
  @media (max-width: 760px) {
    .office-my-profile__find-btn {
      padding: 12px 25px;
      font-size: 12px;
      border-radius: var(--radius-md); } }

.office-my-profile__find-way {
  max-width: 100%;
  display: none; }
  .office-my-profile__find-way.active {
    display: block; }
  .office-my-profile__find-way h4 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 20px; }
    @media (max-width: 760px) {
      .office-my-profile__find-way h4 {
        font-size: 15px; } }

.office-my-profile__find-way-table {
  display: flex; }

.office-my-profile__find-way-point-column {
  flex-shrink: 0;
  margin-right: 20px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain; }
  .office-my-profile__find-way-point-column.step-6 {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23050000'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23050000'/%3E%3C/svg%3E%0A"); }
  .office-my-profile__find-way-point-column.step-5 {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='114' width='4' height='375' rx='2' fill='%23050000'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23050000'/%3E%3C/svg%3E"); }
  .office-my-profile__find-way-point-column.step-4 {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='200' width='4' height='289' rx='2' fill='%23050000'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23050000'/%3E%3C/svg%3E"); }
  .office-my-profile__find-way-point-column.step-3 {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='286' width='4' height='203' rx='2' fill='%23050000'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23050000'/%3E%3C/svg%3E"); }
  .office-my-profile__find-way-point-column.step-2 {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='372' width='4' height='117' rx='2' fill='%23050000'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23050000'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23050000'/%3E%3C/svg%3E"); }
  .office-my-profile__find-way-point-column.step-1 {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23a9a9a9'/%3E%3Crect x='6' y='455' width='4' height='34' rx='2' fill='%23050000'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23a9a9a9'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23050000'/%3E%3C/svg%3E"); }

.office-my-profile__find-way-text:not(:last-child) {
  margin-bottom: 30px; }

.office-my-profile__find-way-text-top span {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__find-way-text-top span {
      font-size: 13px; } }

.office-my-profile__find-way-text-bottom span {
  font-size: 20px;
  font-weight: 400;
  color: var(--color-text-muted);
  margin-right: 5px; }
  .office-my-profile__find-way-text-bottom span:nth-child(1), .office-my-profile__find-way-text-bottom span:nth-child(4) {
    margin-right: 0; }
  @media (max-width: 760px) {
    .office-my-profile__find-way-text-bottom span {
      font-size: 13px; } }

.office-my-profile__find-form h1 {
  display: flex;
  justify-content: center; }

.office-my-profile__find-form .__select {
  position: relative;
  width: 435px;
  height: 40px;
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__find-form .__select {
      width: 280px; } }
  .office-my-profile__find-form .__select[data-state="active"] .__select__title {
    border-bottom: none;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
    .office-my-profile__find-form .__select[data-state="active"] .__select__title::before {
      transform: translate(-3px, -50%) rotate(-45deg); }
    .office-my-profile__find-form .__select[data-state="active"] .__select__title::after {
      transform: translate(3px, -50%) rotate(45deg); }
  .office-my-profile__find-form .__select[data-state="active"] .__select__content {
    opacity: 1;
    display: flex; }
  .office-my-profile__find-form .__select[data-state="active"] .__select__label + .__select__input + .__select__label {
    max-height: 40px;
    border-top-width: 1px; }

.office-my-profile__find-form .__select__title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  border-radius: var(--radius-xs);
  border: solid 1px var(--color-border);
  cursor: pointer;
  width: 435px;
  padding: 20px 20px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__find-form .__select__title {
      width: 280px;
      margin-bottom: 25px;
      padding: 10px;
      border-radius: var(--radius-md);
      font-size: 12px; } }
  .office-my-profile__find-form .__select__title::before, .office-my-profile__find-form .__select__title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 10px;
    height: 2px;
    transition: all 0.3s ease-out;
    background-color: var(--color-text);
    transform: translate(-3px, -50%) rotate(45deg); }
  .office-my-profile__find-form .__select__title::after {
    transform: translate(3px, -50%) rotate(-45deg); }

.office-my-profile__find-form .reset {
  display: flex;
  width: 230px;
  padding: 8px 16px;
  margin: 0 auto;
  margin-bottom: 10px;
  border: solid 1px var(--color-border);
  border-radius: var(--radius-xs);
  transition: all 0.2s ease-out;
  cursor: pointer;
  font-weight: bold;
  background-color: var(--color-surface);
  color: var(--color-text); }

.office-my-profile__find-form .__select__content {
  position: absolute;
  top: 40px;
  left: 0px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 1px);
  background-color: var(--color-surface);
  border-top: none;
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: 8;
  display: none;
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
  border: 1px solid var(--color-border); }
  .office-my-profile__find-form .__select__content input:nth-child(1) {
    display: none; }
  .office-my-profile__find-form .__select__content label:nth-child(2) {
    display: none; }

.office-my-profile__find-form .__select__input {
  display: none; }
  .office-my-profile__find-form .__select__input:checked + label {
    font-weight: 600; }
  .office-my-profile__find-form .__select__input:disabled + label {
    opacity: 0.6;
    pointer-events: none; }

.office-my-profile__find-form .__select__label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 0;
  padding: 0 16px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  overflow: hidden;
  padding: 20px 20px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__find-form .__select__label {
      padding: 10px;
      border-radius: var(--radius-md);
      font-size: 12px; } }
  .office-my-profile__find-form .__select__label + input + .office-my-profile__find-form .__select__label {
    border-top: 0 solid #C7CCD160; }

.office-my-profile__places {
  max-width: 710px;
  width: 100%;
  margin-bottom: 100px; }

.office-my-profile__places-top {
  display: block;
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__places-top {
      margin-bottom: 20px; } }
  .office-my-profile__places-top h1 {
    font-size: 34px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-top h1 {
        font-size: 22px;
        font-weight: 700; } }

.office-my-profile__places-list {
  margin-bottom: 40px;
  max-width: 100%; }
  @media (max-width: 760px) {
    .office-my-profile__places-list {
      margin-bottom: 25px; } }

.office-my-profile__places-item {
  max-width: 100%; }
  .office-my-profile__places-item:not(:last-child) {
    margin-bottom: 25px; }
    @media (max-width: 760px) {
      .office-my-profile__places-item:not(:last-child) {
        margin-bottom: 20px; } }
  .office-my-profile__places-item h2 {
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-item h2 {
        margin-bottom: 10px;
        font-size: 15px; } }

.office-my-profile__places-row {
  display: flex;
  align-items: center; }
  .office-my-profile__places-row p {
    flex: 0 0 470px;
    margin-right: auto;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-row p {
        flex: 0 0 178px;
        font-size: 12px; } }

.office-my-profile__places-change-btn, .office-my-profile__places-map-btn, .office-my-profile__places-delete-btn {
  width: 24px;
  height: 24px;
  margin-left: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__places-change-btn, .office-my-profile__places-map-btn, .office-my-profile__places-delete-btn {
      width: 15px;
      height: 15px;
      margin-left: 10px; } }
  @media (max-width: 760px) {
    .office-my-profile__places-change-btn svg, .office-my-profile__places-map-btn svg, .office-my-profile__places-delete-btn svg {
      width: 15px;
      height: 15px;
      -o-object-fit: contain;
         object-fit: contain; } }

.office-my-profile__places-empty-box {
  width: 100%;
  margin-bottom: 25px; }
  @media (max-width: 760px) {
    .office-my-profile__places-empty-box {
      margin-bottom: 15px; } }
  .office-my-profile__places-empty-box h3 {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-empty-box h3 {
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 600; } }
  .office-my-profile__places-empty-box p {
    font-size: 22px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-empty-box p {
        font-size: 12px; } }

.office-my-profile__places-add-btn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__places-add-btn {
      padding: 10px 50px;
      border-radius: var(--radius-md);
      font-size: 12px; } }

.office-my-profile__places-add-form {
  width: 100%; }

.office-my-profile__places-add-title {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__places-add-title {
      margin-bottom: 20px;
      font-size: 13px; } }

.office-my-profile__places-add-label {
  display: block;
  margin-bottom: 25px; }
  @media (max-width: 760px) {
    .office-my-profile__places-add-label {
      margin-bottom: 15px; } }
  .office-my-profile__places-add-label:nth-child(4) {
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .office-my-profile__places-add-label:nth-child(4) {
        margin-bottom: 25px; } }
  .office-my-profile__places-add-label span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-add-label span {
        margin-bottom: 7px;
        font-size: 10px; } }
  .office-my-profile__places-add-label input {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-add-label input {
        border-radius: var(--radius-md);
        padding: 10px;
        font-size: 12px; } }
  .office-my-profile__places-add-label textarea {
    resize: none;
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-add-label textarea {
        rows: 1;
        border-radius: var(--radius-md);
        padding: 10px;
        font-size: 12px; } }
  .office-my-profile__places-add-label input {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__places-add-label input {
        border-radius: var(--radius-md);
        padding: 10px;
        font-size: 12px; } }

.office-my-profile__places-add-bottom-inputs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px; }
  .office-my-profile__places-add-bottom-inputs .office-my-profile__places-add-label {
    width: calc( 50% - 10px); }
    @media (max-width: 760px) {
      .office-my-profile__places-add-bottom-inputs .office-my-profile__places-add-label {
        width: 100%; } }

.office-my-profile__places-adding-btn {
  padding: 15px 25px;
  background: var(--color-accent);
  border-radius: var(--radius-xl);
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-invert);
  text-transform: uppercase; }
  @media (max-width: 760px) {
    .office-my-profile__places-adding-btn {
      padding: 10px 10px;
      font-size: 12px;
      border-radius: var(--radius-md); } }

.office-my-profile__places-cansel-btn {
  display: inline-block;
  padding: 15px 25px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text);
  text-transform: uppercase; }
  @media (max-width: 760px) {
    .office-my-profile__places-cansel-btn {
      padding: 10px 10px;
      border-radius: var(--radius-md);
      font-size: 12px; } }

.office-my-profile__places-add-map-wrapper {
  width: 100%;
  height: 370px;
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__places-add-map-wrapper {
      height: 230px;
      width: calc( 100% + 20px);
      margin-right: -10px;
      margin-left: -10px; } }
  .office-my-profile__places-add-map-wrapper .map {
    height: 100%; }

.office-my-profile__maneger-top-row {
  display: flex;
  align-items: center;
  margin-bottom: 35px; }
  @media (max-width: 760px) {
    .office-my-profile__maneger-top-row {
      margin-bottom: 20px; } }
  .office-my-profile__maneger-top-row img {
    width: 100px;
    height: 100px;
    margin-right: 25px;
    border-radius: var(--radius-round);
    -o-object-fit: contain;
       object-fit: contain; }
    @media (max-width: 760px) {
      .office-my-profile__maneger-top-row img {
        width: 77px;
        height: 77px;
        margin-right: 20px; } }
  .office-my-profile__maneger-top-row a:nth-child(2) {
    margin-right: 20px; }
    @media (max-width: 760px) {
      .office-my-profile__maneger-top-row a:nth-child(2) {
        margin-right: 15px; } }

.office-my-profile__maneger-label:not(:last-child) {
  margin-bottom: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__maneger-label:not(:last-child) {
      margin-bottom: 15px; } }

.office-my-profile__maneger-label span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__maneger-label span {
      font-size: 11px;
      margin-bottom: 7px; } }

.office-my-profile__maneger-label p,
.office-my-profile__maneger-label a {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text); }
  @media (max-width: 760px) {
    .office-my-profile__maneger-label p,
    .office-my-profile__maneger-label a {
      width: 100%;
      padding: 10px;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-md);
      font-size: 12px; } }

.office-my-profile__purchases {
  margin-bottom: 100px;
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media (max-width: 760px) {
    .office-my-profile__purchases {
      align-items: center; } }

.office-my-profile__purchases-mobile-top {
  display: none;
  width: 320px;
  padding: 15px 20px; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-mobile-top {
      display: flex; } }
  .office-my-profile__purchases-mobile-top .active {
    border-bottom: 1px solid var(--color-border-strong); }
  .office-my-profile__purchases-mobile-top span {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text); }
    .office-my-profile__purchases-mobile-top span::after {
      content: '';
      width: 21px;
      height: 18px;
      display: inline-block;
      margin-left: auto;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 0.5C6.5981 0.5 6.93194 0.635459 7.17808 0.876577C7.42422 1.1177 7.5625 1.44472 7.5625 1.78571V4.35714C7.5625 4.69814 7.42422 5.02516 7.17808 5.26628C6.93194 5.5074 6.5981 5.64286 6.25 5.64286C5.9019 5.64286 5.56806 5.5074 5.32192 5.26628C5.07578 5.02516 4.9375 4.69814 4.9375 4.35714V1.78571C4.9375 1.44472 5.07578 1.1177 5.32192 0.876577C5.56806 0.635459 5.9019 0.5 6.25 0.5V0.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 3.07153H7.5625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.9375 3.07153H1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 13.3572C6.5981 13.3572 6.93194 13.4926 7.17808 13.7338C7.42422 13.9749 7.5625 14.3019 7.5625 14.6429V17.2143C7.5625 17.5553 7.42422 17.8823 7.17808 18.1235C6.93194 18.3646 6.5981 18.5 6.25 18.5C5.9019 18.5 5.56806 18.3646 5.32192 18.1235C5.07578 17.8823 4.9375 17.5553 4.9375 17.2143V14.6429C4.9375 14.3019 5.07578 13.9749 5.32192 13.7338C5.56806 13.4926 5.9019 13.3572 6.25 13.3572Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 15.9285H7.5625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.9375 15.9285H1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 6.92847C17.0981 6.92847 17.4319 7.06393 17.6781 7.30504C17.9242 7.54616 18.0625 7.87319 18.0625 8.21418V10.7856C18.0625 11.1266 17.9242 11.4536 17.6781 11.6947C17.4319 11.9359 17.0981 12.0713 16.75 12.0713C16.4019 12.0713 16.0681 11.9359 15.8219 11.6947C15.5758 11.4536 15.4375 11.1266 15.4375 10.7856V8.21418C15.4375 7.87319 15.5758 7.54616 15.8219 7.30504C16.0681 7.06393 16.4019 6.92847 16.75 6.92847V6.92847Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4375 9.5H1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 9.5H18.0625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.office-my-profile__purchases-top {
  margin-bottom: 40px; }
  @media (max-width: 780px) {
    .office-my-profile__purchases-top {
      display: none;
      margin-bottom: 30px; }
      .office-my-profile__purchases-top.active {
        display: flex; } }
  .office-my-profile__purchases-top .office-my-profile__find-form {
    display: flex;
    margin-bottom: 0; }
    @media (max-width: 780px) {
      .office-my-profile__purchases-top .office-my-profile__find-form {
        flex-direction: column;
        width: 320px; } }
    .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) {
      width: 212px;
      margin-right: 25px;
      margin-bottom: 0; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__title {
        width: 212px; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__content {
        width: 100%; }
    .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) {
      width: 190px;
      margin-right: 25px;
      margin-bottom: 0; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2).hide {
        display: none; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__title {
        width: 190px; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__content {
        width: 100%; }
    .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) {
      width: 224px;
      margin-left: auto;
      margin-bottom: 0; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__title {
        width: 224px; }
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__content {
        width: 100%; }
    @media (max-width: 780px) {
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1),
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2),
      .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) {
        width: 320px;
        margin-bottom: 0; }
        .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__title,
        .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__title,
        .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__title {
          width: 320px;
          border-radius: 0;
          border: none;
          border-bottom: 1px solid var(--color-border-strong);
          font-size: 16px;
          font-weight: 600;
          padding: 15px 20px; }
        .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__content,
        .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__content,
        .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__content {
          border-radius: 0;
          border: none;
          border-bottom: 1px solid var(--color-border-strong); } }

.office-my-profile__purchases-search {
  display: none;
  position: relative;
  width: 300px;
  margin-right: 25px; }
  @media (max-width: 780px) {
    .office-my-profile__purchases-search {
      width: 320px;
      margin-right: 0; } }
  .office-my-profile__purchases-search.active {
    display: block; }
  .office-my-profile__purchases-search input {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    width: 100%;
    padding: 9px 15px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 780px) {
      .office-my-profile__purchases-search input {
        border: none;
        border-radius: 0;
        border-bottom: 1px solid var(--color-border-strong);
        font-size: 16px;
        padding: 15px 20px;
        font-weight: 600; } }
  .office-my-profile__purchases-search input:placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text); }
  .office-my-profile__purchases-search button {
    position: absolute;
    top: 11px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-color: var(--color-surface);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8265 18.98L14.9662 14.1197C16.27 12.6208 17.0593 10.6652 17.0593 8.52772C17.0593 3.82262 13.2323 0 8.53161 0C3.82652 0 0.00390625 3.82705 0.00390625 8.52772C0.00390625 13.2284 3.83095 17.0554 8.53161 17.0554C10.6691 17.0554 12.6247 16.2661 14.1236 14.9623L18.9839 19.8226C19.0992 19.9379 19.2544 20 19.4052 20C19.556 20 19.7112 19.9424 19.8265 19.8226C20.0571 19.592 20.0571 19.2106 19.8265 18.98ZM1.19681 8.52772C1.19681 4.48337 4.48727 1.19734 8.52718 1.19734C12.5715 1.19734 15.8575 4.4878 15.8575 8.52772C15.8575 12.5676 12.5715 15.8625 8.52718 15.8625C4.48727 15.8625 1.19681 12.5721 1.19681 8.52772Z' fill='%23050000'/%3E%3C/svg%3E%0A"); }

.office-my-profile__purchases-item {
  position: relative;
  display: flex; }
  .office-my-profile__purchases-item:not(:last-child) {
    margin-bottom: 30px; }
    @media (max-width: 760px) {
      .office-my-profile__purchases-item:not(:last-child) {
        margin-bottom: 0;
        border-bottom: 1px solid var(--color-border); } }
  @media (max-width: 760px) {
    .office-my-profile__purchases-item {
      padding: 15px 0;
      margin-bottom: 0; } }

.office-my-profile__purchases-photo-link {
  margin-right: 30px; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-photo-link {
      position: absolute;
      top: 15px;
      left: 0; } }
  .office-my-profile__purchases-photo-link img {
    width: 160px;
    height: 160px;
    -o-object-fit: contain;
       object-fit: contain;
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl); }
    @media (max-width: 760px) {
      .office-my-profile__purchases-photo-link img {
        width: 55px;
        height: 55px; } }

.office-my-profile__purchases-item-right-part {
  width: 100%;
  display: flex;
  flex-direction: column; }

.office-my-profile__purchases-item-rp-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-item-rp-top {
      padding-left: 65px; } }
  .office-my-profile__purchases-item-rp-top a {
    flex: 0 0 430px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__purchases-item-rp-top a {
        flex: 0 0 110px;
        font-size: 12px; } }
  .office-my-profile__purchases-item-rp-top span {
    font-size: 14px;
    font-weight: 500; }
    @media (max-width: 760px) {
      .office-my-profile__purchases-item-rp-top span {
        font-size: 10px; } }
    .office-my-profile__purchases-item-rp-top span.sold {
      color: var(--color-danger); }
    .office-my-profile__purchases-item-rp-top span.availible {
      color: var(--color-success); }

.office-my-profile__purchases-item-code {
  display: block;
  margin-bottom: 7px; }
  .office-my-profile__purchases-item-code span:nth-child(1) {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__purchases-item-code span:nth-child(1) {
        font-size: 10px; } }
  .office-my-profile__purchases-item-code span:nth-child(2) {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__purchases-item-code span:nth-child(2) {
        font-size: 10px; } }

.office-my-profile__purchases-item-last-order-info {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-muted);
  margin-bottom: 10px; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-item-last-order-info {
      margin-bottom: 0;
      font-size: 10px;
      max-width: 170px; } }
  .office-my-profile__purchases-item-last-order-info span {
    color: var(--color-text);
    margin: 0 5px; }

.office-my-profile__purchases-item-rp-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  align-items: flex-end; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-item-rp-bottom {
      position: absolute;
      right: 0;
      bottom: 15px;
      flex-direction: column; } }

.office-my-profile__purchases-price-wrapper {
  display: flex;
  flex-direction: column; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-price-wrapper {
      margin-bottom: 5px;
      align-items: flex-end; } }
  .office-my-profile__purchases-price-wrapper span:nth-child(1) {
    font-size: 20px;
    font-weight: 500;
    text-decoration: line-through;
    color: var(--color-text-muted); }
    @media (max-width: 760px) {
      .office-my-profile__purchases-price-wrapper span:nth-child(1) {
        font-size: 12px; } }
  .office-my-profile__purchases-price-wrapper span:nth-child(2) {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__purchases-price-wrapper span:nth-child(2) {
        font-size: 16px; } }

.office-my-profile__purchases-bye-btn {
  border-radius: var(--radius-xl);
  padding: 10px 47px;
  height: 43px;
  background-color: var(--color-accent);
  color: var(--color-text-invert);
  font-size: 16px;
  font-weight: 600; }
  @media (max-width: 760px) {
    .office-my-profile__purchases-bye-btn {
      height: 20px;
      border-radius: var(--radius-md);
      padding: 5px 20px;
      font-size: 7px; } }

.office-my-profile__credit-info {
  width: 100%;
  margin-bottom: 40px; }
  .office-my-profile__credit-info .office-main__credit-bar {
    width: 730px; }
    @media (max-width: 760px) {
      .office-my-profile__credit-info .office-main__credit-bar {
        width: 218px; } }
    .office-my-profile__credit-info .office-main__credit-bar::before {
      background-repeat: repeat; }
  .office-my-profile__credit-info .office-main__credit-sum {
    font-size: 16px; }

.office-my-profile__credit-fullsum-row, .office-my-profile__credit-spendsum-row, .office-my-profile__credit-availiblesum-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 25px;
  margin-bottom: 20px; }
  @media (max-width: 760px) {
    .office-my-profile__credit-fullsum-row, .office-my-profile__credit-spendsum-row, .office-my-profile__credit-availiblesum-row {
      padding-left: 0; } }
  .office-my-profile__credit-fullsum-row p, .office-my-profile__credit-spendsum-row p, .office-my-profile__credit-availiblesum-row p {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
    margin-right: 10px; }
    @media (max-width: 760px) {
      .office-my-profile__credit-fullsum-row p, .office-my-profile__credit-spendsum-row p, .office-my-profile__credit-availiblesum-row p {
        margin-bottom: 10px;
        font-size: 14px; } }
  .office-my-profile__credit-fullsum-row span, .office-my-profile__credit-spendsum-row span, .office-my-profile__credit-availiblesum-row span {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap; }
    @media (max-width: 760px) {
      .office-my-profile__credit-fullsum-row span, .office-my-profile__credit-spendsum-row span, .office-my-profile__credit-availiblesum-row span {
        font-size: 18px; } }

.office-my-profile__credit-spendsum-row {
  position: relative; }
  .office-my-profile__credit-spendsum-row:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0px;
    width: 16px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1315 1H1.86852C1.06982 1 0.59343 1.89014 1.03647 2.5547L7.16795 11.7519C7.56377 12.3457 8.43623 12.3457 8.83205 11.7519L14.9635 2.5547C15.4066 1.89015 14.9302 1 14.1315 1Z' fill='%23ec1314' stroke='%23ec1314'/%3E%3C/svg%3E"); }
    @media (max-width: 760px) {
      .office-my-profile__credit-spendsum-row:before {
        display: none; } }

@media (max-width: 760px) {
  .office-my-profile__credit-availiblesum-inner p:nth-child(1) {
    margin-bottom: 7px; } }

.office-my-profile__credit-availiblesum-inner p:nth-child(2) {
  font-size: 14px;
  font-weight: 400; }
  @media (max-width: 760px) {
    .office-my-profile__credit-availiblesum-inner p:nth-child(2) {
      font-size: 13px; } }

.office-my-profile__credit-table {
  margin-bottom: 20px; }
  .office-my-profile__credit-table h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .office-my-profile__credit-table h5 {
        font-size: 18px; } }

.office-my-profile__credit-title {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-bottom: 10px; }
  @media (max-width: 780px) {
    .office-my-profile__credit-title {
      display: none; } }
  .office-my-profile__credit-title span {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-muted); }
  .office-my-profile__credit-title span:nth-child(1) {
    flex: 0 0 111px; }
  .office-my-profile__credit-title span:nth-child(2) {
    flex: 0 0 141px; }
  .office-my-profile__credit-title span:nth-child(3) {
    flex: 0 0 164px; }
  .office-my-profile__credit-title span:nth-child(4) {
    flex: 0 0 120px; }
  .office-my-profile__credit-title span:nth-child(5) {
    flex: 0 0 101px; }

.office-my-profile__credit-item {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 15px 0;
  border-top: 1px solid var(--color-border); }
  @media (max-width: 780px) {
    .office-my-profile__credit-item {
      flex-wrap: wrap;
      row-gap: 10px; } }
  .office-my-profile__credit-item a,
  .office-my-profile__credit-item span {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text);
    text-align: left; }
    @media (max-width: 780px) {
      .office-my-profile__credit-item a,
      .office-my-profile__credit-item span {
        font-size: 14px; } }
  .office-my-profile__credit-item a:nth-child(1) {
    flex: 0 0 111px;
    color: var(--color-success); }
    @media (max-width: 780px) {
      .office-my-profile__credit-item a:nth-child(1) {
        flex: 0 0 61px; } }
  .office-my-profile__credit-item span:nth-child(2) {
    flex: 0 0 141px;
    color: var(--color-info); }
    @media (max-width: 780px) {
      .office-my-profile__credit-item span:nth-child(2) {
        order: -1;
        flex: 0 0 100%; } }
  .office-my-profile__credit-item span:nth-child(3) {
    flex: 0 0 164px; }
    @media (max-width: 780px) {
      .office-my-profile__credit-item span:nth-child(3) {
        flex: 123px; } }
  .office-my-profile__credit-item span:nth-child(4) {
    flex: 0 0 120px;
    text-align: right; }
    @media (max-width: 780px) {
      .office-my-profile__credit-item span:nth-child(4) {
        flex: 0 0 100%;
        text-align: left; } }
  .office-my-profile__credit-item span:nth-child(5) {
    flex: 0 0 101px; }
    @media (max-width: 780px) {
      .office-my-profile__credit-item span:nth-child(5) {
        flex: 0 0 190px;
        position: relative; }
        .office-my-profile__credit-item span:nth-child(5)::before {
          content: 'Оплатить до:';
          display: inline-block;
          margin-right: 5px; } }
  .office-my-profile__credit-item a:nth-child(6) {
    flex: 0 0 92px;
    margin-left: auto;
    font-weight: 600;
    text-decoration: underline; }
    @media (max-width: 780px) {
      .office-my-profile__credit-item a:nth-child(6) {
        flex: 0 0 72px; } }

.office-my-profile__discounts-info {
  width: 100%;
  margin-bottom: 40px; }
  .office-my-profile__discounts-info .office-main__credit-bar {
    width: 730px; }
    @media (max-width: 760px) {
      .office-my-profile__discounts-info .office-main__credit-bar {
        width: 250px; } }
    .office-my-profile__discounts-info .office-main__credit-bar::before {
      background-repeat: repeat; }
  .office-my-profile__discounts-info .office-main__credit-bar-progress {
    background-color: var(--color-success);
    border-radius: var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-xl); }
  .office-my-profile__discounts-info .office-main__credit-bar {
    background-color: var(--color-success);
    border-radius: var(--radius-xl); }
  .office-my-profile__discounts-info .office-main__credit-sum {
    width: 40px;
    font-size: 16px; }
  .office-my-profile__discounts-info .office-main__credit-bar--12::before {
    background-image: none; }
  .office-my-profile__discounts-info .office-main__credit-bar-scale--1,
  .office-my-profile__discounts-info .office-main__credit-bar-scale--2,
  .office-my-profile__discounts-info .office-main__credit-bar-scale--3 {
    z-index: 100;
    position: absolute;
    left: 25%;
    display: block;
    width: 2px;
    height: 100%;
    background-color: var(--color-surface); }
  .office-my-profile__discounts-info .office-main__credit-bar-scale--2 {
    left: 50%; }
  .office-my-profile__discounts-info .office-main__credit-bar-scale--3 {
    left: 75%; }

.office-my-profile__credit-text {
  max-width: 450px; }
  .office-my-profile__credit-text h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--color-text);
    margin-top: 0; }
    @media (max-width: 780px) {
      .office-my-profile__credit-text h5 {
        font-size: 18px;
        margin-bottom: 10px; } }
  .office-my-profile__credit-text h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 780px) {
      .office-my-profile__credit-text h5 {
        font-size: 15px; } }

.policy-main {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 150px; }
  @media (max-width: 1200px) {
    .policy-main {
      margin-bottom: 40px; } }
  .policy-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .policy-main__top {
        margin-bottom: 20px; } }
    .policy-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .policy-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .policy-main ol {
    counter-reset: li3; }
  .policy-main li:before {
    counter-increment: li3;
    content: counters(li3, ".") ". "; }
  .policy-main__main-list {
    max-width: 954px;
    margin-bottom: 150px; }
    @media (max-width: 1200px) {
      .policy-main__main-list {
        margin-bottom: 100px; } }
    .policy-main__main-list li {
      font-size: 22px;
      font-weight: 700;
      color: var(--color-text); }
      .policy-main__main-list li:not(:last-child) {
        margin-bottom: 50px; }
      @media (max-width: 1200px) {
        .policy-main__main-list li {
          margin-bottom: 40px;
          font-size: 14px; } }
  .policy-main__nested-list {
    padding-top: 15px  !important; }
    @media (max-width: 1200px) {
      .policy-main__nested-list {
        padding-top: 10px !important; } }
    .policy-main__nested-list li {
      margin-bottom: 36px;
      font-size: 22px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .policy-main__nested-list li {
          margin-bottom: 20px;
          font-size: 14px; } }
      .policy-main__nested-list li:last-child {
        margin-bottom: 0; }
        @media (max-width: 1200px) {
          .policy-main__nested-list li:last-child {
            margin-bottom: 0; } }
  .policy-main ul {
    padding-top: 10px; }
    .policy-main ul li {
      margin-left: 20px;
      list-style-type: circle;
      font-size: 22px;
      font-weight: 400;
      color: var(--color-text); }
      .policy-main ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .policy-main ul li {
          margin-bottom: 20px;
          font-size: 14px; } }
  .policy-main p {
    padding-top: 10px;
    max-width: 970px;
    font-size: 22px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .policy-main p {
        margin-bottom: 20px;
        font-size: 14px; } }

.article-main {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto; }
  @media (max-width: 1200px) {
    .article-main {
      margin-bottom: 40px; } }
  .article-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .article-main__top {
        margin-bottom: 20px; } }
    .article-main__top h1 {
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .article-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .article-main__tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
  .article-main__tag-item:not(:last-child) {
    margin-right: 50px; }
  .article-main__tag-link {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
  .article-main__content {
    margin-bottom: 100px; }
    @media (max-width: 1200px) {
      .article-main__content {
        margin-bottom: 40px; } }
    .article-main__content img {
      max-width: 863px;
      max-height: 400px;
      margin-bottom: 33px;
      -o-object-fit: contain;
         object-fit: contain; }
      @media (max-width: 1200px) {
        .article-main__content img {
          margin-bottom: 20px;
          max-width: 100%; } }
    .article-main__content h2 {
      margin-bottom: 25px;
      max-width: 970px;
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .article-main__content h2 {
          margin-bottom: 10px;
          font-size: 17px; } }
    .article-main__content p {
      max-width: 970px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .article-main__content p {
          font-size: 12px; } }
    .article-main__content ul, .article-main__content ol {
      margin-top: 10px; }
    .article-main__content ul li {
      list-style: inside; }
    .article-main__content ol li {
      margin-left: 20px; }
    .article-main__content li {
      list-style: auto;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .article-main__content li {
          font-size: 12px; } }
  .article-main__card-list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px; }
    .article-main__card-list .news-articles-card {
      max-width: 366px;
      display: none; }
    .article-main__card-list.show-3 .news-articles-card:nth-child(1), .article-main__card-list.show-3 .news-articles-card:nth-child(2), .article-main__card-list.show-3 .news-articles-card:nth-child(3) {
      display: flex; }
    .article-main__card-list.show-6 .news-articles-card:nth-child(4), .article-main__card-list.show-6 .news-articles-card:nth-child(5), .article-main__card-list.show-6 .news-articles-card:nth-child(6) {
      display: flex; }
    .article-main__card-list.show-9 .news-articles-card:nth-child(7), .article-main__card-list.show-9 .news-articles-card:nth-child(8), .article-main__card-list.show-9 .news-articles-card:nth-child(9) {
      display: flex; }
    .article-main__card-list.show-12 .news-articles-card:nth-child(10), .article-main__card-list.show-12 .news-articles-card:nth-child(11), .article-main__card-list.show-12 .news-articles-card:nth-child(12) {
      display: flex; }
    .article-main__card-list.show-15 .news-articles-card:nth-child(13), .article-main__card-list.show-15 .news-articles-card:nth-child(14), .article-main__card-list.show-15 .news-articles-card:nth-child(15) {
      display: flex; }
    .article-main__card-list.show-18 .news-articles-card:nth-child(16), .article-main__card-list.show-18 .news-articles-card:nth-child(17), .article-main__card-list.show-18 .news-articles-card:nth-child(18) {
      display: flex; }
    .article-main__card-list.show-21 .news-articles-card:nth-child(19), .article-main__card-list.show-21 .news-articles-card:nth-child(20), .article-main__card-list.show-21 .news-articles-card:nth-child(21) {
      display: flex; }
    .article-main__card-list.show-24 .news-articles-card:nth-child(22), .article-main__card-list.show-24 .news-articles-card:nth-child(23), .article-main__card-list.show-24 .news-articles-card:nth-child(24) {
      display: flex; }
    .article-main__card-list.show-27 .news-articles-card:nth-child(25), .article-main__card-list.show-27 .news-articles-card:nth-child(26), .article-main__card-list.show-27 .news-articles-card:nth-child(27) {
      display: flex; }
    .article-main__card-list.show-30 .news-articles-card:nth-child(28), .article-main__card-list.show-30 .news-articles-card:nth-child(29), .article-main__card-list.show-30 .news-articles-card:nth-child(30) {
      display: flex; }
    .article-main__card-list.show-33 .news-articles-card:nth-child(31), .article-main__card-list.show-33 .news-articles-card:nth-child(32), .article-main__card-list.show-33 .news-articles-card:nth-child(33) {
      display: flex; }
    .article-main__card-list.show-36 .news-articles-card:nth-child(34), .article-main__card-list.show-36 .news-articles-card:nth-child(35), .article-main__card-list.show-36 .news-articles-card:nth-child(36) {
      display: flex; }
    .article-main__card-list.show-39 .news-articles-card:nth-child(37), .article-main__card-list.show-39 .news-articles-card:nth-child(38), .article-main__card-list.show-39 .news-articles-card:nth-child(39) {
      display: flex; }
    .article-main__card-list.show-42 .news-articles-card:nth-child(40), .article-main__card-list.show-42 .news-articles-card:nth-child(41), .article-main__card-list.show-42 .news-articles-card:nth-child(42) {
      display: flex; }
    .article-main__card-list.show-45 .news-articles-card:nth-child(43), .article-main__card-list.show-45 .news-articles-card:nth-child(44), .article-main__card-list.show-45 .news-articles-card:nth-child(45) {
      display: flex; }
    .article-main__card-list.show-48 .news-articles-card:nth-child(46), .article-main__card-list.show-48 .news-articles-card:nth-child(47), .article-main__card-list.show-48 .news-articles-card:nth-child(48) {
      display: flex; }
  .article-main__card-more-btn {
    display: block;
    padding: 15px 47px;
    margin: 50px auto 100px auto;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .article-main__card-more-btn {
        max-width: 220px;
        margin: 20px auto 50px auto;
        font-size: 14px; } }

.article-recommendation {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 150px; }
  @media (max-width: 1200px) {
    .article-recommendation {
      margin-bottom: 100px; } }
  .article-recommendation__top {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 1200px) {
      .article-recommendation__top {
        margin-bottom: 10px; } }
  .article-recommendation h2 {
    margin-right: auto;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .article-recommendation h2 {
        margin-bottom: 20px;
        font-size: 20px; } }
  .article-recommendation__button-prev, .article-recommendation__button-next {
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    background-size: 11px 19px;
    background-repeat: no-repeat;
    background-position: 13px 10px;
    cursor: pointer; }
    @media (max-width: 1200px) {
      .article-recommendation__button-prev, .article-recommendation__button-next {
        display: block;
        width: 22px;
        height: 22px;
        background-size: 5px 8px;
        background-position: 9px 7px; } }
    .article-recommendation__button-prev.swiper-button-disabled, .article-recommendation__button-next.swiper-button-disabled {
      opacity: 0.5; }
  .article-recommendation__button-prev {
    margin-left: auto;
    margin-right: 20px;
    cursor: pointer; }
  .article-recommendation__button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    cursor: pointer; }
  .article-recommendation__inner .news-articles-card {
    max-width: 374px;
    height: 500px; }
    @media (max-width: 1200px) {
      .article-recommendation__inner .news-articles-card {
        height: 480px; } }
  @media (max-width: 1200px) {
    .article-recommendation__inner .news-articles-card__text {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
      line-clamp: 8;
      box-orient: vertical; } }
  .article-recommendation__inner .swiper-pagination {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 25px; }
  .article-recommendation__inner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-round);
    background-color: transparent;
    border: 1px solid var(--color-border);
    transition: all 0.3s;
    cursor: pointer; }
    .article-recommendation__inner .swiper-pagination-bullet-active {
      background-color: var(--color-accent); }
  .article-recommendation__more-btn {
    display: none;
    padding: 15px 47px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .article-recommendation__more-btn {
        max-width: 200px;
        display: block;
        margin: 0 auto;
        font-size: 14px; } }

.main-404 {
  max-width: 730px;
  padding: 100px 20px 0;
  margin: 0 auto;
  margin-bottom: 120px;
  text-align: center; }
  @media (max-width: 1200px) {
    .main-404 {
      padding: 50px 20px 0;
      margin-bottom: 80px; } }
  .main-404__img-wrapper {
    position: relative;
    max-width: 570px;
    width: 100%;
    padding-bottom: 44%;
    margin: 0 auto;
    margin-bottom: 75px; }
    @media (max-width: 1200px) {
      .main-404__img-wrapper {
        margin-bottom: 30px; } }
  .main-404__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .main-404__title {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-404__title {
        margin-bottom: 15px;
        font-size: 22px; } }
  .main-404__text {
    margin-bottom: 60px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-404__text {
        margin-bottom: 20px;
        font-size: 14px; } }
  .main-404__link {
    padding: 15px 88px;
    background: var(--color-accent);
    border-radius: var(--radius-xl);
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-invert); }
    @media (max-width: 760px) {
      .main-404__link {
        padding: 12px 25px;
        font-size: 12px;
        border-radius: var(--radius-md); } }

.main-delivery {
  max-width: var(--layout-max);
  padding: 0px 10px 0;
  margin: 0 auto;
  margin-bottom: 120px; }
  @media (max-width: 1200px) {
    .main-delivery {
      padding: 0px 20px 0;
      margin-bottom: 80px; } }
  .main-delivery__title {
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-delivery__title {
        margin-bottom: 15px;
        font-size: 22px; } }
  .main-delivery__img-wrapper {
    max-width: 570px;
    width: 100%;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .main-delivery__img-wrapper {
        margin-bottom: 10px; } }
  .main-delivery__img-inner {
    position: relative;
    width: 100%;
    padding-bottom: 26%; }
  .main-delivery__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .main-delivery__text {
    margin-bottom: 50px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-delivery__text {
        margin-bottom: 20px;
        font-size: 14px; } }
    .main-delivery__text span {
      font-weight: 700; }
    .main-delivery__text a {
      margin: 0 5px;
      color: var(--color-text);
      text-decoration: underline; }
  .main-delivery__subtitle {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-delivery__subtitle {
        margin-bottom: 15px;
        font-size: 16px; } }
  .main-delivery ol {
    counter-reset: li3; }
  .main-delivery li:before {
    counter-increment: li3;
    content: counters(li3, ".") ". "; }
  .main-delivery__main-list {
    max-width: 954px;
    margin-bottom: 150px; }
    @media (max-width: 1200px) {
      .main-delivery__main-list {
        margin-bottom: 100px; } }
    .main-delivery__main-list li {
      font-size: 18px;
      font-weight: 700;
      color: var(--color-text); }
      .main-delivery__main-list li:not(:last-child) {
        margin-bottom: 50px; }
      @media (max-width: 1200px) {
        .main-delivery__main-list li {
          margin-bottom: 40px;
          font-size: 14px; } }
  .main-delivery__nested-list {
    padding-top: 15px  !important; }
    @media (max-width: 1200px) {
      .main-delivery__nested-list {
        padding-top: 10px !important; } }
    .main-delivery__nested-list li {
      margin-bottom: 36px;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .main-delivery__nested-list li {
          margin-bottom: 20px;
          font-size: 14px; } }
      .main-delivery__nested-list li:last-child {
        margin-bottom: 0; }
        @media (max-width: 1200px) {
          .main-delivery__nested-list li:last-child {
            margin-bottom: 0; } }
  .main-delivery ul {
    padding-top: 10px; }
    .main-delivery ul li {
      margin-left: 18px;
      list-style-type: disc;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      .main-delivery ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .main-delivery ul li {
          margin-bottom: 20px;
          font-size: 14px; } }

.main-contacts {
  max-width: var(--layout-max);
  padding: 0px 10px 0;
  margin: 0 auto;
  margin-bottom: 120px; }
  @media (max-width: 1200px) {
    .main-contacts {
      padding: 0px 20px 0;
      margin-bottom: 80px; } }
  .main-contacts__title {
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-contacts__title {
        margin-bottom: 15px;
        font-size: 22px; } }
  .main-contacts__button-list {
    display: flex;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .main-contacts__button-list {
        margin-bottom: 20px; } }
  .main-contacts__tab-btn-item.active {
    border-bottom: 1px solid var(--color-text); }
  .main-contacts__tab-btn-item:not(:last-child) {
    margin-right: 30px; }
    @media (max-width: 1200px) {
      .main-contacts__tab-btn-item:not(:last-child) {
        margin-right: 25px; } }
  .main-contacts__tab-btn {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-contacts__tab-btn {
        font-size: 15px; } }
    .main-contacts__tab-btn.active {
      text-decoration: underline; }
  .main-contacts__tab {
    display: none;
    justify-content: space-between;
    flex-wrap: wrap; }
    .main-contacts__tab.active {
      display: flex; }
  .main-contacts__content {
    max-width: 585px;
    margin-right: 20px; }
    @media (max-width: 1200px) {
      .main-contacts__content {
        margin-right: 0;
        margin-bottom: 20px; } }
  .main-contacts__tab-article:not(:last-child) {
    margin-bottom: 20px; }
  .main-contacts__article-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-muted); }
    @media (max-width: 1200px) {
      .main-contacts__article-title {
        font-size: 14px; } }
  .main-contacts__accent-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-contacts__accent-text {
        font-size: 14px; } }
  .main-contacts__text {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .main-contacts__text {
        font-size: 14px; } }
    .main-contacts__text a {
      font-weight: 600; }
      .main-contacts__text a.main-contacts__accent-link {
        text-decoration: underline;
        color: var(--color-text); }
  .main-contacts__map {
    width: 100%;
    max-width: 520px;
    height: 360px;
    margin-top: -60px; }
    @media (max-width: 1200px) {
      .main-contacts__map {
        margin: 0; } }
    @media (max-width: 360px) {
      .main-contacts__map {
        width: 320px;
        margin: 0 -20px 0 -20px; } }
  .main-contacts__staff-block-title {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 600; }
    @media (max-width: 1200px) {
      .main-contacts__staff-block-title {
        margin-bottom: 10px;
        font-size: 14px; } }
  .main-contacts__staff-block-inner {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 360px) {
      .main-contacts__staff-block-inner {
        margin: 0 -10px;
        width: 310px; } }

.staff-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 150px;
  margin: 0 20px 20px;
  text-align: center; }
  @media (max-width: 1200px) {
    .staff-card {
      max-width: 120px;
      margin: 0 15px 30px; } }
  .staff-card__img {
    width: 64px;
    height: 64px;
    margin-bottom: 10px;
    border-radius: var(--radius-round); }
    @media (max-width: 1200px) {
      .staff-card__img {
        width: 50px;
        height: 50px; } }
  .staff-card__name {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .staff-card__name {
        font-size: 11px; } }
  .staff-card__position {
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 1200px) {
      .staff-card__position {
        font-size: 9px; } }
  .staff-card__email {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .staff-card__email {
        font-size: 10px; } }
  .staff-card__tel {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .staff-card__tel {
        font-size: 10px; } }

.news-main {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto; }
  @media (max-width: 1200px) {
    .news-main {
      margin-bottom: 40px; } }
  .news-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .news-main__top {
        margin-bottom: 20px; } }
    .news-main__top h1 {
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .news-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .news-main__tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
  .news-main__tag-item {
    margin-bottom: 10px; }
    .news-main__tag-item:not(:last-child) {
      margin-right: 50px; }
    .news-main__tag-item.hide {
      display: none; }
  .news-main__tag-link {
    display: flex;
    align-items: center; }
    .news-main__tag-link p {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
    .news-main__tag-link span {
      width: 0;
      height: 0; }
    .news-main__tag-link.active span {
      display: flex;
      width: 20px;
      height: 20px;
      margin-left: 7px;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5957' y='14.4961' width='14' height='1' rx='0.5' transform='rotate(-45 4.5957 14.4961)' fill='%23050000'/%3E%3Crect x='5.30273' y='4.5957' width='14' height='1' rx='0.5' transform='rotate(45 5.30273 4.5957)' fill='%23050000'/%3E%3C/svg%3E"); }
  .news-main__content {
    margin-bottom: 100px; }
    @media (max-width: 1200px) {
      .news-main__content {
        margin-bottom: 40px; } }
    .news-main__content img {
      max-width: 863px;
      max-height: 400px;
      margin-bottom: 33px;
      -o-object-fit: contain;
         object-fit: contain; }
      @media (max-width: 1200px) {
        .news-main__content img {
          margin-bottom: 20px;
          max-width: 100%; } }
    .news-main__content h2 {
      margin-bottom: 25px;
      max-width: 970px;
      font-size: 24px;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .news-main__content h2 {
          margin-bottom: 10px;
          font-size: 17px; } }
    .news-main__content p {
      max-width: 970px;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .news-main__content p {
          font-size: 12px; } }
    .news-main__content ul, .news-main__content ol {
      margin-top: 10px; }
    .news-main__content ul li {
      list-style: inside; }
    .news-main__content ol li {
      margin-left: 20px; }
    .news-main__content li {
      list-style: auto;
      font-size: 18px;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .news-main__content li {
          font-size: 12px; } }
  .news-main__card-more-btn {
    display: block;
    padding: 15px 47px;
    margin: 50px auto 100px auto;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .news-main__card-more-btn {
        max-width: 220px;
        margin: 20px auto 50px auto;
        font-size: 14px; } }
  .news-main__news-list {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 40px; }
  .news-main__news-item.hide {
    display: none; }
  .news-main__news-item.hideByCounter {
    display: none; }
  .news-main__news-item .news-card {
    max-width: 270px; }
    @media (max-width: 540px) {
      .news-main__news-item .news-card {
        max-width: 275px; } }
  .news-main__tag-link-in-card.hide {
    color: red; }
  .news-main__more-news-btn {
    display: block;
    margin: 0 auto 100px;
    padding: 15px 25px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .news-main__more-news-btn {
        padding: 10px 50px;
        border-radius: var(--radius-md);
        font-size: 12px; } }

.about-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  .info-catalog {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 20px;
  font-weight: bold;
	   color: red;
  }
  
  
  @media (max-width: 1200px) {
    .about-main {
      margin-bottom: 40px; } }
  .about-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .about-main__top {
        margin-bottom: 20px; } }
    .about-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .about-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .about-main ol {
    counter-reset: li3; }
  .about-main li:before {
    counter-increment: li3;
    content: counters(li3, ".") ". "; }
  .about-main__main-list {
    margin-bottom: 10px; }
    .about-main__main-list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .about-main__main-list li {
          font-size: 14px; } }
  .about-main__nested-list li {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .about-main__nested-list li {
        font-size: 14px; } }
    .about-main__nested-list li:last-child {
      margin-bottom: 10px; }
      @media (max-width: 1200px) {
        .about-main__nested-list li:last-child {
          margin-bottom: 10px; } }
  .about-main ul {
    margin-bottom: 10px; }
    .about-main ul li {
      margin-left: 20px;
      list-style-type: disc;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      .about-main ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .about-main ul li {
          font-size: 14px; } }
  .about-main__text, .about-main__accent-text {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .about-main__text, .about-main__accent-text {
        font-size: 14px; } }
  .about-main__accent-text {
    color: var(--color-text); }
  .about-main__img {
    margin-bottom: 10px;
    max-width: 662px;
    width: 100%; }
    @media (max-width: 1200px) {
      .about-main__img {
        order: -1; } }
  .about-main__list {
    margin-bottom: 10px; }
    .about-main__list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .about-main__list li {
          font-size: 14px; } }
  .about-main__link, .about-main__accent-link, .about-main__doc-link {
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .about-main__link, .about-main__accent-link, .about-main__doc-link {
        font-size: 14px; } }
  .about-main__accent-link {
    color: var(--color-text); }
  .about-main__doc-link {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-text); }
    .about-main__doc-link::before {
      content: '';
      display: flex;
      margin-right: 10px;
      width: 27px;
      height: 34px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%230069ff'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%230069ff'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%230069ff'/%3E%3C/svg%3E"); }
  .about-main__video {
    max-width: 560px;
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 360px) {
      .about-main__video {
        height: 157px; } }

.video-main {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .video-main {
      margin-bottom: 100px; } }
  .video-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .video-main__top {
        margin-bottom: 20px; } }
    .video-main__top h1 {
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .video-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .video-main__selectors-wrapper {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .video-main__selectors-wrapper {
        -moz-column-gap: 15px;
             column-gap: 15px;
        row-gap: 15px; } }
  .video-main__more-video-btn {
    display: block;
    margin: 40px auto 0;
    padding: 15px 25px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    .video-main__more-video-btn.hide {
      display: none; }
    @media (max-width: 760px) {
      .video-main__more-video-btn {
        margin: 30px auto 0;
        padding: 10px 50px;
        border-radius: var(--radius-md);
        font-size: 12px; } }
  .video-main__select {
    width: 280px; }
  .video-main__nothing-found {
    display: none;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    .video-main__nothing-found.active {
      display: block; }
    @media (max-width: 760px) {
      .video-main__nothing-found {
        font-size: 14px; } }
  .video-main__video-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 30px; }
    @media (max-width: 1200px) {
      .video-main__video-cards-wrapper {
        justify-content: center;
        row-gap: 20px; } }
  .video-main__video-card.news-video-card {
    display: block;
    width: 100%;
    max-width: 366px;
    height: auto; }
    @media (max-width: 1200px) {
      .video-main__video-card.news-video-card {
        max-width: 280px; } }
    .video-main__video-card.news-video-card .news-video-card__img {
      width: 100%;
      height: 238px;
      -o-object-fit: cover;
         object-fit: cover; }
      @media (max-width: 1200px) {
        .video-main__video-card.news-video-card .news-video-card__img {
          height: 128px; } }
    @media (max-width: 1200px) {
      .video-main__video-card.news-video-card .news-video-card__name {
        margin: 0;
        font-size: 16px; } }
    .video-main__video-card.news-video-card::after {
      top: 106px;
      left: 167px; }
      @media (max-width: 1200px) {
        .video-main__video-card.news-video-card::after {
          top: 52px;
          left: 123px;
          width: 33px;
          height: 23px; } }

.manufacturers-list-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 10px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .manufacturers-list-main {
      margin-bottom: 40px; } }
  .manufacturers-list-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .manufacturers-list-main__top {
        margin-bottom: 20px; } }
    .manufacturers-list-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .manufacturers-list-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .manufacturers-list-main__cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px; }
    .manufacturers-list-main__cards-wrapper .manufacturer-card {
      display: none; }
      .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(1), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(2), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(3), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(4), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(5), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(6), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(7), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(8), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(9), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(10), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(11), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(12) {
        display: flex; }
    .manufacturers-list-main__cards-wrapper.active .manufacturer-card {
      display: flex; }
    @media (max-width: 1200px) {
      .manufacturers-list-main__cards-wrapper {
        justify-content: center; } }
  .manufacturers-list-main__more-btn {
    display: none;
    padding: 15px 25px;
    border-radius: var(--radius-xl);
    margin: 40px auto 0;
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    .manufacturers-list-main__more-btn.active {
      display: block; }
    @media (max-width: 760px) {
      .manufacturers-list-main__more-btn {
        margin: 30px auto 0;
        padding: 10px 50px;
        border-radius: var(--radius-pill);
        font-size: 12px; } }

.manufacturer-card {
  flex-shrink: 1;
  max-width: 275px;
  min-width: 128px;
  width: 23%;
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border); }
  .manufacturer-card__inner {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 50%;
    overflow: hidden;
    border-radius: var(--radius-xl); }
  .manufacturer-card__img {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: var(--radius-xl); }

.manufacturer-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 10px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .manufacturer-main {
      margin-bottom: 40px;
      padding: 0 20px 0; } }
  .manufacturer-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .manufacturer-main__top {
        margin-bottom: 20px; } }
    .manufacturer-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .manufacturer-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .manufacturer-main__main-content {
    margin-bottom: 30px; }
  .manufacturer-main__logo {
    max-width: 280px;
    width: 100%;
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .manufacturer-main__logo {
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md); } }
  .manufacturer-main__text, .manufacturer-main__accent-text {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text);
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .manufacturer-main__text, .manufacturer-main__accent-text {
        font-size: 14px;
        margin-bottom: 10px; } }
  .manufacturer-main__accent-text {
    margin-bottom: 0;
    font-weight: 600; }
  .manufacturer-main__more-btn {
    display: none;
    padding: 15px 25px;
    border-radius: var(--radius-xl);
    margin: 40px auto 0;
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    .manufacturer-main__more-btn.active {
      display: block; }
    @media (max-width: 760px) {
      .manufacturer-main__more-btn {
        margin: 30px auto 0;
        padding: 10px 50px;
        border-radius: var(--radius-pill);
        font-size: 12px; } }
  .manufacturer-main__ol li {
    display: flex; }
  .manufacturer-main ol {
    counter-reset: li3; }
    .manufacturer-main ol li:before {
      display: inline;
      margin-right: 5px;
      counter-increment: li3;
      content: counters(li3, ".") ". "; }
  .manufacturer-main__ul {
    margin-bottom: 10px; }
    .manufacturer-main__ul li {
      margin-left: 20px;
      list-style-type: disc;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      .manufacturer-main__ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .manufacturer-main__ul li {
          font-size: 14px; } }
  .manufacturer-main__products-wrapper .product-card__img {
    max-width: 225px;
    width: 100%; }
  .manufacturer-main__products-wrapper .swiper-pagination {
    display: none;
    bottom: 0; }
    @media (max-width: 1200px) {
      .manufacturer-main__products-wrapper .swiper-pagination {
        display: none; } }
  @media (max-width: 1200px) {
    .manufacturer-main__products-wrapper .swiper {
      padding-bottom: 30px; } }
  .manufacturer-main__products-wrapper .swiper-slide.hide {
    background-color: black;
    display: none !important; }
  .manufacturer-main__products-top {
    display: flex;
    align-items: center;
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .manufacturer-main__products-top {
        margin-bottom: 20px; } }
  .manufacturer-main__product-title {
    font-size: 28px;
    font-weight: 600;
    margin-right: auto; }
    @media (max-width: 1200px) {
      .manufacturer-main__product-title {
        max-width: 200px;
        font-size: 20px; } }
  .manufacturer-main__button-prev, .manufacturer-main__button-next {
    width: 40px;
    height: 40px;
    display: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    background-size: 11px 19px;
    background-repeat: no-repeat;
    background-position: 13px 10px;
    cursor: pointer; }
    @media (max-width: 1200px) {
      .manufacturer-main__button-prev, .manufacturer-main__button-next {
        display: block;
        width: 30px;
        height: 30px;
        background-size: 10px 16px;
        background-position: 9px 7px; } }
    .manufacturer-main__button-prev.swiper-button-disabled, .manufacturer-main__button-next.swiper-button-disabled {
      opacity: 0.5; }
  .manufacturer-main__button-prev {
    margin-right: 20px;
    cursor: pointer; }
  .manufacturer-main__button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A");
    cursor: pointer; }
  .manufacturer-main__products-category-btns {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 25px;
         column-gap: 25px;
    row-gap: 25px;
    margin-bottom: 25px; }
    @media (max-width: 1200px) {
      .manufacturer-main__products-category-btns {
        -moz-column-gap: 15px;
             column-gap: 15px;
        row-gap: 15px;
        margin-bottom: 10px; } }
  .manufacturer-main__products-category-item {
    list-style-type: none; }
  .manufacturer-main__products-category-btn {
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid var(--color-info);
    border-radius: var(--radius-xl);
    color: var(--color-info);
    background-color: var(--color-surface); }
    @media (max-width: 1200px) {
      .manufacturer-main__products-category-btn {
        padding: 6px;
        font-size: 14px; } }
    .manufacturer-main__products-category-btn.active {
      color: var(--color-text-invert);
      background-color: var(--color-info); }
  .manufacturer-main__products-category-num {
    margin-left: 5px; }

.vacancies-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .vacancies-main {
      margin-bottom: 40px; } }
  .vacancies-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .vacancies-main__top {
        margin-bottom: 20px; } }
    .vacancies-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .vacancies-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .vacancies-main__item {
    width: 100%;
    padding: 40px 40px;
    border: 1px solid var(--color-border);
    border-radius: 35px; }
    @media (max-width: 1200px) {
      .vacancies-main__item {
        padding: 20px 20px;
        border-radius: var(--radius-xl); } }
    .vacancies-main__item:not(:last-child) {
      margin-bottom: 40px; }
      @media (max-width: 1200px) {
        .vacancies-main__item:not(:last-child) {
          margin-bottom: 20px; } }
    .vacancies-main__item.active .vacancies-main__description {
      display: block; }
  .vacancies-main__card {
    position: relative;
    display: flex;
    padding-right: 50px; }
    @media (max-width: 1200px) {
      .vacancies-main__card {
        flex-direction: column; } }
    .vacancies-main__card.active {
      padding-bottom: 20px; }
      @media (max-width: 1200px) {
        .vacancies-main__card.active {
          padding-bottom: 15px; } }
  .vacancies-main__card-content {
    max-width: 760px;
    margin-right: 40px; }
    @media (max-width: 1200px) {
      .vacancies-main__card-content {
        margin-right: 0;
        margin-bottom: 15px; } }
  .vacancies-main__title {
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .vacancies-main__title {
        margin-bottom: 10px;
        font-size: 16px; } }
  .vacancies-main__city, .vacancies-main__date {
    font-size: 18px;
    font-weight: 400; }
    @media (max-width: 1200px) {
      .vacancies-main__city, .vacancies-main__date {
        font-size: 13px; } }
  .vacancies-main__city {
    margin-right: 25px;
    font-weight: 500; }
  @media (max-width: 1200px) {
    .vacancies-main__date {
      margin-left: auto; } }
  .vacancies-main__salary {
    margin-left: auto;
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .vacancies-main__salary {
        margin-left: 0;
        font-size: 16px; } }
  .vacancies-main__more-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: 24px 12px;
    background-position: 5px 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23050000'/%3E%3C/svg%3E"); }
    @media (max-width: 1200px) {
      .vacancies-main__more-btn {
        background-size: 18px 8px;
        background-position: 8px 9px; } }
    .vacancies-main__more-btn.active {
      transform: rotate(180deg); }
  .vacancies-main__description {
    position: relative;
    display: none;
    padding-top: 30px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    .vacancies-main__description::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0px;
      display: block;
      width: 100%;
      max-width: 760px;
      height: 1px;
      background-color: var(--color-accent); }
    @media (max-width: 1200px) {
      .vacancies-main__description {
        padding-top: 20px;
        font-size: 13px; } }
  .vacancies-main__text:not(:last-child), .vacancies-main__ol:not(:last-child), .vacancies-main__ul:not(:last-child) {
    margin-bottom: 40px; }
    @media (max-width: 1200px) {
      .vacancies-main__text:not(:last-child), .vacancies-main__ol:not(:last-child), .vacancies-main__ul:not(:last-child) {
        margin-bottom: 20px; } }
  .vacancies-main__list-title {
    font-weight: 600; }
  .vacancies-main__ol[class], .vacancies-main__ul[class] {
    list-style: inside; }
  .vacancies-main__ol-li[class], .vacancies-main__ul-li[class] {
    margin-left: 10px;
    list-style-type: auto; }
  .vacancies-main__ul-li[class] {
    list-style-type: disc; }
  .vacancies-main__apply-btn {
    padding: 15px 50px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-invert);
    background-color: var(--color-accent);
    border-radius: var(--radius-xl); }
    @media (max-width: 1200px) {
      .vacancies-main__apply-btn {
        width: 238px;
        font-size: 12px;
        border-radius: var(--radius-pill); } }

.dealers-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 200px; }
  @media (max-width: 1200px) {
    .dealers-main {
      margin-bottom: 90px; } }
  .dealers-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .dealers-main__top {
        margin-bottom: 20px; } }
    .dealers-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .dealers-main__top h1 {
          font-size: 22px; } }
  .dealers-main__content {
    display: flex; }
    @media (max-width: 1200px) {
      .dealers-main__content {
        flex-direction: column; } }
  .dealers-main__description-row {
    width: 100%;
    max-width: 370px;
    margin-right: 20px; }
    @media (max-width: 1200px) {
      .dealers-main__description-row {
        margin-right: 0;
        margin-bottom: 40px; } }
  .dealers-main__select {
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .dealers-main__select {
        margin-bottom: 25px; } }
  .dealers-main__list {
    max-height: 400px;
    overflow: scroll; }
    @media (max-width: 1200px) {
      .dealers-main__list {
        max-height: 295px; } }
    .dealers-main__list::-webkit-scrollbar {
      width: 7px;
      height: auto;
      background-color: var(--color-surface); }
    .dealers-main__list::-webkit-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 7px;
      height: auto; }
    .dealers-main__list::-moz-scrollbar {
      width: 7px;
      height: auto;
      background-color: var(--color-surface); }
    .dealers-main__list::-moz-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 7px;
      height: auto; }
  .dealers-main__item {
    display: flex;
    flex-direction: column;
    width: calc( 100% - 20px);
    height: 180px;
    padding: 15px 20px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl); }
    @media (max-width: 1200px) {
      .dealers-main__item {
        height: 140px;
        padding: 10px 15px;
        border-radius: var(--radius-md); } }
    .dealers-main__item:not(:last-child) {
      margin-bottom: 20px; }
      @media (max-width: 1200px) {
        .dealers-main__item:not(:last-child) {
          margin-bottom: 15px; } }
    .dealers-main__item.accent {
      background-color: var(--color-accent); }
      .dealers-main__item.accent *[class] {
        color: var(--color-text-invert); }
  .dealers-main__title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .dealers-main__title {
        margin-bottom: 7px;
        font-size: 14px; } }
  .dealers-main__address {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-muted); }
    @media (max-width: 1200px) {
      .dealers-main__address {
        margin-bottom: 7px;
        font-size: 10px; } }
  .dealers-main__phone {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .dealers-main__phone {
        margin-bottom: 7px;
        font-size: 12px; } }
  .dealers-main__email {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .dealers-main__email {
        margin-bottom: 7px;
        font-size: 12px; } }
  .dealers-main__link {
    margin-top: auto;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .dealers-main__link {
        font-size: 12px; } }
  .dealers-main__card {
    width: 100%;
    height: auto; }
    @media (max-width: 768px) {
      .dealers-main__card {
        height: 290px; } }
    @media (max-width: 540px) {
      .dealers-main__card {
        height: 190px; } }
    .dealers-main__card svg {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
      .dealers-main__card svg path {
        translate: all 0.3s; }
        .dealers-main__card svg path:hover {
          opacity: 0.8; }
      .dealers-main__card svg .path--blue {
        fill: var(--color-text); }
      .dealers-main__card svg .path--test {
        fill: green; }
      .dealers-main__card svg .path--red {
        fill: var(--color-accent); }

.objects-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 200px; }
  @media (max-width: 1200px) {
    .objects-main {
      margin-bottom: 90px; } }
  .objects-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .objects-main__top {
        margin-bottom: 20px; } }
    .objects-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .objects-main__top h1 {
          font-size: 22px; } }
  .objects-main__content {
    display: flex; }
    @media (max-width: 1200px) {
      .objects-main__content {
        flex-direction: column; } }
  .objects-main__description-row {
    width: 100%;
    max-width: 370px;
    margin-right: 20px; }
    @media (max-width: 1200px) {
      .objects-main__description-row {
        margin-right: 0;
        margin-bottom: 40px; } }
  .objects-main__select {
    margin-bottom: 20px; }
    @media (max-width: 1200px) {
      .objects-main__select {
        margin-bottom: 25px; } }
  .objects-main__list {
    max-height: 400px;
    overflow: scroll; }
    @media (max-width: 1200px) {
      .objects-main__list {
        max-height: 295px; } }
    .objects-main__list::-webkit-scrollbar {
      width: 7px;
      height: auto;
      background-color: var(--color-surface); }
    .objects-main__list::-webkit-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 7px;
      height: auto; }
    .objects-main__list::-moz-scrollbar {
      width: 7px;
      height: auto;
      background-color: var(--color-surface); }
    .objects-main__list::-moz-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 7px;
      height: auto; }
  .objects-main__item {
    display: flex;
    flex-direction: column;
    width: calc( 100% - 20px);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: hidden; }
    @media (max-width: 1200px) {
      .objects-main__item {
        border-radius: var(--radius-md); } }
    .objects-main__item:not(:last-child) {
      margin-bottom: 20px; }
      @media (max-width: 1200px) {
        .objects-main__item:not(:last-child) {
          margin-bottom: 15px; } }
    .objects-main__item.accent {
      background-color: var(--color-accent); }
      .objects-main__item.accent *[class] {
        color: var(--color-text-invert); }
  .objects-main__img-wrapper {
    border: 1px dotted orange;
    width: 100%;
    height: 165px; }
    @media (max-width: 1200px) {
      .objects-main__img-wrapper {
        height: 145px; } }
  .objects-main__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .objects-main__bottom {
    padding: 20px; }
    @media (max-width: 1200px) {
      .objects-main__bottom {
        padding: 15px; } }
  .objects-main__title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .objects-main__title {
        margin-bottom: 7px;
        font-size: 13px; } }
  .objects-main__text {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .objects-main__text {
        font-size: 12px; } }
  .objects-main__card {
    width: 100%;
    height: auto; }
    @media (max-width: 768px) {
      .objects-main__card {
        height: 290px; } }
    @media (max-width: 540px) {
      .objects-main__card {
        height: 190px; } }
    .objects-main__card svg {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
      .objects-main__card svg path {
        translate: all 0.3s; }
        .objects-main__card svg path:hover {
          opacity: 0.8; }
      .objects-main__card svg .path--blue {
        fill: var(--color-text); }
      .objects-main__card svg .path--test {
        fill: green; }
      .objects-main__card svg .path--red {
        fill: var(--color-accent); }

.object-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .object-main {
      margin-bottom: 40px; } }
  .object-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .object-main__top {
        margin-bottom: 20px; } }
    .object-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .object-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .object-main__row {
    display: flex; }
  .object-main ol {
    counter-reset: li3; }
  .object-main li:before {
    counter-increment: li3;
    content: counters(li3, ".") ". "; }
  .object-main__main-list {
    margin-bottom: 10px; }
    .object-main__main-list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .object-main__main-list li {
          font-size: 14px; } }
  .object-main__nested-list li {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .object-main__nested-list li {
        font-size: 14px; } }
    .object-main__nested-list li:last-child {
      margin-bottom: 10px; }
      @media (max-width: 1200px) {
        .object-main__nested-list li:last-child {
          margin-bottom: 10px; } }
  .object-main ul {
    margin-bottom: 10px; }
    .object-main ul li {
      margin-left: 20px;
      list-style-type: disc;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      .object-main ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .object-main ul li {
          font-size: 14px; } }
  .object-main__text, .object-main__accent-text {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .object-main__text, .object-main__accent-text {
        font-size: 14px; } }
  .object-main__accent-text {
    margin-right: 5px;
    font-weight: 600;
    color: var(--color-text); }
  .object-main__img {
    margin-bottom: 10px;
    max-width: 662px;
    width: 100%; }
    @media (max-width: 1200px) {
      .object-main__img {
        order: -1; } }
  .object-main__list {
    margin-bottom: 10px; }
    .object-main__list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .object-main__list li {
          font-size: 14px; } }
  .object-main__link, .object-main__accent-link, .object-main__doc-link {
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .object-main__link, .object-main__accent-link, .object-main__doc-link {
        font-size: 14px; } }
  .object-main__accent-link {
    color: var(--color-text); }
  .object-main__doc-link {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-text); }
    .object-main__doc-link::before {
      content: '';
      display: flex;
      margin-right: 10px;
      width: 27px;
      height: 34px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%230069ff'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%230069ff'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%230069ff'/%3E%3C/svg%3E"); }
  .object-main__video {
    max-width: 560px;
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 360px) {
      .object-main__video {
        height: 157px; } }
/*НАШИ ОБЪЕКТЫ START*/
.main section.objects-main-new {
    padding: 0 10px;
    margin-bottom: 172px;
}

.objects-main-region {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-bottom: 50px;
}

.objects-main-left {
    flex-shrink: 0;
    width: 373px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 10px;
}

.objects-main-search {
    position: relative;
    margin-bottom: 16px;
}

.objects-main-search input {
    width: 100%;
    padding: 16px 16px 16px 54px;
    box-sizing: border-box;
    border-radius: var(--radius-lg);
    color: var(--color-text-muted);
    background: var(--color-surface-muted);
    font-weight: 500;
    border: none;
}

.objects-main-search input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

.objects-main-search svg {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

ul.objects-main-search-list {
   padding-right: 10px;
overflow-y: auto;
    max-height: 480px;
    scrollbar-width: thin;
    scrollbar-color: var(--color-border) var(--color-text-muted);
    scrollbar-gutter: stable;
}

.objects-main-search-list::-webkit-scrollbar {
    width: 6px;
}

.objects-main-search-list::-webkit-scrollbar-track {
    background: var(--color-surface-muted);
    border-radius: var(--radius-xl);
}

.objects-main-search-list::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: var(--radius-xl);
    transition: background 0.2s ease;
}

.objects-main-search-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-border-strong);
}

.objects-main-search-list::-webkit-scrollbar-button {
    display: none;
}

.objects-main-search-list li {
    padding: 14px 16px;
    cursor: pointer;
    transition: background 0.2s;
    border-radius: var(--radius-lg);
    font-weight: 600;
    position: relative;
}

.objects-main-search-list li:hover:not(.active) {
    background-color: var(--color-surface-muted);
}

.objects-main-search-list li.active {
    color: var(--color-text-invert);
    background: var(--color-accent);
}

.objects-main-search-list li.active::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--color-surface);
    border-right: 2px solid var(--color-surface);
    transform: rotate(45deg);
    right: 16px;
    top: 50%;
    margin-top: -5px;
}

.hidden-select {
    display: none;
}

.objects-main-map {
    flex-grow: 1;
    min-height: 578px;
    border-radius: var(--radius-lg);
    padding: 20px;
    border: 1px solid var(--color-border);
}

.objects-main-map svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.objects-main-tabs {
    width: 100%;
}

.objects-main-tabs-links {
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.objects-main-tabs-links li {
    padding: 14px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 46px;
    font-weight: 500;
    border: 1px solid var(--color-border);
    color: var(--color-text);
}

.objects-main-tabs-links li.active {
    background: var(--color-accent);
    color: var(--color-text-invert);
}

.objects-main-tabs-links li:hover:not(.active) {
    background: rgba(255, 0, 0, 0.1);
}

.objects-main-tabs-items {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    animation: fadeIn 0.3s ease;
}

.objects-main-item {
    /* display: flex; */
    display: none; 
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    width: calc(33.333% - 60px);
    min-width: 280px;
    flex: 1 1 auto;
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    aspect-ratio: 1 / 0.8;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 30px 22px;
    margin-top: 30px;
	    max-width: calc(33.333% - 15px);
}
.objects-main-item.active {
	display: flex;
}
.noactive{
	display: none;
}
.objects-main-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.objects-main-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 2;
    border-radius: var(--radius-lg);
    transition: background 0.3s ease;
}

.objects-main-item:hover::before {
    background: rgba(5, 0, 0, 0.9);
}

.objects-main-item-title,
.objects-main-item-text {
    position: relative;
    z-index: 3;
    margin: 0;
}

.objects-main-item-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-invert);
}

.objects-main-item-text {
    font-size: 15px;
    color: var(--color-border);
    margin-top: 14px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 992px) {
    .objects-main-item {
        width: calc(50% - 20px);
    }
    .objects-main-tabs-links {
      justify-content: flex-start;
  }
}

@media (max-width: 768px) {
    .objects-main-region {
        flex-direction: column;
    }
    
    .objects-main-left {
        width: 100%;
    }
	.objects-main-item{
		max-width: unset;
	}

    .objects-main-search svg {
      width: 20px;
      height: 20px;
  }

  .objects-main-search input {
      padding-left: 50px;
      font-size: 14px;
  }

  .objects-main-search-list li {
      font-size: 14px;
  }

    .objects-main-map {
        min-height: 250px;
        padding: 20px 0;
    }
    
    .objects-main-tabs-links {
        gap: 8px;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0;
    }
    
    .objects-main-tabs-links li {
        white-space: nowrap;
        padding: 10px 16px;
        font-size: 14px;
    }
    
    .objects-main-item {
        width: 100%;
        aspect-ratio: 1 / 0.6;
        max-height: 200px;
    }

    .main section.objects-main-new {
      margin-bottom: 80px;
  }
}
/*НАШИ ОБЪЕКТЫ END*/
.fc-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .fc-main {
      margin-bottom: 90px; } }
  .fc-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .fc-main__top {
        margin-bottom: 20px; } }
    .fc-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .fc-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .fc-main ol {
    counter-reset: li3; }
  .fc-main li:before {
    counter-increment: li3;
    content: counters(li3, ".") ". "; }
  .fc-main__main-list {
    margin-bottom: 10px; }
    .fc-main__main-list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .fc-main__main-list li {
          font-size: 14px; } }
  .fc-main__nested-list li {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .fc-main__nested-list li {
        font-size: 14px; } }
    .fc-main__nested-list li:last-child {
      margin-bottom: 10px; }
      @media (max-width: 1200px) {
        .fc-main__nested-list li:last-child {
          margin-bottom: 10px; } }
  .fc-main ul {
    margin-bottom: 10px; }
    .fc-main ul li {
      margin-left: 20px;
      list-style-type: disc;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      .fc-main ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .fc-main ul li {
          font-size: 14px; } }
  .fc-main__text, .fc-main__accent-text {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .fc-main__text, .fc-main__accent-text {
        font-size: 14px; } }
  .fc-main__accent-text {
    color: var(--color-text); }
  .fc-main__img {
    margin-bottom: 10px;
    max-width: 662px;
    width: 100%; }
    @media (max-width: 1200px) {
      .fc-main__img {
        order: -1; } }
  .fc-main__list {
    margin-bottom: 10px; }
    .fc-main__list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .fc-main__list li {
          font-size: 14px; } }
  .fc-main__link, .fc-main__accent-link, .fc-main__doc-link {
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .fc-main__link, .fc-main__accent-link, .fc-main__doc-link {
        font-size: 14px; } }
  .fc-main__accent-link {
    color: var(--color-text); }
  .fc-main__doc-link {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-text); }
    .fc-main__doc-link::before {
      content: '';
      display: flex;
      margin-right: 10px;
      width: 27px;
      height: 34px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%230069ff'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%230069ff'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%230069ff'/%3E%3C/svg%3E"); }
  .fc-main__video {
    max-width: 560px;
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 360px) {
      .fc-main__video {
        height: 157px; } }
  .fc-main__sliders {
    max-width: 870px;
    position: relative;
    margin-top: 50px; }
    @media (max-width: 1200px) {
      .fc-main__sliders {
        margin-top: 25px;
        margin-bottom: 10px; } }
    @media (max-width: 540px) {
      .fc-main__sliders {
        max-width: 280px; } }
  .fc-main__slider-big {
    margin-bottom: 20px; }
    .fc-main__slider-big .swiper-slide {
      width: 865px;
      height: 650px;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      overflow: hidden; }
      @media (max-width: 768px) {
        .fc-main__slider-big .swiper-slide {
          width: 400px;
          height: 300px; } }
      @media (max-width: 540px) {
        .fc-main__slider-big .swiper-slide {
          width: 280px;
          height: 208px; } }
      .fc-main__slider-big .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .fc-main .swiper-pagination-big {
    text-align: center; }
  .fc-main .swiper-pagination {
    bottom: 0; }
  .fc-main__slider-little {
    width: 790px; }
	.object-cont{ 
	display: flex;
    gap: 15px;
	}		   
    @media (max-width: 1200px) {
      .fc-main__slider-little {
        width: 100%; } }
    .fc-main__slider-little .swiper-slide {
      width: 140px;
      height: 140px;
      border: 1px solid var(--color-border-strong);
      border-radius: var(--radius-xl);
      overflow: hidden; }
      @media (max-width: 768px) {
        .fc-main__slider-little .swiper-slide {
          width: 100px;
          height: 100px; } 
		  .fc-main__slider-little .swiper-slide {
          width: 100px;
          height: 100px; } 
		  .js-photo-objects-swiper .swiper-slide {
    width: 100% !important;
	}
	.object-photo-card__img{
		width:100%;
	}
	.object-ext{
		width:100%
	}
	.object-cont{ 
	display: block;
	}	  
	}
 
 
      @media (max-width: 540px) {
        .fc-main__slider-little .swiper-slide {
          width: 47px;
          height: 47px; } }
      .fc-main__slider-little .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .fc-main__slider-little-button-prev, .fc-main__slider-little-button-next {
    position: absolute;
    bottom: 58px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.189882 10.2574L7.89771 18.5599C8.15025 18.8317 8.55912 18.8313 8.81123 18.5585C9.06315 18.2857 9.0625 17.8438 8.80993 17.5717L1.56089 9.7634L8.81019 1.95508C9.06273 1.68297 9.06338 1.24138 8.81149 0.968565C8.68511 0.831808 8.51954 0.763428 8.35397 0.763428C8.18882 0.763428 8.0239 0.83135 7.89774 0.967157L0.189882 9.26945C0.0682508 9.40016 -1.75669e-06 9.57805 -1.74048e-06 9.7634C-1.72428e-06 9.94874 0.0684464 10.1264 0.189882 10.2574Z' fill='%23333333'/%3E%3C/svg%3E%0A");
    background-size: 9px 18px;
    background-position: 7px 4px;
    background-repeat: no-repeat; }
    @media (max-width: 1200px) {
      .fc-main__slider-little-button-prev, .fc-main__slider-little-button-next {
        display: none; } }
    .fc-main__slider-little-button-prev::after, .fc-main__slider-little-button-next::after {
      font-size: 0; }
  .fc-main__slider-little-button-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.81012 9.26948L1.10229 0.966978C0.849749 0.695116 0.440885 0.695573 0.18877 0.968384C-0.0631501 1.24116 -0.0624992 1.68304 0.190071 1.95511L7.43911 9.76346L0.189808 17.5718C-0.0627299 17.8439 -0.063381 18.2855 0.188506 18.5583C0.314889 18.695 0.48046 18.7634 0.64603 18.7634C0.811177 18.7634 0.976097 18.6955 1.10225 18.5597L8.81012 10.2574C8.93175 10.1267 9 9.94881 9 9.76346C9 9.57812 8.93155 9.40044 8.81012 9.26948Z' fill='%23333333'/%3E%3C/svg%3E%0A"); }

.banner {
  display: flex;
  flex-direction: column;
  margin-bottom: 70px;
  padding: 75px 0;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 1200px) {
    .banner {
      margin-bottom: 40px;
      padding: 0;
      background-size: 0 0; } }
  .banner__content {
    width: 100%;
    max-width: var(--layout-max);
    margin: 0 auto;
    padding: 0 10px; }
  .banner__img-wrapper {
    display: none;
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 1200px) {
      .banner__img-wrapper {
        display: block; } }
    .banner__img-wrapper img {
      width: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .banner__top-text {
    max-width: 600px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text-invert); }
    @media (max-width: 1200px) {
      .banner__top-text {
        font-size: 22px;
        color: var(--color-text); } }
  .banner__bottom-text {
    max-width: 600px;
    font-size: 54px;
    font-weight: 500;
    color: var(--color-text-invert); }
    @media (max-width: 1200px) {
      .banner__bottom-text {
        font-size: 16px;
        color: var(--color-text); } }

.business-main {
  width: 100%;
  max-width: var(--layout-max);
  margin: 0 auto;
  padding-bottom: 30px; }
  .business-main__title {
    font-size: 0;
    line-height: 0; }
  .business-main__group-title {
    display: block;
    margin: 0 auto 40px;
    font-size: 28px;
    font-weight: 600;
    color: var(--color-text);
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 1200px) {
      .business-main__group-title {
        margin-bottom: 20px;
        font-size: 16px; } }
  .business-main__cose-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin-bottom: 100px; }
    @media (max-width: 1200px) {
      .business-main__cose-list {
        display: none; } }
  .business-main__cose-text {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .business-main__cose-text {
        font-size: 12px;
        font-weight: 500; } }
  .business-main__cose-item {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 370px;
    width: 100%;
    min-height: 160px;
    padding: 30px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    text-align: center; }
    @media (max-width: 1200px) {
      .business-main__cose-item {
        width: 128px;
        height: 64px;
        padding: 15px 10px; } }
  .business-main__cose-list-mobile[class] {
    position: relative;
    display: none;
    width: 100%;
    margin-bottom: 40px; }
    @media (max-width: 1200px) {
      .business-main__cose-list-mobile[class] {
        display: block;
        margin-bottom: 40px; } }
    .business-main__cose-list-mobile[class] .swiper {
      padding-bottom: 25px; }
    .business-main__cose-list-mobile[class] .swiper-pagination {
      bottom: 0; }
    .business-main__cose-list-mobile[class] .swiper-pagination-bullet {
      width: 13px;
      height: 13px;
      border-radius: var(--radius-round);
      background-color: transparent;
      border: 1px solid var(--color-border);
      transition: all 0.3s; }
      .business-main__cose-list-mobile[class] .swiper-pagination-bullet-active {
        background-color: var(--color-accent); }
  .business-main__cose-text-mobile {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text); }
  .business-main__cose-item-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    text-align: center;
    width: 128px;
    min-height: 110px;
    padding: 15px 10px; }
  .business-main__buttons-group {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 15px;
    -moz-column-gap: 25px;
         column-gap: 25px;
    margin-bottom: 50px; }
    @media (min-width: 1200px) {
      .business-main__buttons-group {
        margin-bottom: 100px; } }
  .business-main__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    padding: 15px;
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--radius-pill); }
    @media (min-width: 1200px) {
      .business-main__button {
        width: 350px;
        padding: 20px;
        font-size: 20px;
        font-weight: 500; } }
    .business-main__button--light {
      color: var(--color-text);
      border: 1px solid var(--color-border);
      background-color: var(--color-surface); }
    .business-main__button--dark {
      color: var(--color-text-invert);
      background-color: var(--color-accent); }
  .business-main__obj-list {
    display: none;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-bottom: 70px; }
    @media (min-width: 1200px) {
      .business-main__obj-list {
        display: flex; } }
  .business-main__obj-list-mobile {
    margin-bottom: 20px;
    padding: 0 10px; }
    @media (min-width: 1200px) {
      .business-main__obj-list-mobile {
        display: none; } }
    .business-main__obj-list-mobile .swiper {
      padding-bottom: 25px; }
    .business-main__obj-list-mobile .swiper-pagination {
      bottom: 0; }
    .business-main__obj-list-mobile .swiper-pagination-bullet {
      width: 13px;
      height: 13px;
      border-radius: var(--radius-round);
      background-color: transparent;
      border: 1px solid var(--color-border);
      transition: all 0.3s; }
      .business-main__obj-list-mobile .swiper-pagination-bullet-active {
        background-color: var(--color-accent); }
  .business-main__obj-item-mobile {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin: 0 10px; }
    @media (min-width: 1200px) {
      .business-main__obj-item-mobile {
        max-width: 370px; } }
  .business-main__obj-img-link {
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    border: 2px solid var(--color-border);
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .business-main__obj-img-link {
        height: 200px;
        margin-bottom: 20px; } }
  .business-main__obj-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .business-main__obj-title-link {
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    text-align: center; }
  .business-main__obj-text {
    padding: 0 20px;
    font-size: 11px;
    font-weight: 500;
    text-align: center; }

.instructions-main {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .instructions-main {
      margin-bottom: 100px; } }
  .instructions-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .instructions-main__top {
        margin-bottom: 20px; } }
    .instructions-main__top h1 {
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .instructions-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .instructions-main__more-instructions-btn {
    display: block;
    margin: 40px auto 0;
    padding: 15px 25px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    .instructions-main__more-instructions-btn.hide {
      display: none; }
    @media (max-width: 760px) {
      .instructions-main__more-instructions-btn {
        margin: 30px auto 0;
        padding: 10px 50px;
        border-radius: var(--radius-md);
        font-size: 12px; } }
  .instructions-main__list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px; }
  .instructions-main__item {
    display: none;
    flex-direction: column;
    width: 100%;
    max-width: 365px;
    margin-bottom: 15px;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .instructions-main__item {
        padding-right: 2px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-xl); } }
    .instructions-main__item.active {
      display: flex; }
  .instructions-main__item-top {
    width: 100%;
    height: 130px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md) var(--radius-md) 0 0; }
    @media (min-width: 1200px) {
      .instructions-main__item-top {
        height: 170px;
        border-top: 1px solid transparent;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent; } }
  .instructions-main__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .instructions-main__bottom-list[class] {
    max-height: 240px;
    padding: 10px 0;
    list-style: inside;
    overflow-y: auto; }
    @media (min-width: 1200px) {
      .instructions-main__bottom-list[class] {
        max-height: 240px;
        margin-left: 4px; } }
    .instructions-main__bottom-list[class]::-webkit-scrollbar {
      width: 4px;
      height: auto;
      background-color: var(--color-surface); }
    .instructions-main__bottom-list[class]::-webkit-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 4px;
      height: 10px; }
    .instructions-main__bottom-list[class]::-moz-scrollbar {
      width: 4px;
      height: auto;
      background-color: var(--color-surface); }
    .instructions-main__bottom-list[class]::-moz-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 4px;
      height: auto; }
  .instructions-main__link-item[class] {
    margin-bottom: 20px;
    list-style-type: disc; }
    @media (min-width: 1200px) {
      .instructions-main__link-item[class] {
        margin-left: 10px; } }
  .instructions-main__link {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    text-decoration: underline; }
    @media (min-width: 1200px) {
      .instructions-main__link {
        font-size: 16px; } }

.certificates-main {
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .certificates-main {
      margin-bottom: 100px; } }
  .certificates-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .certificates-main__top {
        margin-bottom: 20px; } }
    .certificates-main__top h1 {
      font-size: 34px;
      line-height: 120%;
      font-weight: 600;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .certificates-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .certificates-main__more-certificates-btn {
    display: block;
    margin: 40px auto 0;
    padding: 15px 25px;
    border-radius: var(--radius-pill);
    border: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text); }
    .certificates-main__more-certificates-btn.hide {
      display: none; }
    @media (max-width: 760px) {
      .certificates-main__more-certificates-btn {
        margin: 30px auto 0;
        padding: 10px 50px;
        border-radius: var(--radius-md);
        font-size: 12px; } }
  .certificates-main__list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px; }
  .certificates-main__item {
    display: none;
    flex-direction: column;
    width: 100%;
    max-width: 365px;
    margin-bottom: 15px;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .certificates-main__item {
        padding-right: 2px; } }
    .certificates-main__item.active {
      display: flex; }
  .certificates-main__item-top {
    width: 100%;
    height: 130px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md) var(--radius-md) 0 0; }
    @media (min-width: 1200px) {
      .certificates-main__item-top {
        height: 170px;
        border-radius: var(--radius-xl) var(--radius-xl) 0 0; } }
  .certificates-main__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .certificates-main__bottom-list[class] {
    max-height: 240px;
    padding: 10px 0;
    list-style: inside;
    overflow-y: auto; }
    @media (min-width: 1200px) {
      .certificates-main__bottom-list[class] {
        max-height: 240px;
        margin-left: 4px; } }
    .certificates-main__bottom-list[class]::-webkit-scrollbar {
      width: 4px;
      height: auto;
      background-color: var(--color-surface); }
    .certificates-main__bottom-list[class]::-webkit-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 4px;
      height: 10px; }
    .certificates-main__bottom-list[class]::-moz-scrollbar {
      width: 4px;
      height: auto;
      background-color: var(--color-surface); }
    .certificates-main__bottom-list[class]::-moz-scrollbar-thumb {
      background-color: var(--color-accent);
      border-radius: var(--radius-xs);
      width: 4px;
      height: auto; }
  .certificates-main__link-item[class] {
    margin-bottom: 20px;
    list-style-type: square; }
    @media (min-width: 1200px) {
      .certificates-main__link-item[class] {
        margin-left: 10px; } }
  .certificates-main__link {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text);
    text-decoration: underline; }
    @media (min-width: 1200px) {
      .certificates-main__link {
        font-size: 16px; } }

.service-main {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-max);
  padding: 0 20px 0;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media (max-width: 1200px) {
    .service-main {
      margin-bottom: 40px; } }
  .service-main__top {
    margin-bottom: 30px; }
    @media (max-width: 1200px) {
      .service-main__top {
        margin-bottom: 20px; } }
    .service-main__top h1 {
      font-size: 40px;
      line-height: 120%;
      font-weight: 500;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .service-main__top h1 {
          font-size: 22px;
          font-weight: 700; } }
  .service-main ol {
    counter-reset: li3; }
  .service-main li:before {
    counter-increment: li3;
    content: counters(li3, ".") ". "; }
  .service-main__main-list {
    margin-bottom: 10px; }
    .service-main__main-list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .service-main__main-list li {
          font-size: 14px; } }
  .service-main__nested-list li {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .service-main__nested-list li {
        font-size: 14px; } }
    .service-main__nested-list li:last-child {
      margin-bottom: 10px; }
      @media (max-width: 1200px) {
        .service-main__nested-list li:last-child {
          margin-bottom: 10px; } }
  .service-main ul {
    margin-bottom: 10px; }
    .service-main ul li {
      margin-left: 20px;
      list-style-type: disc;
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      .service-main ul li::before {
        font-size: 0;
        width: 0;
        height: 0; }
      @media (max-width: 1200px) {
        .service-main ul li {
          font-size: 14px; } }
  .service-main__subtitle {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .service-main__subtitle {
        font-size: 14px; } }
  .service-main__subtitle {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .service-main__subtitle {
        font-size: 14px; } }
  .service-main__category-title {
    margin-top: 100px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    color: var(--color-text);
    text-align: center; }
    @media (max-width: 1200px) {
      .service-main__category-title {
        margin-top: 50px;
        padding: 0 20px;
        font-size: 18px; } }
  .service-main__category-subtitle {
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-text);
    text-align: center; }
    @media (max-width: 1200px) {
      .service-main__category-subtitle {
        margin-bottom: 15px;
        font-size: 16px; } }
    .service-main__category-subtitle--accent {
      font-size: 18px;
      font-weight: 700;
      text-align: left; }
      @media (max-width: 1200px) {
        .service-main__category-subtitle--accent {
          margin-bottom: 15px;
          font-size: 16px;
          font-weight: 500; } }
  .service-main__row-list[class] {
    margin-bottom: 50px;
    border: 1px dotted orange; }
    @media (max-width: 1200px) {
      .service-main__row-list[class] {
        margin-bottom: 40px; } }
  .service-main__row[class] {
    border: 1px dotted tomato;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    padding: 15px 0;
    border-bottom: 1px solid var(--color-border-strong);
    list-style-type: none; }
    @media (max-width: 1200px) {
      .service-main__row[class] {
        flex-direction: column; } }
    .service-main__row[class]::before {
      display: none; }
  .service-main__row-text[class] {
    font-size: 18px;
    font-weight: 500; }
    @media (max-width: 1200px) {
      .service-main__row-text[class] {
        font-size: 15px; } }
    .service-main__row-text[class]:not(:last-child) {
      margin-bottom: 10px; }
  .service-main__row-text--accent[class] {
    font-weight: 600; }
  .service-main__text, .service-main__accent-text {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .service-main__text, .service-main__accent-text {
        font-size: 14px; } }
  .service-main__info-row {
    margin-bottom: 15px;
    display: flex; }
  .service-main__dt, .service-main__dd {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-muted); }
    @media (max-width: 1200px) {
      .service-main__dt, .service-main__dd {
        font-size: 14px; } }
    .service-main__dt--accent, .service-main__dd--accent {
      color: var(--color-text); }
  .service-main__download-links-wrapper {
    margin-bottom: 50px; }
    @media (max-width: 1200px) {
      .service-main__download-links-wrapper {
        margin-bottom: 25px; } }
  .service-main__download-link {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500; }
    @media (max-width: 1200px) {
      .service-main__download-link {
        font-size: 13px; } }
    .service-main__download-link:before {
      content: '';
      flex-shrink: 0;
      display: block;
      width: 32px;
      height: 32px;
      margin-right: 15px;
      margin-left: 15px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19.8906C1.26522 19.8906 1.51957 19.996 1.70711 20.1835C1.89464 20.3711 2 20.6254 2 20.8906V25.8906C2 26.4211 2.21071 26.9298 2.58579 27.3048C2.96086 27.6799 3.46957 27.8906 4 27.8906H28C28.5304 27.8906 29.0391 27.6799 29.4142 27.3048C29.7893 26.9298 30 26.4211 30 25.8906V20.8906C30 20.6254 30.1054 20.3711 30.2929 20.1835C30.4804 19.996 30.7348 19.8906 31 19.8906C31.2652 19.8906 31.5196 19.996 31.7071 20.1835C31.8946 20.3711 32 20.6254 32 20.8906V25.8906C32 26.9515 31.5786 27.9689 30.8284 28.7191C30.0783 29.4692 29.0609 29.8906 28 29.8906H4C2.93913 29.8906 1.92172 29.4692 1.17157 28.7191C0.421427 27.9689 0 26.9515 0 25.8906V20.8906C0 20.6254 0.105357 20.3711 0.292893 20.1835C0.48043 19.996 0.734784 19.8906 1 19.8906Z' fill='black'/%3E%3Cpath d='M15.2933 23.7978C15.3862 23.891 15.4965 23.9649 15.618 24.0153C15.7395 24.0657 15.8697 24.0916 16.0013 24.0916C16.1328 24.0916 16.263 24.0657 16.3845 24.0153C16.506 23.9649 16.6164 23.891 16.7093 23.7978L22.7093 17.7978C22.897 17.6101 23.0025 17.3554 23.0025 17.0898C23.0025 16.8243 22.897 16.5696 22.7093 16.3818C22.5215 16.1941 22.2668 16.0886 22.0013 16.0886C21.7357 16.0886 21.481 16.1941 21.2933 16.3818L17.0013 20.6758V3.08984C17.0013 2.82463 16.8959 2.57027 16.7084 2.38274C16.5208 2.1952 16.2665 2.08984 16.0013 2.08984C15.736 2.08984 15.4817 2.1952 15.2942 2.38274C15.1066 2.57027 15.0013 2.82463 15.0013 3.08984V20.6758L10.7093 16.3818C10.5215 16.1941 10.2668 16.0886 10.0013 16.0886C9.73571 16.0886 9.48104 16.1941 9.29326 16.3818C9.10549 16.5696 9 16.8243 9 17.0898C9 17.3554 9.10549 17.6101 9.29326 17.7978L15.2933 23.7978Z' fill='black'/%3E%3C/svg%3E"); }
      @media (max-width: 1200px) {
        .service-main__download-link:before {
          width: 20px;
          height: 20px;
          margin-right: 10px;
          margin-left: 10px; } }
    .service-main__download-link--with-doc-icon {
      margin-bottom: 30px; }
      @media (max-width: 1200px) {
        .service-main__download-link--with-doc-icon {
          margin-bottom: 10px; } }
      .service-main__download-link--with-doc-icon::after {
        content: '';
        order: -1;
        flex-shrink: 0;
        display: block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.6578 3.32812L46.3516 12.3906V46.8531H13.875V46.9656H46.4625V12.5047L37.6578 3.32812Z' fill='%23909090'/%3E%3Cpath d='M37.5477 3.21484H13.7617V46.8523H46.3492V12.3914L37.5461 3.21484' fill='%23F4F4F4'/%3E%3Cpath d='M13.5234 5.55859H3.53906V16.2258H34.9453V5.55859H13.5234Z' fill='%237A7B7C'/%3E%3Cpath d='M35.1125 16.0441H3.74219V5.36914H35.1125V16.0441Z' fill='%23DD2025'/%3E%3Cpath d='M14.1438 7.17405H12.1016V14.674H13.7078V12.1444L14.0625 12.1647C14.4071 12.1587 14.7485 12.097 15.0734 11.9819C15.3583 11.8839 15.6203 11.7292 15.8438 11.5272C16.0711 11.3347 16.2503 11.0918 16.3672 10.8178C16.5239 10.3623 16.5799 9.87827 16.5312 9.39905C16.5215 9.05672 16.4615 8.71768 16.3531 8.3928C16.2545 8.15828 16.1081 7.94686 15.9233 7.77201C15.7385 7.59715 15.5193 7.46269 15.2797 7.37717C15.0725 7.30217 14.8585 7.24774 14.6406 7.21467C14.4757 7.18922 14.3091 7.17565 14.1422 7.17405H14.1438ZM13.8469 10.7584H13.7078V8.44592H14.0094C14.1425 8.43633 14.276 8.45676 14.4002 8.50571C14.5243 8.55466 14.6358 8.63088 14.7266 8.72874C14.9146 8.98032 15.015 9.28655 15.0125 9.60061C15.0125 9.98499 15.0125 10.3334 14.6656 10.5787C14.4157 10.7162 14.1313 10.7781 13.8469 10.7569V10.7584ZM19.5828 7.15374C19.4094 7.15374 19.2406 7.16624 19.1219 7.17092L18.75 7.1803H17.5313V14.6803H18.9656C19.5138 14.6953 20.0596 14.6024 20.5719 14.4069C20.9842 14.2433 21.3494 13.9796 21.6344 13.6397C21.9115 13.2966 22.1104 12.8972 22.2172 12.4694C22.3399 11.9848 22.3998 11.4864 22.3953 10.9865C22.4256 10.3962 22.3799 9.80434 22.2594 9.22561C22.145 8.79962 21.9307 8.40701 21.6344 8.0803C21.4019 7.81649 21.1172 7.60369 20.7984 7.4553C20.5247 7.32861 20.2367 7.23523 19.9406 7.17717C19.8229 7.15773 19.7037 7.14884 19.5844 7.15061L19.5828 7.15374ZM19.3 13.3022H19.1438V8.51467H19.1641C19.4862 8.47761 19.8121 8.53573 20.1016 8.68186C20.3135 8.85112 20.4863 9.06436 20.6078 9.30686C20.739 9.56207 20.8146 9.84218 20.8297 10.1287C20.8438 10.4725 20.8297 10.7537 20.8297 10.9865C20.8361 11.2547 20.8188 11.523 20.7781 11.7881C20.73 12.0603 20.6409 12.3237 20.5141 12.5694C20.3705 12.7977 20.1764 12.9902 19.9469 13.1319C19.7541 13.2565 19.5258 13.3147 19.2969 13.2975L19.3 13.3022ZM27.2344 7.1803H23.4375V14.6803H25.0437V11.7053H27.075V10.3115H25.0437V8.57405H27.2312V7.1803' fill='%23464648'/%3E%3Cpath d='M34.0321 31.7384C34.0321 31.7384 39.0133 30.8353 39.0133 32.5369C39.0133 34.2385 35.9274 33.5463 34.0321 31.7384ZM30.3493 31.8681C29.5579 32.043 28.7866 32.2991 28.0477 32.6322L28.6727 31.2259C29.2977 29.8197 29.9461 27.9025 29.9461 27.9025C30.6919 29.1577 31.5597 30.3363 32.5368 31.4213C31.7999 31.5311 31.0697 31.6814 30.3493 31.8713V31.8681ZM28.3774 21.7119C28.3774 20.2291 28.8571 19.8244 29.2305 19.8244C29.604 19.8244 30.0243 20.0041 30.0383 21.2916C29.9167 22.5862 29.6456 23.8624 29.2305 25.0947C28.662 24.0601 28.3677 22.8971 28.3758 21.7166L28.3774 21.7119ZM21.1133 38.1431C19.5852 37.2291 24.318 34.415 25.1758 34.3244C25.1712 34.3259 22.7133 39.0994 21.1133 38.1431ZM40.468 32.7385C40.4524 32.5822 40.3118 30.8525 37.2337 30.926C35.9506 30.9053 34.6682 30.9957 33.4008 31.1963C32.1731 29.9594 31.1159 28.5643 30.2571 27.0478C30.7981 25.4844 31.1256 23.8551 31.2305 22.2041C31.1852 20.3291 30.7368 19.2541 29.2993 19.2697C27.8618 19.2853 27.6524 20.5431 27.8415 22.415C28.0267 23.6729 28.376 24.9011 28.8805 26.0681C28.8805 26.0681 28.2165 28.1353 27.3383 30.1916C26.4602 32.2478 25.8602 33.3259 25.8602 33.3259C24.3332 33.823 22.8957 34.5616 21.6024 35.5134C20.3149 36.7119 19.7915 37.6322 20.4696 38.5525C21.054 39.3463 23.0993 39.5259 24.9274 37.1306C25.8987 35.8935 26.7861 34.5926 27.5836 33.2369C27.5836 33.2369 30.3712 32.4728 31.2383 32.2634C32.1055 32.0541 33.154 31.8884 33.154 31.8884C33.154 31.8884 35.6993 34.4494 38.154 34.3588C40.6087 34.2681 40.4899 32.8916 40.4743 32.7416' fill='%23DD2025'/%3E%3Cpath d='M37.4297 3.33594V12.5125H46.2312L37.4297 3.33594Z' fill='%23909090'/%3E%3Cpath d='M37.5469 3.21484V12.3914H46.3484L37.5469 3.21484Z' fill='%23F4F4F4'/%3E%3Cpath d='M14.0227 7.05296H11.9805V14.553H13.593V12.0248L13.9492 12.0451C14.2939 12.0392 14.6353 11.9775 14.9602 11.8623C15.245 11.7643 15.507 11.6096 15.7305 11.4076C15.9561 11.2147 16.1337 10.9718 16.2492 10.6983C16.4059 10.2428 16.4619 9.75874 16.4133 9.27952C16.4035 8.93719 16.3435 8.59815 16.2352 8.27327C16.1365 8.03875 15.9901 7.82733 15.8053 7.65248C15.6205 7.47762 15.4013 7.34316 15.1617 7.25764C14.9536 7.18191 14.7385 7.12696 14.5195 7.09358C14.3546 7.06813 14.188 7.05455 14.0211 7.05296H14.0227ZM13.7258 10.6373H13.5867V8.32483H13.8898C14.0229 8.31523 14.1565 8.33566 14.2806 8.38462C14.4048 8.43357 14.5163 8.50979 14.607 8.60764C14.795 8.85923 14.8955 9.16546 14.893 9.47952C14.893 9.86389 14.893 10.2123 14.5461 10.4576C14.2962 10.5951 14.0118 10.657 13.7273 10.6358L13.7258 10.6373ZM19.4617 7.03264C19.2883 7.03264 19.1195 7.04514 19.0008 7.04983L18.6336 7.05921H17.4148V14.5592H18.8492C19.3974 14.5742 19.9432 14.4813 20.4555 14.2858C20.8678 14.1222 21.233 13.8585 21.518 13.5186C21.7951 13.1755 21.994 12.7761 22.1008 12.3483C22.2235 11.8637 22.2834 11.3653 22.2789 10.8655C22.3092 10.2751 22.2635 9.68325 22.143 9.10452C22.0286 8.67852 21.8143 8.28591 21.518 7.95921C21.2855 7.6954 21.0008 7.4826 20.682 7.33421C20.4083 7.20751 20.1203 7.11414 19.8242 7.05608C19.7065 7.03663 19.5873 7.02774 19.468 7.02952L19.4617 7.03264ZM19.1836 13.1811H19.0273V8.39358H19.0477C19.3698 8.35652 19.6957 8.41464 19.9852 8.56077C20.1971 8.73003 20.3699 8.94327 20.4914 9.18577C20.6226 9.44098 20.6982 9.72109 20.7133 10.0076C20.7273 10.3514 20.7133 10.6326 20.7133 10.8655C20.7196 11.1336 20.7024 11.4019 20.6617 11.667C20.6136 11.9393 20.5245 12.2026 20.3977 12.4483C20.254 12.6766 20.06 12.8691 19.8305 13.0108C19.6377 13.1355 19.4094 13.1936 19.1805 13.1764L19.1836 13.1811ZM27.1133 7.05921H23.3164V14.5592H24.9227V11.5842H26.9539V10.1905H24.9227V8.45296H27.1102V7.05921' fill='white'/%3E%3C/svg%3E%0A"); }
        @media (max-width: 1200px) {
          .service-main__download-link--with-doc-icon::after {
            width: 25px;
            height: 25px; } }
  .service-main__dd {
    margin-left: 5px;
    color: var(--color-text); }
  .service-main__staff-wrapper {
    display: flex;
    margin-bottom: 15px; }
  .service-main__staff-img {
    width: 70px;
    height: 70px;
    margin-right: 15px;
    border-radius: var(--radius-round); }
    @media (max-width: 1200px) {
      .service-main__staff-img {
        width: 50px;
        height: 50px;
        margin-right: 10px; } }
  .service-main__staff-description {
    display: flex; }
  .service-main__staff-text {
    margin-right: 3px;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .service-main__staff-text {
        font-size: 16px; } }
  .service-main__accent-text {
    color: var(--color-text); }
  .service-main__img {
    margin-bottom: 10px;
    max-width: 662px;
    width: 100%; }
    @media (max-width: 1200px) {
      .service-main__img {
        order: -1; } }
  .service-main__list {
    margin-bottom: 10px; }
    .service-main__list li {
      font-size: 18px;
      font-weight: 400;
      color: var(--color-text); }
      @media (max-width: 1200px) {
        .service-main__list li {
          font-size: 14px; } }
  .service-main__link, .service-main__accent-link, .service-main__doc-link {
    margin: 0 3px;
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-text); }
    @media (max-width: 1200px) {
      .service-main__link, .service-main__accent-link, .service-main__doc-link {
        font-size: 14px; } }
  .service-main__accent-link {
    font-weight: 600; }
  .service-main__doc-link {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-text); }
    .service-main__doc-link::before {
      content: '';
      display: flex;
      margin-right: 10px;
      width: 27px;
      height: 34px;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%230069ff'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%230069ff'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%230069ff'/%3E%3C/svg%3E"); }
  .service-main__video {
    max-width: 560px;
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 360px) {
      .service-main__video {
        height: 157px; } }
  @media (max-width: 760px) {
    .service-main__details-list {
      display: flex;
      flex-direction: column; } }
  .service-main__details-item[class] {
    list-style-type: none;
    margin-left: 0; }
  .service-main__details-link {
    display: flex;
    margin-bottom: 30px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    overflow: hidden; }
    @media (max-width: 760px) {
      .service-main__details-link {
        display: flex;
        flex-direction: column;
        border: none;
        border-radius: 0; } }
  .service-main__details-img-wrapper {
    flex-shrink: 0;
    width: 270px;
    height: 125px;
    border-right: 1px solid var(--color-border); }
    @media (max-width: 760px) {
      .service-main__details-img-wrapper {
        border: none; } }
  .service-main__details-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .service-main__details-title {
    display: flex;
    padding: 20px;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    color: var(--color-text); }
    @media (max-width: 760px) {
      .service-main__details-title {
        align-items: flex-start;
        margin-top: 15px;
        padding: 0;
        font-size: 16px; } }

*::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: var(--color-surface); }

*::-webkit-scrollbar-thumb {
  background-color: var(--color-border-strong);
  border-radius: var(--radius-xs);
  width: 0;
  height: 0; }

*::-moz-scrollbar {
  width: 0;
  height: 0;
  background-color: var(--color-surface); }

*::-moz-scrollbar-thumb {
  background-color: var(--color-border-strong);
  border-radius: var(--radius-xs);
  width: 0;
  height: 0; }

*, *::before, *::after {
  box-sizing: border-box; }

body {
  position: relative;
  font-family: var(--font-base);
  font-weight: var(--fw-medium);
  font-size: var(--fs-md);
  line-height: var(--lh-normal);
  color: var(--color-text);
  background-color: var(--color-surface);
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

.wrap-content {
  position: relative;
  max-width: var(--layout-max);
  left: 50%;
  transform: translateX(-50%);
  padding-left: var(--layout-pad);
  padding-right: var(--layout-pad); }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield; }

button,
a,
label,
dd {
  cursor: pointer; }

h1,
h2,
h3,
h4 {
  font-family: var(--font-base); }

* {
  font-family: var(--font-base); }

input.error,
textarea.error {
  border: 2px solid var(--color-danger);
  color: var(--color-danger); }
  input.error::-moz-placeholder, textarea.error::-moz-placeholder {
    color: var(--color-danger); }
  input.error:-ms-input-placeholder, textarea.error:-ms-input-placeholder {
    color: var(--color-danger); }
  input.error::placeholder,
  textarea.error::placeholder {
    color: var(--color-danger); }

.price-measure {
  display: inline-block;
  font-size: 12px;
}
@media (max-width: 900px) {
  .price-measure {
    display: inline-block;
    font-size: 8px;
  }
}