.col-2 {
    grid-column: 1/3;
  }

  .support_schedule{
    grid-column: 1/3;
    border-bottom: 1px solid #EFEEF1;
    border-top: 1px solid #EFEEF1;
    padding: 12px 0;
  }

  @media ( max-width: 1024px){
    .support_schedule{
      grid-column: 1/2;
      grid-row: 1/3;
    }
  }
  
  .profile {
    width: 100%;
    display: grid;
    grid-template-columns: 314px 1fr;
    gap: 16px;
    margin-top: 32px;
    margin-bottom: 64px;
  }
  
  .profile-nav {
    border-radius: 12px;
    padding: 16px;
    background-color: var(--bg-basic);
    height: fit-content;
    display: flex;
    flex-direction: column;
  }
  
  .profile-nav__info {
    display: flex;
    gap: 12px;
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: solid 1px var(--border-secondary);
  }
  
  .profile-nav__card {
    position: relative;
    width: 84px;
    height: 84px;
    flex-shrink: 0;
  }
  
  .profile-nav__card-list {
    display: none;
    position: absolute;
    top: calc(100% + 15px);
    left: 75%;
    list-style: none;
    margin-bottom: 0;
    border-radius: 8px;
    padding: 12px;
    background-color: var(--bg-basic);
    box-shadow: 0px 0px 8px 0px rgba(90, 89, 102, 0.2);
  }
  
  .profile-nav__card.active .profile-nav__card-list {
    display: block;
  }
  
  .profile-nav__card-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    display: none;
  }
  
  .profile-nav__card-title-svg {
    cursor: pointer;
  }
  
  .profile-nav__card-btn {
    background-color: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    padding: 5px 0;
    gap: 6px;
    cursor: pointer;
  }
  
  .profile-nav__svg {
    position: absolute;
    display: flex;
    width: 28px;
    height: 28px;
    bottom: 0;
    right: 0;
    transform: translate(25%, 25%);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: transparent;
    border-radius: 8px;
    border: 0.5px solid var(--border-basic);
  }
  
  .profile-nav__svg.hidden {
    display: none;
  }
  
  .profile-nav__img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }
  
  .profile-nav__name p {
    font-size: 20px;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
  }
  
  .profile-nav__list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .profile-nav__btn {
    width: 100%;
    background-color: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
    font-size: 20px;
    font-weight: 500;
  }
  
  .profile-nav__btn.active {
    color: var(--text-accent);
  }
  
  .profile-nav__btn svg {
    stroke: var(--icon-basic-1);
  }
  
  .profile-nav__btn.active svg {
    stroke: var(--icon-accent);
  }
  
  @media (max-width: 1024px) {
    .profile {
      grid-template-columns: 1fr;
      margin-top: 8px;
      margin-bottom: 40px;
    }
  
    .profile-nav {
      overflow: hidden;
      background-color: transparent;
      padding: 0;
      border-radius: 0;
    }
  
    .profile-nav__list {
      margin-top: 8px;
      width: 100%;
      order: -1;
      flex-direction: row;
      margin-bottom: 24px;
      overflow: auto;
      padding: 0 20px;
    }
  
    .profile-nav__list::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
    }
  
    .profile-nav__btn {
      white-space: nowrap;
      background-color: var(--bg-basic);
      font-size: 16px;
      height: 46px;
      border-radius: 8px;
      display: flex;
      padding: 0 16px;
      align-items: center;
    }
  
    .profile-nav__info {
      margin-bottom: 0;
      border: none;
      padding: 12px;
      border-radius: 8px;
      background-color: var(--bg-basic);
    }
  
    .profile-nav__btn.active {
      color: var(--text-inverse);
      background-color: var(--bg-brand);
    }
  
    .profile-nav__btn.active svg {
      stroke: var(--icon-inverse);
    }
  }
  
  .profile-form {
    display: grid;
    border-radius: 12px;
    padding: 20px;
    background-color: var(--bg-basic);
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  
  .profile-form__footer {
    display: flex;
    justify-content: end;
    margin-top: 16px;
  }
  
  .profile-form__btn {
    background-color: transparent;
    border-color: transparent;
    color: var(--text-secondary);
    padding: 6px 0;
    cursor: pointer;
  }
  
  .profile-form__list {
    list-style: none;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
  }
  
  .pay-det {
    width: 264px;
    height: 72px;
    border-radius: 8px;
    padding: 12px;
    background-color: var(--bg-basic-1);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .pay-det__cross {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7L7 17M7 7L17 17' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  
  .pay-det__text {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
    align-items: center;
  }
  
  .pay-det__text::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10H21M7 15H7.01M11 15H13M3 8C3 7.20435 3.31607 6.44129 3.87868 5.87868C4.44129 5.31607 5.20435 5 6 5H18C18.7956 5 19.5587 5.31607 20.1213 5.87868C20.6839 6.44129 21 7.20435 21 8V16C21 16.7957 20.6839 17.5587 20.1213 18.1213C19.5587 18.6839 18.7956 19 18 19H6C5.20435 19 4.44129 18.6839 3.87868 18.1213C3.31607 17.5587 3 16.7957 3 16V8Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  
  .pay-det__link {
    text-decoration: none;
    color: var(--text-secondary);
  }
  
  .pay-det__link:hover {
    color: inherit;
  }
  
  .pay-det__link.active {
    color: var(--text-accent);
  }
  
  .profile-form__item .bttn {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  @media (max-width: 1024px) {
    .profile-form {
      grid-template-columns: 1fr;
    }
  
    .col-2 {
      grid-column: 1/2;
    }
  
    .profile-form__list {
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
    }
  
    .pay-det {
      width: 100%;
    }
  
    .profile-form__item .bttn {
      width: 100%;
      justify-content: center;
      padding: 12px 16px;
    }
  }
  
  @media (max-width: 1024px) {
    .profile-nav__card-list {
      position: fixed;
      top: auto;
      left: 0;
      bottom: 0;
      height: 150px;
      /* background-color: red; */
      width: 100%;
      z-index: 20;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      padding: 16px;
    }
  
    .profile-nav__card.active::after {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 10;
    }
  
    .profile-nav__card-item {
      margin-bottom: 8px;
    }
  
    .profile-nav__card-title {
      display: flex;
    }
  }

  .container-warning{
    display: flex;
    gap: 6px;
    align-items: start;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #FF7C2E;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 16px;
  }

  .container-warning-spec{
    position: relative;
  }

  .container-warning_img{
    width: 18px;
    height: 18px;  
    flex-shrink: 0; 
    margin-top: 1px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 6.5H9.00833M1.5 9C1.5 9.98491 1.69399 10.9602 2.0709 11.8701C2.44781 12.7801 3.00026 13.6069 3.6967 14.3033C4.39314 14.9997 5.21993 15.5522 6.12987 15.9291C7.03982 16.306 8.01509 16.5 9 16.5C9.98491 16.5 10.9602 16.306 11.8701 15.9291C12.7801 15.5522 13.6069 14.9997 14.3033 14.3033C14.9997 13.6069 15.5522 12.7801 15.9291 11.8701C16.306 10.9602 16.5 9.98491 16.5 9C16.5 7.01088 15.7098 5.10322 14.3033 3.6967C12.8968 2.29018 10.9891 1.5 9 1.5C7.01088 1.5 5.10322 2.29018 3.6967 3.6967C2.29018 5.10322 1.5 7.01088 1.5 9Z' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8.16666 9H8.99999V12.3333H9.83332' stroke='%23FF5F00' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  }
  .container-warning_img-spec{
    position: absolute;
    top: 12.5%;
    left: 5%;
  }

  .container-warning_text{
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -3%;
    color: #FF5F00;
}
.container-warning_text--bold{
    font-weight: 500;
}
  
  .profile-adss {
    width: 100%;
    border-radius: 12px;
    padding: 20px;
    background-color: var(--bg-basic);
  }
  
  .profile-adss__header {
    display: flex;
    justify-content: space-between;
  }
  
  .adss__bttn {
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 0;
  }
  
  .adss__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  .adss-card {
    display: flex;
    height: 80px;
    justify-content: space-between;
  }
  
  .adss-card__info {
    display: flex;
    gap: 8px;
  }
  
  .adss-card__img {
    width: 120px;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
  }
  
  .adss-card__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .adss-card__status {
    list-style: none;
    display: flex;
    gap: 8px;
  }
  
  .adss-card__status .tag {
      border-color: transparent;
      height: 100%;
  
  }
  
  @media (max-width: 1024px) {
    .adss-card__status .tag__text {
      display: none;
    }
    
    .adss-card__status .adss-card__status-item:first-child .tag__text {
      display: block;
    }
  }
  
  .adss-card__list {
    list-style: none;
    display: flex;
    gap: 16px;
  }
  
  .adss-card__bttn {
    background-color: transparent;
    border: transparent;
    cursor: pointer;
  }
  
  .adss-card__item {
    position: relative;
  }
  
  .adss-card__bttn-hint {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: -40px;
    left: 50%;
    border-radius: 10px;
    gap: 4px;
    padding: 6px;
    transform: translateX(-50%);
    background-color: var(--bg-basic);
    box-shadow: 0px 0px 8px 0px rgba(90, 89, 102, 0.2);
  }
  
  .adss-card__bttn-hint::after {
    content: "";
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--bg-basic);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
  }
  
  @media (min-width: 1024px) {
    .adss-card__item:hover .adss-card__bttn-hint {
      display: block;
    }
  }
  
  @media (max-width: 1024px) {
    .profile-adss {
      width: calc(100vw - 40px);
    }
  
    .adss__list {
      gap: 20px;
    }
  
    .adss-card {
      flex-direction: column;
      height: auto;
    }
  
    .adss-card__info {
    }
  
    .adss-card__img {
      height: 102px;
      width: 148px;
    }
  
    .adss-card__list {
      margin-top: 10px;
      gap: 10px;
    }
  
    .adss-card__item {
      flex-grow: 1;
    }
    .adss-card__bttn {
      width: 100%;
      padding: 12px 16px;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--bg-basic-1);
    }
  
    .adss__bttn {
      position: fixed;
      z-index: 3;
      bottom: 16px;
      left: 20px;
      width: calc(100% - 40px);
      padding: 16px 24px;
      justify-content: center;
    }
  
    .adss__bttn.hidden {
      display: none;
    }
  }
  
  /* create */
  
  .adss-form {
    border-radius: 12px;
    padding: 20px;
    background-color: var(--bg-basic);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  
  .adss-form__bttns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  
  .adss-form__bttns .bttn {
    width: 100%;
  }
  
  .profile-photo {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .profile-photo__list {
    list-style: none;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }
  
  .profile-photo__item {
    position: relative;
    width: 107px;
    height: 107px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--border-basic);
  }
  
  .profile-photo__item--button {
    border: none;
  }
  
  .profile-photo__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
  }
  
  .profile-photo__bttn {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: dashed 1px var(--border-brand);
    background-color: var(--bg-basic-1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .profile-photo__bttn:disabled {
    background-color: #8B8C94;
  }
  
  .profile-photo__item-bttn {
    position: absolute;
    width: 28px;
    height: 28px;
    padding: 6px;
    border-bottom-left-radius: 8px;
    background-color: var(--bg-basic);
    border: transparent;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  @media (max-width: 1024px) {
    .adss-form {
      grid-template-columns: 1fr;
    }
    .adss-form__bttns {
      grid-template-columns: 1fr;
    }
  }

  .label_container{
    position: relative;
  }

.date_input-img{
  position: absolute;
  right: 15px;
  top: 50%;
  width: 15px;
  height: 18px;
  cursor: pointer;
  pointer-events: none;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.3335 1.5V4.83333M4.66683 1.5V4.83333M1.3335 8.16667H14.6668M1.3335 4.83333C1.3335 4.39131 1.50909 3.96738 1.82165 3.65482C2.13421 3.34226 2.55814 3.16667 3.00016 3.16667H13.0002C13.4422 3.16667 13.8661 3.34226 14.1787 3.65482C14.4912 3.96738 14.6668 4.39131 14.6668 4.83333V14.8333C14.6668 15.2754 14.4912 15.6993 14.1787 16.0118C13.8661 16.3244 13.4422 16.5 13.0002 16.5H3.00016C2.55814 16.5 2.13421 16.3244 1.82165 16.0118C1.50909 15.6993 1.3335 15.2754 1.3335 14.8333V4.83333Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.66699 11.5H6.33366V13.1667H4.66699V11.5Z' stroke='%238B8C94' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

  
  .order-card {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    gap: 2px 8px;
  }

  .order-card__img-block{
    position: relative;
    width: 200px;
    height: 134px;
    grid-row: 1 / 4;
    grid-column: 1 / 2;
  }

.offline_trade .prod-card__tag{
    color: #04a7ba;
    background-color: #d8fbfd;
    border: solid 0.5px #04a7ba;
    
}

/* .in_reserve .prod-card__tag{
    color: #3B3B3B;
    background-color: #F2EFEA;
    border: solid 0.5px #3B3B3B;
}


.offline_trade .prod-card__tag .prod-card__tag-icon{
  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%3Cpath d='M8 12.3346L6 11.3346M6 11.3346L2 13.3346V4.66797L6 2.66797M6 11.3346V2.66797M6 2.66797L10 4.66797M10 4.66797L14 2.66797V7.66797M10 4.66797V8.33464M12.6667 12.0013V12.008M14.0807 13.4153C14.3604 13.1356 14.551 12.7793 14.6282 12.3913C14.7054 12.0033 14.6658 11.6011 14.5145 11.2356C14.3631 10.8702 14.1068 10.5578 13.7779 10.338C13.449 10.1182 13.0623 10.0009 12.6667 10.0009C12.2711 10.0009 11.8844 10.1182 11.5555 10.338C11.2266 10.5578 10.9702 10.8702 10.8189 11.2356C10.6675 11.6011 10.6279 12.0033 10.7051 12.3913C10.7824 12.7793 10.9729 13.1356 11.2527 13.4153C11.5313 13.6944 12.0027 14.112 12.6667 14.668C13.3676 14.0746 13.8389 13.6571 14.0807 13.4153Z' stroke='%23049CAE' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.in_reserve .prod-card__tag .prod-card__tag-icon{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9615 8.679C14.1024 7.44188 13.8549 6.19156 13.2534 5.10138C12.6519 4.0112 11.7261 3.13515 10.6044 2.5947C9.48265 2.05424 8.22058 1.87614 6.99311 2.08509C5.76565 2.29405 4.63359 2.87969 3.75388 3.76085C2.87417 4.64201 2.29038 5.77502 2.08345 7.00283C1.87651 8.23064 2.05668 9.49241 2.59898 10.6132C3.14128 11.7341 4.01884 12.6584 5.11001 13.2581C6.20118 13.8579 7.4519 14.1033 8.6888 13.9603' stroke='%233B3B3B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 4.66406V7.9974L9.33333 9.33073M11.3333 11.3307V14.6641M14 11.3307V14.6641' stroke='%233B3B3B' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
} */
  
  .order-card__img {
    grid-column: 1/2;
    grid-row: 1/4;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }
  
  .order-card__block {
    grid-column: 3/4;
    grid-row: 1/4;
    display: flex;
    align-items: center;
  }
  
.order-card__img-block-to-cart{
  max-width: 137px;
  max-height: 92px;
}

  .order-card__title a {
    text-decoration: none;
    color: var(--text-basic);
  }
  
  .order-card__btn {
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  .order-card__info p {
    /* display: flex; */
    gap: 4px;
  }
  
  .order-card .tag {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .order-card .tag__text {
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Скрываем выходящий за границы текст */
    text-overflow: ellipsis; /* Добавляем многоточие */
    width: 100%; /* Фиксированная ширина или 100% */
  }
  
  .btn-copy {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.38281 8.056C6.38281 7.46655 6.61697 6.90125 7.03377 6.48445C7.45057 6.06765 8.01587 5.8335 8.60531 5.8335H15.827C16.1188 5.8335 16.4078 5.89098 16.6775 6.00267C16.9471 6.11437 17.1921 6.27807 17.3985 6.48445C17.6049 6.69083 17.7686 6.93584 17.8803 7.20548C17.992 7.47513 18.0495 7.76413 18.0495 8.056V15.2777C18.0495 15.5695 17.992 15.8585 17.8803 16.1282C17.7686 16.3978 17.6049 16.6428 17.3985 16.8492C17.1921 17.0556 16.9471 17.2193 16.6775 17.331C16.4078 17.4427 16.1188 17.5002 15.827 17.5002H8.60531C8.31345 17.5002 8.02444 17.4427 7.7548 17.331C7.48515 17.2193 7.24015 17.0556 7.03377 16.8492C6.82739 16.6428 6.66368 16.3978 6.55199 16.1282C6.4403 15.8585 6.38281 15.5695 6.38281 15.2777V8.056Z" stroke="%238B8C94" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.89021 13.9475C3.63437 13.8021 3.42158 13.5916 3.27346 13.3374C3.12533 13.0832 3.04716 12.7942 3.04688 12.5V4.16667C3.04688 3.25 3.79687 2.5 4.71354 2.5H13.0469C13.6719 2.5 14.0119 2.82083 14.2969 3.33333" stroke="%238B8C94" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    cursor: pointer;
  }
  
  .order-card__btn span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }

  .order-card__info-date{
    display: none;
  }
  
  @media (max-width: 1024px) {
    .order-card {
      grid-template-columns: 115px 1fr;
      gap: 8px;
    }
  
    .order-card__img-block {
      grid-row: 1/3;
      width: 118px;
      height: 98px;
    }
  
    .order-card .tag {
      width: 100%;
      max-width: max-content;
      grid-column: 2/3;
      grid-row: 2/2;
    }
  
    
  
    .order-card__block {
      grid-row: 5/5;
      grid-column: 1/3;
    }
  
    .order-card__info {
      grid-column: 1/3;
    }

    .order-card__info-date{
        display: flex;
    }
    .order-card__btn {
      width: 100%;
      justify-content: center;
      padding: 10px;
    }
  }
  
  .order-block {
    border-radius: 8px;
    padding: 16px;
    background-color: var(--bg-basic-1);
    margin-bottom: 12px;
  }
  
  .order-block h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  
  .ord-card {
    display: flex;
    gap: 8px;
  }
  
  .ord-card__img {
    width: 68px;
    height: 46px;
    border-radius: 5px;
    object-fit: cover;
  }
  
  .ord-status-list {
    list-style: none;
  }
  
  .ord-status {
    display: flex;
    gap: 8px;
    min-height: 48px;
    margin-bottom: 4px;
  }
  
  .ord-status__marker {
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .ord-status__item {
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z" stroke="%238B8C94" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  
  .ord-status__line {
    display: block;
    width: 2px;
    height: 100%;
    border-radius: 10px;
    background-image: url('data:image/svg+xml,<svg width="2" height="14" viewBox="0 0 2 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_6)"><path d="M1 1L1 21" stroke="%238B8C94" stroke-width="2" stroke-linecap="round" stroke-dasharray="8 8"/></g><defs><clipPath id="clip0_1_6"><rect width="2" height="14" fill="white"/></clipPath></defs></svg>');
  }
  
  .ord-status__data {
    font-size: 12px;
  }
  
  .ord-status__text {
    font-size: 12px;
  }
  
  .ord-status-default .ord-status__title {
    color: var(--text-secondary);
  }
  
  .ord-status-active .ord-status__item {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 21C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21Z" stroke="%23FF5F00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 12C7.5 13.1935 7.97411 14.3381 8.81802 15.182C9.66193 16.0259 10.8065 16.5 12 16.5C13.1935 16.5 14.3381 16.0259 15.182 15.182C16.0259 14.3381 16.5 13.1935 16.5 12C16.5 10.8065 16.0259 9.66193 15.182 8.81802C14.3381 7.97411 13.1935 7.5 12 7.5C10.8065 7.5 9.66193 7.97411 8.81802 8.81802C7.97411 9.66193 7.5 10.8065 7.5 12Z" fill="%23FF5F00" stroke="%23FF5F00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  
  .ord-status-active .ord-status__block {
    color: var(--text-accent);
  }
  
  .ord-status-active .ord-status__title {
    font-weight: 600;
  }
  
  .ord-status-success .ord-status__item {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 12L11 14L15 10" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  
  .ord-status-success .ord-status__line {
    background-image: url('data:image/svg+xml,<svg width="2" height="14" viewBox="0 0 2 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_6)"><path d="M1 0L1 14" stroke="%23121212" stroke-width="2" stroke-linecap="round"/></g><defs><clipPath id="clip0_1_6"><rect width="2" height="14" fill="white"/></clipPath></defs></svg>');
  }
  
  .ord-status-error .ord-status__title {
    font-weight: 600;
    color: var(--text-error);
  }
  
  .ord-status-error .ord-status__block {
    color: var(--text-error);
  }
  
  .ord-status-error .ord-status__item {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 10L14 14M14 10L10 14M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z" stroke="%23FF1111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  
  .order-block .takeord-res__item--bold {
    border-top-color: var(--border-basic);
  }
  
  .order-block ~ .bttn {
    width: 100%;
  }
  
  .order-block--accent {
    background-color: var(--bg-warning);
    color: var(--text-accent);
  }
  
  .ord-status-list .ord-status:last-child .ord-status__line {
    display: none;
  }
  
  .payments {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .payments__btn {
    display: block;
    padding: 16px 12px;
    border-radius: 8px;
    background-color: var(--bg-basic-1);
    width: 100%;
    border-color: transparent;
  }
  
  .payments__btn .pay-det__text {
    margin-bottom: 0;
  }
  
  .payments__btn.active {
    background-color: var(--bg-warning);
    color: var(--text-accent);
  }
  
  .payments__btn.active .pay-det__text::before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10H21M7 15H7.01M11 15H13M3 8C3 7.20435 3.31607 6.44129 3.87868 5.87868C4.44129 5.31607 5.20435 5 6 5H18C18.7956 5 19.5587 5.31607 20.1213 5.87868C20.6839 6.44129 21 7.20435 21 8V16C21 16.7957 20.6839 17.5587 20.1213 18.1213C19.5587 18.6839 18.7956 19 18 19H6C5.20435 19 4.44129 18.6839 3.87868 18.1213C3.31607 17.5587 3 16.7957 3 16V8Z' stroke='%23FF5F00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  
  .payments__link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }