@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}



*,
*::before,
*::after {
box-sizing: border-box;
padding: 0px;
margin: 0px;
border: none; }
html {
scroll-behavior: smooth;
}
body {
padding: 0;
margin: 0;
display: flex;
position: relative;
font-family: 'Roboto'; 
height: 100%;
overscroll-behavior: contain;
}
@media (max-width: 375px) {
  body {
    width: 375px; } }

body.none {
overflow: hidden; }
main {
background-color: #F6F8FA;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: clip;
position: relative; }
main {
  min-height: 100vh;
}
main .content {
  /* min-height: calc(100vh - 160px); */
  height: 100%;}
main .content__reg {
  min-height: calc(100vh - 80px); }
  @media (max-width: 1023px) {
    main .content__reg {
      min-height: calc(100vh - 160px); } }
  @media (max-width: 576px) {
    main .content__reg {
      min-height: calc(100vh - 200px); } }
/* main .content__error {
  min-height: calc(100vh - 192px); }
  @media (max-width: 1023px) {
    main .content__error {
      min-height: calc(100vh - 142px); } }
  @media (max-width: 576px) {
    main .content__error {
      min-height: calc(100vh - 140px); } } */

section {
margin-bottom: 35px; }

@media (max-width: 1023px) {
.content {
  padding-top: 130px; } }

@media (max-width: 576px) {
.content {
  padding-top: 115px; } }

@media (max-width: 1023px) {
.authorization-main .content {
  padding-top: 0; } }

@media (max-width: 1023px) {
.authorization-main .footer {
  background-color: #ffffff;
  padding: 20px 0; } }

@media (max-width: 1023px) {
.authorization-main .footer .footer__block {
  display: flex; } }

@media (max-width: 576px) {
.authorization-main .footer .footer__block .footer__social {
  grid-gap: 8px;
  flex-wrap: wrap;
  justify-content: end; }
  .authorization-main .footer .footer__block .footer__social .social__link {
    padding: 8px 8px; } }

a {
color: inherit; }

a, a:link, a:visited, a:hover {
text-decoration: none;
transition: 0.3s ease; }

svg, path, circle, ellipse, rect {
transition: 0.3s ease; }

aside, nav, footer, header, section, main {
display: block; }

h1, h2, h3, h4, h5, h6, p {
font-size: inherit;
font-weight: inherit; }

img {
width: auto;
height: auto; }

address {
font-style: normal; }

input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }

textarea {
resize: none;
width: 100%;
outline: none;
border: none; }

input::-ms-clear {
display: none; }

input[type=number] {
-moz-appearance: textfield; }

button, input[type="submit"] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
background: transparent; }

input:focus, input:active,
button:focus, button:active {
outline: none; }

button::-moz-focus-inner {
padding: 0;
border: 0; }

label {
cursor: pointer; }

legend {
display: block; }

button {
transition: 0.3s ease; }
button span {
  display: flex; }

.swiper {
z-index: 0; }

.main__container {
max-width: 100%;
padding: 0 24px; }
@media (max-width: 1440px) {
  .main__container {
    padding: 0 16px; } }
@media (max-width: 576px) {
  .main__container {
    padding: 0 15px; } }

.authorization__container {
max-width: 600px;
padding: 0 24px;
margin: 0 auto; }
@media (max-width: 576px) {
  .authorization__container {
    padding: 0 15px; } }

.popup__container {
width: 400px; }
@media (max-width: 576px) {
  .popup__container {
    width: 320px; } }

.section__block {
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
position: relative; }
.section__block .section__tabs {
  display: flex;
  grid-gap: 24px;
  padding: 32px 24px 15px;
  border-bottom: 1px solid #E6ECF0; }
  @media (max-width: 1023px) {
    .section__block .section__tabs {
      width: inherit;
      overflow-x: scroll;
      overflow-y: hidden;
      scrollbar-width: none; }
      .section__block .section__tabs::-webkit-scrollbar {
        width: 0px;
        height: 0px; }
      .section__block .section__tabs::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0; } }
  @media (max-width: 576px) {
    .section__block .section__tabs {
      padding: 20px 24px 15px; } }
  .section__block .section__tabs .section__tab {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8393AD;
    display: flex;
    white-space: nowrap;
    transition: 0.3s ease; }
    .section__block .section__tabs .section__tab:after {
      transition: 0.3s ease;
      position: absolute;
      content: '';
      bottom: -16px;
      left: -15px;
      height: 1px;
      width: 100%; }
    .section__block .section__tabs .section__tab:hover {
      color: #182C36; }
    @media (max-width: 576px) {
      .section__block .section__tabs .section__tab {
        color: #C5D6DF; } }
  .section__block .section__tabs .section__tab.active {
    color: #182C36;
    position: relative; }
    .section__block .section__tabs .section__tab.active:after {
      bottom: -16px;
      left: 0;
      background-color: #E23D41; }
      @media (max-width: 1023px) {
        .section__block .section__tabs .section__tab.active:after {
          height: 2px; } }
.section__block .section__contents .section__content {
  display: none; }
  .section__block .section__contents .section__content .section__wrapper {
    padding: 24px; }
    @media (max-width: 576px) {
      .section__block .section__contents .section__content .section__wrapper {
        padding: 16px; } }
.section__block .section__contents .section__content.active {
  display: block; }

.filter-table {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: end;
background-color: #F6F8FA;
padding: 16px;
grid-gap: 16px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 1px solid #E6ECF0; }
@media (max-width: 1023px) {
  .filter-table {
    padding: 0;
    border: none; } }
@media (max-width: 576px) {
  .filter-table {
    flex-direction: column;
    align-items: baseline; } }
.filter-table .filter-table__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  grid-gap: 16px; }
  @media (max-width: 1023px) {
    .filter-table .filter-table__wrapper {
      position: absolute;
      display: none; } }
  .filter-table .filter-table__wrapper .filter-table__component {
    display: flex;
    flex-direction: column;
    grid-gap: 4px; }
    .filter-table .filter-table__wrapper .filter-table__component .filter-table__label {
      font-style: normal;
      font-weight: 700;
      font-size: 10px;
      line-height: 16px;
      text-transform: uppercase;
      color: #8393AD; }
    .filter-table .filter-table__wrapper .filter-table__component .filter-table__input {
      width: 176px;
      padding: 15px 10px;
      border-radius: 8px;
      font-weight: 400;
      font-size: 13px;
      line-height: 16px;
      color: #8393AD;
      border: 1px solid #E6ECF0;
      transition: 0.3s ease;
      cursor: pointer; }
      .filter-table .filter-table__wrapper .filter-table__component .filter-table__input::-moz-placeholder {
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        color: #8393AD; }
      .filter-table .filter-table__wrapper .filter-table__component .filter-table__input::placeholder {
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        color: #8393AD; }
    @media (max-width: 1280px) {
      .filter-table .filter-table__wrapper .filter-table__component .filter-table__select {
        width: 145px; } }
    .filter-table .filter-table__wrapper .filter-table__component .active {
      display: flex; }
  .filter-table .filter-table__wrapper .sum-filter {
    position: relative; }
    .filter-table .filter-table__wrapper .sum-filter .filter-table__input {
      width: 144px; }
      @media (max-width: 1280px) {
        .filter-table .filter-table__wrapper .sum-filter .filter-table__input {
          width: 80px; } }
    .filter-table .filter-table__wrapper .sum-filter .sum-icon {
      position: absolute;
      bottom: 13px;
      right: 5px; }
    .filter-table .filter-table__wrapper .sum-filter .logo-rub {
      display: flex; }
    .filter-table .filter-table__wrapper .sum-filter .close-sum {
      display: none; }
  .filter-table .filter-table__wrapper .sum-filter.active .logo-rub {
    display: none; }
  .filter-table .filter-table__wrapper .sum-filter.active .close-sum {
    display: flex; }
.filter-table .filter__button {
  background-color: #182C36;
  color: #ffffff; }
  @media (max-width: 1440px) {
    .filter-table .filter__button {
      position: absolute;
      top: 100px;
      right: 24px; } }
  @media (max-width: 1023px) {
    .filter-table .filter__button {
      top: 160px; } }
  @media (max-width: 576px) {
    .filter-table .filter__button {
      position: static;
      width: 100%; } }
  @media (max-width: 425px) {
    .filter-table .filter__button {
      padding: 12px 16px; } }
@media (max-width: 1023px) {
  .filter-table .act__button {
    top: 226px; } }
@media (max-width: 576px) {
  .filter-table .act__button {
    padding: 12px 12px;
    order: 3; } }
.filter-table .act__button:hover {
  background-color: #3B5765;
  border: 1px solid #3B5765; }
.filter-table .document-search {
  display: none;
  margin-bottom: 16px; }
  @media (max-width: 1023px) {
    .filter-table .document-search {
      display: flex;
      padding: 16px 12px; } }
  @media (max-width: 576px) {
    .filter-table .document-search {
      padding: 12px 12px;
      margin-bottom: 0; } }
  @media (max-width: 428px) {
    .filter-table .document-search {
      padding: 12px 16px; } }

.show-more__block {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-left: 1px solid #E6ECF0;
border-right: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
display: flex;
grid-gap: 8px;
flex-wrap: wrap;
justify-content: space-between;
background-color: #ffffff;
padding: 16px; }
@media (max-width: 576px) {
  .show-more__block {
    flex-direction: column; }
    .show-more__block .light__button {
      width: 100%; } }

.overlay {
background-color: #3B5765;
-webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
opacity: 0.8;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5; }

.overlay--active {
display: block; }

.main__title {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px; 
color: #182C36;
margin-bottom: 16px; }

.main__title .user__name {
  color: #E23D41; }

.section__title {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #182C36;
letter-spacing: 0.01em;
text-transform: uppercase;
margin-bottom: 24px; }
.menu__section .section__title {
margin-top: 16px;
}
.block__title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #182C36;
margin-bottom: 16px; }

.sub-block__title {
padding: 16px;
background-color: #F6F8FA;
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.24px;
text-transform: uppercase;
border-radius: 8px; }

.main-card__title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 22px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #182C36;
margin-bottom: 8px;
-webkit-hyphens: auto;
        hyphens: auto;
transition: 0.3s ease; }
@media (max-width: 1023px) {
  .main-card__title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 4px; } }

.card__title {
display: flex;
justify-content: space-between;
align-items: center;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #182C36; }
@media (max-width: 1023px) {
  .card__title {
    font-size: 10px;
    line-height: 14px; } }

.datalist__title {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #3B5765;
background-color: #F1F4F6;
padding: 8px; }

.card__title {
display: flex;
justify-content: space-between;
align-items: center;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #182C36; }
@media (max-width: 1023px) {
  .card__title {
    font-size: 10px;
    line-height: 14px; } }

.card__subtitle {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8393AD;
transition: 0.3s ease; }

.promotion__title {
margin-bottom: 8px; }

.promotion__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #3B5765; }

.promotion-card__title {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #182C36;
margin-bottom: 16px; }
@media (max-width: 576px) {
  .promotion-card__title {
    font-size: 20px;
    line-height: 24px; } }

.promotion-card__sub-title {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }

.accordion-help__title {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #182C36;
margin-bottom: 8px; }
@media (max-width: 576px) {
  .accordion-help__title {
    font-size: 14px;
    line-height: 20px; } }

.delivery__title {
margin-bottom: 8px;
font-weight: 500; }

.offer__title {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #ffffff;
-webkit-hyphens: auto;
        hyphens: auto; }
@media (max-width: 1023px) {
  .offer__title {
    font-size: 11px;
    line-height: 14px; } }

.modal__title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #182C36; }

.modal-big__title {
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.32px;
text-transform: uppercase;
color: #182C36; }
@media (max-width: 1023px) {
  .modal-big__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px; } }

.notifications__title {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #182C36;
margin-bottom: 8px; }

.black-block__title {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
color: #E6ECF0;
padding: 12px;
background-color: #182C36;
border-radius: 8px; }
@media (max-width: 576px) {
  .black-block__title {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: inherit; } }

.block__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }

.card__value {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #182C36; }
@media (max-width: 1023px) {
  .card__value {
    font-size: 12px;
    line-height: 12px; } }

.component__button {
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-style: normal;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
line-height: 14px;
grid-gap: 8px;
border-radius: 8px; }

.dark__button {
background-color: #E6ECF0;
color: #182C36;
padding: 12px 12px; }
.dark__button:hover {
  background-color: #182C36;
  color: #E6ECF0; }
  .dark__button:hover svg .stroke {
    stroke: #E6ECF0; }
  .dark__button:hover svg .fill {
    fill: #E6ECF0; }

.black__button {
background-color: #3b5765;
color: #ffffff;
width: -moz-max-content;
width: max-content;
padding: 16px; }
.black__button:hover {
  background-color: #182C36;
  color: #ffffff; }
@media (max-width: 576px) {
  .black__button {
    width: 100%; } }

.light__button {
border: 1px solid #E6ECF0;
background-color: #ffffff;
color: #182C36;
padding: 11px 15px;
height: -moz-fit-content;
height: fit-content; }
.light__button:hover {
  border: 1px solid #182C36; }
  .light__button:hover svg .stroke {
    stroke: #E23D41; }
  .light__button:hover svg .fill {
    fill: #E23D41; }

.switch__button {
background-color: #ffffff;
padding: 5px 12px; }
.switch__button:hover {
  background-color: #ffffff; }

.switch__button--active {
background-color: #182C36;
color: #ffffff; }
.switch__button--active:hover {
  background-color: #3B5765; }

.edit {
background-color: #ffffff;
padding: 5px;
position: relative;
transition: 0.3s ease; }

.add-profile__button {
padding: 16px; }
@media (max-width: 1280px) {
  .add-profile__button {
    padding: 13px; } }
@media (max-width: 768px) {
  .add-profile__button {
    width: 100%; } }

.page-navigation__button {
width: 48px;
height: 48px;
background-color: #ffffff;
color: #182C36;
border: 1px solid #F1F4F6;
border-radius: 8px; }
@media (max-width: 576px) {
  .page-navigation__button {
    width: 40px;
    height: 40px; } }

.back__link {
display: flex;
align-items: center;
grid-gap: 8px;
padding: 16px 0 32px;
color: #182C36; }
@media (max-width: 576px) {
.basket__section .main__container .back__link {
  padding: 0 0 32px;
}
}
.show__button {
padding-top: 16px;
display: flex;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }

.quantity-control__wrapper {
display: flex;
align-items: center;
border: 1px solid #C5D6DF;
border-radius: 4px;
background-color: #ffffff;
width: -moz-fit-content;
width: fit-content;
overflow: hidden; }
.quantity-control__wrapper .quantity-control__button {
  display: flex;
  justify-content: center;
  padding: 8px 4px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .quantity-control__wrapper .quantity-control__button {
      padding: 8px; } }
  .quantity-control__wrapper .quantity-control__button:first-child {
    border-right: 1px solid #C5D6DF; }
    .quantity-control__wrapper .quantity-control__button:first-child:hover {
      background-color: #C5D6DF; }
  .quantity-control__wrapper .quantity-control__button:last-child {
    border-left: 1px solid #C5D6DF; }
    .quantity-control__wrapper .quantity-control__button:last-child:hover {
      background-color: #C5D6DF; }

.card-wrapper__control .quantity-control__button {
padding: 6px 4px;
overflow: hidden;
justify-content: center; }
@media (min-width: 769px) {
.catalog__table.same_block tbody .card-wrapper__control .quantity-control__button {
padding: 9px 4px;}
}
@media (max-width: 425px) {
  .card-wrapper__control .quantity-control__button {
    width: 80px; } }

.card-wrapper__control .quantity-control__value {
padding: 6px 17px; }

.catalog__button {
display: flex;
align-items: center;
grid-gap: 8px;
background-color: #E23D41;
color: #ffffff;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: uppercase;
width: 100%;
padding: 8px;
border-radius: 8px; }
.catalog__button:hover {
  background-color: #B32429; }

.offer__button {
background-color: #ffffff;
color: #46B751;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
width: -moz-fit-content;
width: fit-content;
padding: 8px;
border-radius: 4px; }
@media (max-width: 1023px) {
  .offer__button {
    font-size: 9px;
    line-height: 11px; } }

.notifications__button {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
padding: 8px 12px;
border: 1px solid #E6ECF0;
border-radius: 8px; }

.scroll-up {
position: fixed;
display: flex;
padding: 16px;
border-radius: 8px;
background-color: #E23D41;
z-index: 3;
bottom: 130px;
right: 25px;
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }

.scroll-up.active {
visibility: visible;
opacity: 1; }
.scroll-up.active:hover {
  background-color: #B32429; }

.modal__button {
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 8px;
height: 48px;
border: 1px solid #E6ECF0;
border-radius: 8px;
width: 100%;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #8393AD; }

.download-selected {
display: none; }

.download-selected.active {
display: flex; }

.configure__button:hover {
background-color: #3B5765;
color: #ffffff; }
.configure__button:hover svg .stroke {
  stroke: #ffffff; }

.button__width .component__button {
max-width: 184px;
width: 100%;
flex: 1 1 50%;
height: 50px; }

.buttons__control {
display: flex;
justify-content: space-between;
grid-gap: 16px;
margin-top: 22px; }
@media (max-width: 620px) {
  .buttons__control {
    flex-direction: column; }
    .buttons__control .button__width .component__button {
      max-width: 100%; } }
@media (max-width: 425px) {
  .buttons__control {
    flex-direction: column;
    grid-gap: 8px; }
    .buttons__control .button__width .component__button {
      height: 40px;
      padding: 16px;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 114.286% */ } }
.buttons__control .button__width {
  display: flex;
  grid-gap: 16px; }

.apply__button {
display: none; }

.apply__button.active {
display: flex; }

.editing__button.hidden {
display: none; }

.buttons__wrapper {
display: flex;
justify-content: space-between;
position: relative; }
.buttons__wrapper .swiper-buttons {
  display: flex;
  grid-gap: 40px;
  margin-bottom: 24px; }
  .buttons__wrapper .swiper-buttons .swiper-button:hover svg .stroke {
    stroke: red; }
  .buttons__wrapper .swiper-buttons .swiper-button:hover svg .fill {
    fill: red; }
  @media (max-width: 1023px) {
    .buttons__wrapper .swiper-buttons {
      display: none; } }

.card__slider-1 .swiper-slide {
border: 1px solid #E6ECF0;
width: 57.5px;
height: 57px;
border-radius: 11px;
margin-right: 10px;
overflow: hidden; }

.card__slider-1 .swiper-slide-thumb-active {
border: 1px solid #E23D41;
width: 57.5px;
height: 57px;
border-radius: 11px;
margin-right: 10px;
overflow: hidden; }

.offer__slider {
margin-right: -24px; }
.offer__slider .swiper-slide {
  width: 383px; }
  @media (max-width: 1023px) {
    .offer__slider .swiper-slide {
      width: 254px; } }
  .offer__slider .swiper-slide .offer__item {
    height: 192px;
    border-radius: 8px;
    overflow: auto;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer; }
    @media (max-width: 1023px) {
      .offer__slider .swiper-slide .offer__item {
        height: 128px; } }
    .offer__slider .swiper-slide .offer__item .offer__content {
      background-color: #46B751;
      width: 100%; }
      .offer__slider .swiper-slide .offer__item .offer__content .offer__text {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #F6F8FA;
        opacity: 0.8; }
        @media (max-width: 1023px) {
          .offer__slider .swiper-slide .offer__item .offer__content .offer__text {
            display: none; } }
    .offer__slider .swiper-slide .offer__item .down {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 35%; }
  .offer__slider .swiper-slide .content__down {
    align-items: end; }
    .offer__slider .swiper-slide .content__down .offer__content {
      padding: 8px 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 35%; }
  .offer__slider .swiper-slide .content__right {
    justify-content: end; }
    .offer__slider .swiper-slide .content__right .offer__content {
      padding: 8px 16px 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      width: 50%; }

.offer__slider--mobile {
padding-bottom: 20px;
position: sticky;
left: 0; }
.offer__slider--mobile .swiper-slide {
  width: 312px; }

.section__tabs {
display: flex;
grid-gap: 24px;
border-bottom: 1px solid #E6ECF0;
padding: 0px 0px 15px; }
@media (max-width: 1023px) {
  .section__tabs {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none; }
    .section__tabs::-webkit-scrollbar {
      width: 0px;
      height: 0px; }
    .section__tabs::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0; } }
.section__tabs .section__tab {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8393AD;
  display: flex;
  white-space: nowrap; }
  .section__tabs .section__tab:after {
    transition: 0.3s ease;
    position: absolute;
    content: '';
    bottom: -16px;
    left: -15px;
    height: 1px;
    width: 100%; }
  .section__tabs .section__tab:hover {
    color: #182C36; }
  @media (max-width: 576px) {
    .section__tabs .section__tab {
      color: #C5D6DF; } }
.section__tabs .mobile-section__tab {
  display: none; }
  @media (max-width: 1023px) {
    .section__tabs .mobile-section__tab {
      display: flex; } }
.section__tabs .mobile-navigation__tab {
  display: none;
  background-color: #ffffff; }
  @media (max-width: 576px) {
    .section__tabs .mobile-navigation__tab {
      position: absolute;
      top: 20px;
      display: flex;
      z-index: 2; } }
.section__tabs .next__tab {
  right: 0px;
  padding-right: 5px;
  box-shadow: 54px 0px 52px 70px white; }
.section__tabs .prev__tab {
  left: 0px;
  padding-left: 5px;
  box-shadow: -45px 0px 52px 30px white; }
.section__tabs .section__tab.active {
  color: #182C36;
  position: relative;
  left: 0; }
  .section__tabs .section__tab.active:after {
    bottom: -16px;
    left: 0;
    background-color: #E23D41;
    height: 1px; }
    @media (max-width: 1023px) {
      .section__tabs .section__tab.active:after {
        height: 2px; } }

.section__contents .section__content {
display: none; }

.section__contents .section__content.active {
display: block; }

.main__tabs {
display: flex;
grid-gap: 4px;
padding: 4px;
width: -moz-fit-content;
width: fit-content;
background-color: #E6ECF0;
border-radius: 8px; }
.main__tabs .main__tab {
  padding: 12px 15px;
  background-color: #ffffff; }
  .main__tabs .main__tab:hover {
    background-color: #3B5765;
    color: #ffffff; }
.main__tabs .main__tab.active {
  background-color: #182C36;
  color: #ffffff; }
  .main__tabs .main__tab.active:hover {
    background-color: #3B5765;
    color: #ffffff; }

.radio__tabs {
display: flex;
flex-direction: column;
grid-gap: 16px;
width: 100%; }
.radio__tabs .radio__item {
  position: relative;
  padding: 20px;
  background-color: #E6ECF0;
  border-radius: 8px;
  width: 100%; }
  @media (max-width: 576px) {
    .radio__tabs .radio__item {
      padding: 12px; } }
  .radio__tabs .radio__item .radio__label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36;
    display: flex;
    grid-gap: 12px; }
    .radio__tabs .radio__item .radio__label .circle {
      display: flex;
      align-items: center;
      justify-self: center;
      width: 16px;
      height: 16px;
      border-radius: 100%;
      border: 1px solid #182C36;
      padding: 2px; }
      .radio__tabs .radio__item .radio__label .circle .sub-circle {
        display: none;
        border-radius: 100%;
        background-color: #182C36;
        width: 100%;
        height: 100%; }
  .radio__tabs .radio__item .radio__input:checked ~ .radio__label .circle .sub-circle {
    display: block; }
  .radio__tabs .radio__item .radio__input:checked ~ .radio__content {
    padding-top: 20px; }
.radio__tabs .radio__item:has(> .radio__input:checked) {
  background-color: transparent;
  border: 1px solid #E6ECF0; }

.checkbox {
position: relative; }
.checkbox .checkout__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer; }
  .checkbox .checkout__input:checked ~ .checkout__label .box {
    background-color: #182C36; }
.checkbox .checkout__label {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  transition: 0.3s ease;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #182C36; }
  .checkbox .checkout__label .box {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #182C36;
    border-radius: 4px; }
    .checkbox .checkout__label .box::after {
      position: absolute;
      content: '';
      width: 10px;
      left: 35%;
      border-radius: 4px;
      top: 41%;
      transform: rotate(-45deg);
      height: 1.5px;
      background-color: #fff; }
    .checkbox .checkout__label .box::before {
      position: absolute;
      content: '';
      width: 5px;
      left: 23%;
      border-radius: 4px;
      top: 53%;
      transform: rotate(-138deg);
      height: 1.5px;
      background-color: #fff; }
  .checkbox .checkout__label .personal__data {
    border-bottom: 1px dashed #182C36; }

.switch {
position: relative;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.switch .switch__input {
  position: absolute;
  opacity: 0;
  width: 40px;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer; }
  .switch .switch__input:checked ~ .switch__label .box {
    background-color: #182C36; }
    .switch .switch__input:checked ~ .switch__label .box:before {
      left: 45%; }
.switch .switch__label {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  transition: 0.3s ease; }
  .switch .switch__label .box {
    width: 40px;
    height: 24px;
    border-radius: 16px;
    background-color: #C5D6DF;
    position: relative; }
    .switch .switch__label .box:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #ffffff;
      border-radius: 100%;
      transform: translateY(-50%);
      top: 50%;
      left: 5%;
      transition: 0.3s ease; }

.promotion__card {
display: flex;
flex-direction: column;
position: relative; }
.promotion__card:hover {
  scale: 1.025; }
  .promotion__card:hover .promotion__time {
    scale: 1.5; }
.promotion__card .promotion__time {
  position: absolute;
  padding: 0 4px;
  top: -8px;
  left: 8px;
  z-index: 1;
  font-style: normal;
  font-weight: 500;
  font-size: 8px;
  line-height: 16px;
  color: #ffffff;
  background-color: #E23D41;
  border-radius: 4px;
  transition: 0.3s ease; }
.promotion__card .promotion__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 12px;
  border-radius: 8px; }

.download__file {
display: flex;
align-items: center;
justify-content: space-between; }
.download__file .download__wrapper {
  display: flex;
  grid-gap: 12px; }

.appeal__file {
display: flex;
align-items: center;
grid-gap: 12px;
padding: 12px;
border-radius: 8px;
background-color: #ffffff; }
.appeal__file .file__wrapper {
  grid-gap: 4px; }
  .appeal__file .file__wrapper .file__name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36; }
  .appeal__file .file__wrapper .file__value {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8393AD; }

.clues {
display: flex;
grid-gap: 8px; }
.clues .clue {
  width: -moz-fit-content;
  width: fit-content;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #3B5765;
  background-color: #E6ECF0;
  padding: 0 4px;
  border-radius: 4px; }

.clue-star {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765;
display: flex;
align-items: center;
grid-gap: 4px; }

.breadcrumbs__list {
margin-bottom: 12px; }
@media (max-width: 1023px) {
  .breadcrumbs__list {
    margin-top: 16px; } }
.breadcrumbs__list .breadcrumb__link {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  display: inline-block; }
  /* .breadcrumbs__list .breadcrumb__link:before {
    position: absolute;
    top: -1px;
    right: -22px; }
  .breadcrumbs__list .breadcrumb__link:not(:last-child) {
    color: #3B5765;
    margin-right: 24px; }
    .breadcrumbs__list .breadcrumb__link:before {
      content: url("../img/svg/arrow-active-breadcrumb.svg");
    }
    .breadcrumbs__list .breadcrumb__link:last-of-type:before {
      content: none;
    } */
  /* .breadcrumbs__list .breadcrumb__link:nth-last-child(n+3)::before {
    content: url("../img/svg/arrow-active-breadcrumb.svg"); }
  .breadcrumbs__list .breadcrumb__link:nth-last-child(2)::before {
    content: url("../img/svg/arrow-hidden-breadcrumb.svg"); } */
  /* .breadcrumbs__list .breadcrumb__link:last-child {
    color: #8393AD;
    cursor: not-allowed; } */
    .breadcrumb__item .breadcrumb__link:before {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 0;
      right: -28px; }
      .breadcrumb__item .breadcrumb__link:before {
        content: url("../img/svg/arrow-active-breadcrumb.svg");
      }
      .breadcrumb__item:not(.have_sub) .breadcrumb__link:before {
        right: -16px;
      }
      .breadcrumb__item:last-of-type .breadcrumb__link:before {
        content: none;
      }
    .breadcrumb__item:not(:last-child) {
      color: #3B5765;
      margin-right: 16px;
      padding-right: 0;
      flex-shrink: 0;
    } 
    .breadcrumb__item:last-child .breadcrumb__link {
      color: #8393AD;
      cursor: not-allowed; }
      .breadcrumbs__list {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 5px;
      }
      .breadcrumb__item:hover .breadcrumb__link {
        color: #E23D41 !important;
      }
.breadcrumb__item {
position: relative;
cursor: pointer;
}
.breadcrumb__item::after {
content: "";
  position: absolute;
  border: 4px solid transparent;
  border-top: 4px solid #3B5765;
  top: 9px;
  right: 0;
  z-index: 25;
  transition: 0.3s ease;
}
.breadcrumb__item.have_sub:hover::after {
transform: rotate(180deg);
top: 5px;
border-top-color: #E23D41;
}
.breadcrumb__item:last-child::after {
display: none;
}
.breadcrumb__item:hover .breadcrumb__sublist {
opacity: 1;
visibility: visible;
}
.breadcrumb__sublist {
position: absolute;
width: max-content;
padding: 2px;
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
border-radius: 4px;
box-shadow: 0px 8px 16px 0px rgba(230, 236, 240, 1);
background-color: #FFF;
z-index: 50;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
left: -8px;
top: 25px;
}
.breadcrumb__sublink {
display: block;
width: 100%;
padding: 4px 8px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #3B5765;
border-radius: 4px;
transition: 0.3s ease;
}
.breadcrumb__sublink:hover {
color: #E23D41;
}
@media (max-width: 768px) {
.breadcrumb__item::after {
  display: none;
}
.breadcrumb__item:not(:last-child){
  padding-right: 0;
}
.breadcrumb__sublist {
  display: none;
}
.breadcrumb__item .breadcrumb__link:before {
  right: -16px;
}
}
.page-navigation {
display: flex;
grid-gap: 8px; }
@media (max-width: 425px) {
  .page-navigation {
    justify-content: space-between;
    width: 100%; } }
.page-navigation .active-page {
  background-color: #3B5765;
  color: #ffffff; }
.page-navigation .arrow-page:hover {
  background-color: #3B5765; }
  .page-navigation .arrow-page:hover svg path {
    stroke: #ffffff; }
.page-navigation .hide-page:hover {
  border: 1px solid #182C36; }
.page-navigation .unavailable-page {
  background-color: transparent; }

.accordion__input {
position: absolute;
opacity: 0;
width: 100%;
top: 0;
left: 0;
height: 40px;
cursor: pointer;
z-index: 2; }
.accordion__input:checked ~ .accordion__content {
  max-height: 100vh;
  overflow: visible;
  opacity: 1; }
.accordion__input:checked ~ .accordion__label .arrow {
  transform: rotate(180deg);
  z-index: 1; }

.accordion__content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: 0.3s ease; }

.arrow__button {
transform: rotate(0deg); }

.arrow__button.active {
transform: rotate(180deg); }

.main__form {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main__form .block__title {
  margin-bottom: 0; }

.form__wrapper {
display: flex;
grid-gap: 4px;
flex-direction: column;
max-width: 672px;
width: 100%;
height: 56px;
border-radius: 8px;
background-color: #ffffff;
padding: 10px;
position: relative;
border: 1px solid #E6ECF0; }
@media (max-width: 1023px) {
  .form__wrapper {
    max-width: 100%; } }
.region__block .region__form .form__wrapper:last-of-type {
  width: 96px;}
  @media (max-width: 576px) {
    .region__block .region__form .form__wrapper:last-of-type {
      width: 100%; }}
.disable {
background-color: #F6F8FA;
border: none; }
.disable .form__label:after {
  display: none; }
.disable .form__input {
  cursor: not-allowed; }
  .disable .form__input::-moz-placeholder {
    color: #8393AD; }
  .disable .form__input::placeholder {
    color: #8393AD; }
  .disable .form__input:disabled {
    color: #8393AD; }

.error {
border: 1px solid #E23D41;
position: relative; }
.error:after {
  position: absolute;
  content: url("../../img/svg/error.svg");
  right: 8px;
  bottom: 4px; }

.success {
border: 1px solid #46B751; }
.success:after {
  position: absolute;
  content: url("../../img/svg/success.svg");
  right: 8px;
  bottom: 4px; }

.password__wrapper.error {
border: 1px solid #E23D41; }
.password__wrapper.error:after {
  display: none; }

.password__wrapper.success {
border: 1px solid #46B751; }
.password__wrapper.success:after {
  display: none; }

.repeat-password {
display: none; }

.repeat-password.show {
display: flex; }

.form__label {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD;
position: relative;
width: -moz-fit-content;
width: fit-content; }
.form__label:after {
  position: absolute;
  top: -2px;
  left: 103%;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #E23D41; }

.form__input {
background-color: inherit;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
width: inherit; }
.form__input::-moz-placeholder {
  color: #182C36; }
.form__input::placeholder {
  color: #182C36; }

.form__textarea {
height: 80px;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36; }

.upload__file {
position: relative;
width: -moz-fit-content;
width: fit-content;
cursor: pointer; }
.upload__file .upload__input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
.upload__file .upload__label {
  display: flex;
  grid-gap: 8px;
  padding: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #182C36;
  width: -moz-fit-content;
  width: fit-content; }

.upload__field {
display: flex;
flex-direction: column;
grid-gap: 4px;
align-items: center;
justify-content: center;
background-color: #F6F8FA;
height: 120px;
padding: 24px;
border-radius: 8px;
text-align: center; }
.upload__field .upload__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #182C36; }
  .upload__field .upload__text span {
    position: relative;
    text-decoration: underline;
    cursor: pointer; }
    .upload__field .upload__text span input {
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      left: 0; }
.upload__field .upload__clue {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #8393AD; }

.upload__field-hover {
transition: 0.3s ease;
cursor: pointer; }
.upload__field-hover:hover {
  background-color: #3B5765; }
  .upload__field-hover:hover .upload__text {
    color: #F6F6F6; }
  .upload__field-hover:hover .upload__clue {
    color: #F6F6F6; }

.download__field {
background-color: #F6F8FA;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-radius: 8px; }
@media (max-width: 576px) {
  .download__field {
    flex-direction: column;
    grid-gap: 16px; } }
.download__field .download__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #182C36; }
@media (max-width: 576px) {
  .download__field .component__button {
    width: 100%; } }

.textarea__wrapper {
display: flex;
flex-direction: column;
grid-gap: 4px;
background-color: #ffffff;
border-radius: 8px;
padding: 10px;
border: 1px solid #E6ECF0;
height: 200px; }

.textarea {
font-size: 13px;
line-height: 20px;
color: #182C36; }
.textarea::-moz-placeholder {
  color: #8393AD; }
.textarea::placeholder {
  color: #8393AD; }

.show__password {
position: absolute;
right: 10px;
bottom: 10px; }
.show__password .icon__show {
  display: flex; }
.show__password .icon__hide {
  display: none; }

.show__password.show .icon__show {
display: none; }

.show__password.show .icon__hide {
display: flex; }

.phone__form.hide {
display: none; }

.dial-in__form {
position: relative;
display: none; }
.dial-in__form .dial-in__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #182C36;
  margin-bottom: 8px; }
.dial-in__form .dial-in__number {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 140% */
  letter-spacing: 0.2px;
  color: #E23D41; }
.dial-in__form .fieldset .dial-in__label {
  position: absolute;
  visibility: hidden;
  opacity: 0; }
.dial-in__form .fieldset .dial-in__wrapper {
  margin: 24px 0;
  padding: 4px;
  background-color: #E6ECF0;
  border-radius: 8px; }
  .dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper {
    border: 1px solid #C5D6DF;
    border-radius: 8px;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    background-color: #ffffff; }
    .dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input {
      width: 20px;
      height: 30px;
      font-size: 24px;
      text-indent: 10%;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 32px;
      /* 133.333% */
      letter-spacing: 0.24px; }
      .dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input::-moz-placeholder {
        color: #182C36; }
      .dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input::placeholder {
        color: #182C36; }
.dial-in__form .fieldset .buttons__wrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 16px; }
.dial-in__form .fieldset .component__button {
  padding: 16px;
  width: 100%; }

.dial-in__form.active {
display: flex;
flex-direction: column; }

.modal {
position: fixed;
right: -150%;
max-width: 360px;
width: 100%;
z-index: 6;
border-left: 1px solid #E6ECF0; }
@media (max-width: 576px) {
  .modal {
    max-width: 100%; } }

.modal-center {
position: fixed;
max-width: 768px;
width: 100%;
top: 15%;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
z-index: 5; }
@media (max-width: 1023px) {
  .modal-center {
    max-width: 375px; } }

.modal-center.active {
top: 5%; }

.modal-right {
position: fixed;
right: -150%;
max-width: 720px;
width: 100%;
z-index: 6;
border-left: 1px solid #E6ECF0;
transition: 0.3s ease all; }

.modal-right.active {
right: 0; }

.modal-top {
position: fixed;
top: -150%;
width: calc(100% - 450px);
z-index: 5;
border-right: 1px solid #E6ECF0; }
@media (max-width: 1280px) {
  .modal-top {
    width: calc(100% - 280px); } }
@media (max-width: 1023px) {
  .modal-top {
    width: 100%; } }

.modal-bottom {
position: fixed;
top: 15%;
max-width: 100%;
width: 100%;
height: calc(100vh - 100px);
z-index: 5;
border-right: 1px solid #E6ECF0; }
@media (max-width: 576px) {
  .modal-bottom {
    max-width: 100%; } }

.modal-bottom.active {
top: 0; }
.header.scroll {
top:0;
}
.modal__header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-bottom: 1px solid #E6ECF0;
padding: 18px; }
@media (max-width: 576px) {
  .modal__header {
    padding: 16px; } }
.modal__header .notifications__text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #182C36;
  margin-bottom: 12px; }

.modal-big__header {
border-bottom: none;
padding: 24px; }
@media (max-width: 1023px) {
  .modal-big__header {
    border-bottom: 1px solid #E6ECF0;
    padding: 18px; } }
@media (max-width: 576px) {
  .modal-big__header {
    padding: 16px; } }

.modal__body {
background-color: #F6F6F6;
height: 100vh;
padding: 24px 16px; }
.modal__body .modal__block {
  display: flex;
  flex-direction: column;
  grid-gap: 4px; }
  .modal__body .modal__block .name__block {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8393AD; }
.modal__body .modal__body-content {
  display: flex;
  flex-direction: column;
  grid-gap: 16px; }

.modal-big__body {
background-color: #ffffff;
overflow-y: auto;
height: calc(100vh - 80px);
padding: 0px 24px 24px 24px;
scrollbar-width: none; }
.modal-big__body::-webkit-scrollbar {
  width: 0px;
  height: 0px; }
.modal-big__body::-webkit-scrollbar-track-piece {
  background-color: transparent;
  -webkit-border-radius: 0; }
@media (max-width: 1023px) {
  .modal-big__body {
    padding: 24px 16px; } }

.modal__body-bottom {
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: inherit;
background-color: #ffffff;
grid-gap: 24px;
overflow-y: auto; }
.modal__body-bottom .buttons__wrapper {
  grid-gap: 16px; }
  .modal__body-bottom .buttons__wrapper .component__button {
    width: 100%; }

.modal__body-center {
background-color: #ffffff;
padding: 24px; }

.modal__close {
display: flex;
padding: 12px;
border-radius: 8px; }
.modal__close svg {
  transition: 0.3s ease; }
  .modal__close svg .stroke {
    stroke: #182C36; }
.modal__close:hover {
  background-color: #182C36; }
  .modal__close:hover svg .stroke {
    stroke: #ffffff; }

.modal-big__close {
background-color: #ffffff;
border-radius: 8px;
position: absolute;
left: -90px; }
@media (max-width: 1023px) {
  .modal-big__close {
    position: static;
    left: 0; } }
.modal-big__close:hover {
  background-color: #182C36; }

.table {
display: table;
text-align: left;
width: 100%;
border-right: 1px solid #E6ECF0;
border-left: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: visible; }
@media (max-width: 1023px) {
  .table {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden; } }
@media (max-width: 576px) {
  .table {
    margin-top: 16px; } }
.table thead {
  background-color: #F1F4F6;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 10px;
  line-height: 12px;
  color: #3B5765;
  text-transform: uppercase; }
  .table thead tr th {
    font-weight: 400;
    padding: 8px; }
    @media (max-width: 768px) {
      .table thead tr th {
        padding: 14px 8px; } }
    .table thead tr th:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
  @media (max-width: 1023px) {
    .table thead {
      display: none; } }
  .table thead th {
    white-space: nowrap; }
    .table thead th .wrapper {
      display: flex;
      grid-gap: 4px;
      align-items: center; }
.table tbody {
  text-align: left;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff; }
  .table tbody tr td {
    padding: 8px;
    border-top: 1px solid #E6ECF0; }
    .table tbody tr td:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
      @media (max-width: 768px) {
        .table tbody tr td:not(:last-child) {
          border-right: none; } }
    @media (max-width: 425px) {
      .table tbody tr td {
        padding: 10px; } }
  .table tbody tr:hover {
    background-color: #F6F8FA; }
  @media (max-width: 576px) {
    .table tbody tr {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .table tbody tr td {
        border: none; }
        .table tbody tr td:nth-child(3) {
          order: 4;
          width: 100%; }}
  @media (max-width: 425px) {
    .table tbody tr td:nth-child(3) {
      width: auto; } }
  .table tbody .show {
    display: table-row; }
    @media (max-width: 768px) {
      .table tbody .show {
        display: flex; }
        .table tbody tr:hover {
          background-color: inherit;
        }  }
  .table tbody .hide {
    display: none; }
  .table tbody tr {
    cursor: pointer; }
    @media (max-width: 1023px) {
      .table tbody tr:not(:last-child) {
        border-bottom: 1px solid #E6ECF0; } }
.table td .td-mobile-thead {
  display: none; }
  @media (max-width: 1023px) {
    .table td .td-mobile-thead {
      background-color: #F1F4F6;
      font-style: normal;
      font-weight: 400 !important;
      font-size: 10px;
      line-height: 12px;
      color: #182C36;
      text-transform: uppercase;
      display: flex;
      color: #8393AD;
      background-color: transparent;
      margin-bottom: 5px; }
      .table td .td-mobile-thead tr th {
        font-weight: 400;
        padding: 8px; } }
  @media (max-width: 1023px) and (max-width: 768px) {
    .table td .td-mobile-thead tr th {
      padding: 14px 8px; } }
  @media (max-width: 1023px) {
        .table td .td-mobile-thead tr th:not(:last-child) {
          border-right: 1px solid #E6ECF0; } }
.table td .td__image {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #E6ECF0; }
.table td .td__control {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #182C36;
  display: flex;
  align-items: center;
  grid-gap: 12px;
  white-space: nowrap; }
  @media (max-width: 576px) {
    .table td .td-mobile-thead {
      margin-bottom: 4px;
    }
    .table td:nth-child(1) .td-mobile-thead,
    .table td:nth-child(3) .td-mobile-thead {
      margin-bottom: 0;
    }
  }
  @media (max-width: 425px) {
    .table td .td__control {
      font-size: 12px;
      font-weight: 500; } }
.table td .td__download-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative; }
  .table td .td__download-status .td__value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    @media (max-width: 1023px) {
      .table td .td__download-status .td__value {
        align-items: end; } }
    @media (max-width: 768px) {
      .table td .td__download-status .td__value {
        grid-gap: 5px; } }
    @media (max-width: 425px) {
      .table td .td__download-status .td__value {
        flex-direction: column;
        align-items: baseline;
        padding-top: 20px; }
        .table td .td__download-status .td__value .wrap {
          width: 100%; } }
    .table td .td__download-status .td__value .component__button {
      padding: 8px 27px; }
      @media (max-width: 425px) {
        .table td .td__download-status .td__value .component__button {
          padding: 12px;
          width: 100%;
          margin-top: 12px; } }
    .table td .td__download-status .td__value .process-value {
      padding: 3px 10px;
      display: flex;
      align-items: center;
      grid-gap: 8px; }
  @media (max-width: 1023px) {
    .table td .td__download-status .td-mobile-thead {
      position: absolute;
      top: 0; } }
@media (max-width: 768px) {
  .table td {
    width: -moz-fit-content;
    width: fit-content; } }
.table .td__profile-status {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .table .td__profile-status .td__wrapper {
    display: flex;
    grid-gap: 8px; }
    @media (max-width: 768px) {
      .table .td__profile-status .td__wrapper {
        display: none; } }
.table .td__treatment-status {
  display: flex;
  align-items: center;
  grid-gap: 8px; }
  @media (max-width: 1023px) {
    .table .td__treatment-status {
      align-items: end; } }
  .table .td__treatment-status .icon__statis {
    display: flex; }
.table .price__wrap {
  display: flex;
  grid-gap: 40px; }
.table th .th__wrapper {
  display: flex;
  position: relative; }
  .table th .th__wrapper .component__button {
    position: absolute;
    padding: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 0; }
  @media (max-width: 1023px) {
    .table th .th__wrapper .button__wrapper {
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 70px;
      z-index: 2;
      background-color: #E6ECF0;
      height: 64px; }
      .table th .th__wrapper .button__wrapper .component__button {
        width: 100%;
        margin: 0 12px;
        width: -webkit-fill-available; } }
.table th .th__sort {
  display: flex;
  align-items: center;
  grid-gap: 3px; }

@media (max-width: 768px) {
.basket__table {
  border-top: 1px solid #E6ECF0; } }

@media (max-width: 1023px) {
.basket__table thead {
  display: table-row-group; } }

@media (max-width: 768px) {
.basket__table thead {
  display: none; } }

@media (max-width: 768px) {
.basket__table tbody tr {
  flex-wrap: nowrap;
  position: relative; }
  .basket__table tbody tr:not(:last-child) {
    border-bottom: 1px solid #E6ECF0; } }

@media (max-width: 576px) {
.basket__table tbody tr {
  height: 220px; }}

@media (max-width: 425px) {
.basket__table tbody tr {
  height: 268px; } }

.basket__table tbody tr .table__image {
width: 48px;
height: 48px; }
@media (max-width: 768px) {
  .basket__table tbody tr .table__image {
    width: 112px;
    height: 112px; } }
    @media (max-width: 576px) {
      .basket__table tbody tr .table__image {
        border: 1px solid #F1F4F6;
        border-radius: 8px;
      }
    }

@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control {
  align-items: baseline;
  grid-gap: 24px; } }

@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control {
  position: absolute;
  justify-content: end;
  width: 100%;
  left: -20px;
  bottom: 11px; } }

@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .price {
  position: absolute;
  left: 145px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px; } }

@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .price {
  position: static; } }

@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .price {
  position: absolute;
  bottom: 100px;
  left: 165px; } }

@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .td-rub {
  display: flex;
  flex-direction: column;
  grid-gap: 4px; } }

@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .total {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px; } }
@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .td-rub {
  grid-gap: 0;} }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .total {
  position: absolute;
  flex-direction: row;
  left: 35px;
  align-items: center;
  bottom: -6px; } }

@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .total .td-rub__value {
  position: absolute;
  left: 130px; } }

.basket__table tbody tr .td-wrapper__control .td__control .mobile__name,
.table td .mobile__name {
display: none; }
@media (max-width: 425px) {
  .basket__table tbody tr .td-wrapper__control .td__control .mobile__name {
    display: flex;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8393AD; }}

@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
  position: absolute;
  top: -82px; } }

@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
  top: -82px;
  left: 165px; } }

@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .remove__product {
  position: absolute;
  top: -50px;
  right: 10px; }
  .basket__table tbody tr .td-wrapper__control .td__control .remove__product svg {
    width: 24px;
    height: 24px; } 
    .table td .mobile__name {
      display: block; }}

@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .remove__product {
  top: -135px;
  right: -5px; } }

@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .remove__product {
  top: -15px; } }

@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control {
  display: flex;
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: end; } }

@media (max-width: 768px) {
.basket__table tbody tr td:first-child {
  padding-right: 0; } }
@media (max-width: 576px) {
.basket__table tbody tr td:first-child {
  padding-right: 0; } }

@media (max-width: 768px) {
.basket__table tbody tr td .item__availability {
  position: absolute;
  bottom: 10px;
  left: 145px; } }

@media (max-width: 576px) {
.basket__table tbody tr td .item__availability {
  position: static; } }

@media (max-width: 768px) {
.basket__table tbody tr td .item__name {
  max-width: 90%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; } }

@media (max-width: 576px) {
.basket__table tbody tr td .item__name {
  /* max-width: 80%; */
  -webkit-line-clamp: 3;
   } }

@media (max-width: 425px) {
.basket__table tbody tr td .item__name {
  max-width: 100%; } }

@media (max-width: 576px) {
.basket__table tbody tr td .item__info {
  position: absolute;
  flex-direction: column;
  bottom: 18px;
  left: 20px; } }

@media (max-width: 425px) {
.basket__table tbody tr td .item__info {
  position: static; } }

@media (max-width: 425px) {
.basket__table tbody tr td .item__info .item__availability {
  position: absolute;
  bottom: 120px; } }

@media (max-width: 768px) {
.main-basket__table tbody tr td {
  border-top: none; }
  .main-basket__table tbody tr td .td__value .option-item__description {
    position: relative;
    top: -40px; }
  .main-basket__table tbody tr td .item__availability {
    position: static; }
.main-basket__table tbody tr .td-wrapper__control {
  right: 15px; } }

@media (max-width: 576px) {
.main-basket__table tbody tr td {
  border-top: none; }
  .main-basket__table tbody tr td .td__value .option-item__description {
    top: 0; }
  .main-basket__table tbody tr td .item__info {
    position: static; }
  .main-basket__table tbody tr td .item__availability {
    position: static; }
.main-basket__table tbody tr .td-wrapper__control {
  right: 15px; } }

@media (max-width: 425px) {
.main-basket__table tbody tr td:nth-child(3) {
  width: inherit; }
.main-basket__table tbody tr td .item__info .item__availability {
  position: absolute;
  bottom: 200px;
  left: -2px; }
.main-basket__table tbody tr .td-wrapper__control .td__control .total .mobile__name {
  position: relative;
  left: 15px;
  bottom: -4px; } }

.order-basket__table {
border-radius: 0; }
@media (max-width: 768px) {
  .order-basket__table {
    border-right: none;
    border-left: none;
    border-bottom: none; } }
@media (max-width: 576px) {
  .order-basket__table {
    margin: 0 -16px -24px -16px !important; } }
.order-basket__table thead .last-th {
  display: flex;
  justify-content: space-between; }
  .order-basket__table thead .last-th .last-span {
    position: relative;
    left: -34px; }
@media (max-width: 425px) {
  .order-basket__table tbody {
    height: 220px;
    display: block;
    border-bottom: 1px solid #E6ECF0; }
  .order-basket__table tbody:last-of-type {
    border-bottom: none;
  } }
@media (max-width: 576px) {
  .order-basket__table tbody tr {
    height: 100%; }
    .order-basket__table tbody tr td:nth-child(3) {
      width: -moz-fit-content;
      width: fit-content; } }
@media (max-width: 425px) {
  .order-basket__table tbody tr td:nth-child(3) {
    width: auto; } }
@media (max-width: 768px) {
  .order-basket__table tbody tr .td-wrapper__control {
    position: absolute;
    left: 122px;
    top: 75px;
    width: -moz-fit-content;
    width: fit-content; }
    .order-basket__table tbody tr .td-wrapper__control .td__control {
      position: static; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .price {
      position: static;
      font-size: 12px;
      font-style: normal;
      font-weight: 500; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .total {
      font-size: 12px;
      font-style: normal;
      font-weight: 500; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
      display: flex;
      flex-direction: column;
      grid-gap: 4px;
      font-size: 14px;
      font-style: normal;
      font-weight: 400; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .td-rub {
      grid-gap: 0; } }
@media (max-width: 425px) {
  .order-basket__table tbody tr .td-wrapper__control {
    width: 100%; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
      font-size: 20px;
      font-weight: 500; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .total {
      font-size: 20px;
      font-weight: 500; }
    .order-basket__table tbody tr .td-wrapper__control .td__control .price {
      font-size: 20px;
      font-weight: 500;
      position: relative;
      top: 15px;
      left: 0; } }
@media (max-width: 576px) {
  .order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
    position: static; } 
  }
@media (max-width: 425px) {
  .order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
    position: absolute;
    top: 85px;
    left: -110px; } 
    .order__block .order__content .checkout__item .quantity-control {
      display: flex;
      flex-direction: column;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 12px;}
    .order__block .order__content .checkout__item .total {
      display: flex;
      flex-direction: column;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 12px;}
    .order__block .order__content .checkout__item .td__control .price {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 40%;
      left: 130px; }}
@media (max-width: 576px) {
  .order-basket__table tbody tr .td-wrapper__control {
    left: 122px;
    top: 75px; } }
@media (max-width: 425px) {
  .order-basket__table tbody tr .td-wrapper__control .td__control .total {
    flex-direction: column;
    align-items: baseline;
    top: 85px;
    left: 85%; }
  .order-basket__table tbody tr .td-wrapper__control .td__control .total .td-rub__value {
    position: static; } }
.order-basket__table tbody tr .td-wrapper__control .td__value .td__control {
  justify-content: space-between; }
.order-basket__table tbody tr td .item__name {
  max-width: 80%;
  -webkit-line-clamp: 2; }
  @media (max-height: 425px) {
    .order-basket__table tbody tr td .item__name {
      -webkit-line-clamp: 3 !important; } }
@media (max-width: 425px) {
  .order-basket__table tbody tr td:nth-child(3) {
    width: -moz-fit-content;
    width: fit-content; } }
@media (max-width: 768px) {
  .order-basket__table tbody td {
    border-top: none !important; } }
.order-basket__table tbody td .item__info {
  position: static !important; }
@media (max-width: 768px) {
  .order-basket__table tbody td .td__value .option-item__description {
    position: relative;
    top: -35px; } }
@media (max-width: 576px) {
  .order-basket__table tbody td .td__value .option-item__description {
    top: 8px; } }

.document__table thead tr th .th__all {
display: none; }

@media (max-width: 768px) {
.document__table thead tr th {
  width: auto !important; } }

@media (max-width: 1023px) {
.document__table thead {
  display: table-row-group; }
  .document__table thead tr th:not(:last-child) {
    border-right: none; }
  .document__table thead tr th .th__sort {
    visibility: hidden;
    opacity: 0; }
  .document__table thead tr th .th__all {
    display: block;
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    left: 35px; } }

@media (max-width: 576px) {
.document__table thead {
  display: block; } }

@media (max-width: 768px) {
.document__table tbody tr td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  white-space: nowrap;
  padding: 12px 8px; }
  .document__table tbody tr td:nth-child(1) {
    flex: 0 0 0%; }
  .document__table tbody tr td:nth-child(2) {
    flex: 0 0 1%; }
  .document__table tbody tr td:nth-child(3) {
    order: 2;
    flex: 1 0 10%; }
  .document__table tbody tr td:nth-child(4) {
    order: 3;
    flex: 0 0 60%; } }

@media (max-width: 576px) {
.document__table tbody tr td:nth-child(1) {
  flex: 0 0 0%; }
.document__table tbody tr td:nth-child(2) {
  flex: 1 0 auto; }
.document__table tbody tr td:nth-child(3) {
  flex: 1 0 auto; }
.document__table tbody tr td:nth-child(4) {
  flex: 0 0 100%;
  padding-left: 44px; } }

@media (max-width: 768px) {
.document__table tbody tr {
  flex-wrap: nowrap; } }

@media (max-width: 576px) {
.document__table tbody tr {
  flex-wrap: wrap; } }

.order__table {
margin-top: 0; }
.order__table tbody tr {
  position: relative; }
  @media (max-width: 576px) {
    .order__table tbody tr {
      height: 130px; } }
  @media (max-width: 425px) {
    .order__table tbody tr {
      height: 210px; } }
  .order__table tbody tr td .td__wrap {
    display: flex;
    grid-gap: 8px; }
    @media (max-width: 768px) {
      .order__table tbody tr td .td__wrap {
        padding-left: 30px;
        grid-gap: 19px; } }
    .order__table tbody tr td .td__wrap .table__image {
      width: 32px;
      height: 32px; }
      @media (max-width: 768px) {
        .order__table tbody tr td .td__wrap .table__image {
          width: 112px;
          height: 112px; } }
      @media (max-width: 576px) {
        .order__table tbody tr td .td__wrap .table__image {
          width: 56px;
          height: 56px; } }
      @media (max-width: 425px) {
        .order__table tbody tr td .td__wrap .table__image {
          width: 112px;
          height: 112px; } }
    @media (max-width: 768px) {
      .order__table tbody tr td .td__wrap .option-item__description .item__name {
        -webkit-line-clamp: 2; } }
    @media (max-width: 425px) {
      .order__table tbody tr td .td__wrap .option-item__description .item__name {
        -webkit-line-clamp: 5; } }
    @media (max-width: 425px) {
      .order__table tbody tr td .td__wrap .option-item__description .item__info .item__availability {
        position: absolute;
        bottom: 50px;
        left: 35%; } }
  .order__table tbody tr td:first-child {
    vertical-align: baseline; }
    @media (max-width: 768px) {
      .order__table tbody tr td:first-child {
        position: absolute;
        top: 5px; } }
  @media (max-width: 768px) {
    .order__table tbody tr .td-wrapper__control {
      position: absolute;
      bottom: 0;
      right: 0; } }
  @media (max-width: 425px) {
    .order__table tbody tr .td-wrapper__control {
      width: 100%; } }
  @media (max-width: 425px) {
    .order__table tbody tr .td-wrapper__control .td__value .td__control {
      justify-content: space-between; } }
  .order__table tbody tr .td-wrapper__control .td__value .td__control .total {
    display: none; }
    @media (max-width: 425px) {
      .order__table tbody tr .td-wrapper__control .td__value .td__control .total {
        display: flex; } }
  @media (max-width: 425px) {
    .order__table tbody tr .td-wrapper__control .td__value .mobile__name {
      display: none; } }

.orders__table .tr__orders-table {
position: relative; }
@media (max-width: 425px) {
  .orders__table .tr__orders-table {
    height: 200px; } }
@media (max-width: 768px) {
  .orders__table .tr__orders-table td:nth-child(2) {
    position: absolute;
    top: 0;
    left: 130px; } }
@media (max-width: 425px) {
  .orders__table .tr__orders-table td:nth-child(2) .td__wrapper .td-mobile-thead {
    display: none; } }
@media (max-width: 768px) {
  .orders__table .tr__orders-table td:nth-child(n + 3):nth-child(-n + 5) {
    position: absolute;
    bottom: 10px; } }
@media (max-width: 425px) {
  .orders__table .tr__orders-table td:nth-child(n + 3):nth-child(-n + 5) {
    bottom: 0; } }
@media (max-width: 768px) {
  .orders__table .tr__orders-table td:nth-child(3) {
    left: 130px; } }
@media (max-width: 576px) {
  .orders__table .tr__orders-table td:nth-child(3) {
    left: 0; } }
@media (max-width: 425px) {
  .orders__table .tr__orders-table td:nth-child(3) {
    top: 40%;
    left: 45%; } }
@media (max-width: 768px) {
  .orders__table .tr__orders-table td:nth-child(4) {
    left: 260px; } }
@media (max-width: 576px) {
  .orders__table .tr__orders-table td:nth-child(4) {
    left: 50%;
    transform: translateX(-50%); } }
@media (max-width: 425px) {
  .orders__table .tr__orders-table td:nth-child(4) {
    left: 0;
    transform: none; } }
@media (max-width: 768px) {
  .orders__table .tr__orders-table td:nth-child(5) {
    left: 360px; } }
@media (max-width: 576px) {
  .orders__table .tr__orders-table td:nth-child(5) {
    right: 0;
    left: inherit; } }
@media (max-width: 576px) {
  .orders__table .tr__orders-table td .item__info {
    bottom: -22px;
    left: 13px; } }
@media (max-width: 768px) {
  .orders__table .tr__orders-table td .td__wrapper .td__value {
    font-size: 16px; } }

.catalog__table tbody tr td .td__value .option-item__description .item__name {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.catalog__table tbody tr td .td__value .option-item__description .item__name .info-text-red {
  font-size: 8px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.16px;
  padding: 4px;
  background-color: #E23D41;
  color: #ffffff;
  border-radius: 4px;
  position: relative;
  top: -2px;
  margin-right: 8px; }
.catalog__table tbody tr td .td__value .option-item__description .item__name .info-text-black {
  font-size: 8px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.16px;
  padding: 4px;
  color: #ffffff;
  background-color: #182C36;
  border-radius: 4px;
  position: relative;
  top: -2px;
  margin-right: 8px; }

.catalog__table tbody tr .td-wrapper__control .td__value {
position: relative; }
.catalog__table tbody tr .td-wrapper__control .td__value .td__control {
  justify-content: space-between; }
  .catalog__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
    padding: 8px; }
  .catalog__table tbody tr .td-wrapper__control .td__value .td__control .total {
    display: flex;
    grid-gap: 8px;
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    color: #8393AD; }
    .catalog__table tbody tr .td-wrapper__control .td__value .td__control .total .mobile__name {
      display: flex; }

.card-table__wrapper {
border-radius: 8px;
overflow: hidden; }

.card__table {
border-left: none;
border-top: none;
border-right: none;
border-bottom: none; }
@media (max-width: 425px) {
  .card__table {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: none; } }
@media (max-width: 425px) {
  .card__table tbody {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 8px;
    background-color: transparent; } }
.card__table tbody tr:first-child td {
  border-top: none; }
@media (max-width: 425px) {
  .card__table tbody tr {
    background-color: #ffffff;
    border: none;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 480px; }
    .card__table tbody tr:not(:last-child) {
      border-bottom: none; }
    .card__table tbody tr:hover {
      box-shadow: 0px 8px 16px #E6ECF0; } }
@media (max-width: 425px) and (max-width: 425px) {
  .card__table tbody tr td {
    width: 100%; }
    .card__table tbody tr td:nth-child(3) {
      width: 100%; } }
@media (max-width: 425px) and (max-width: 425px) {
  .card__table tbody tr .td-wrapper__control .td__control .amount__name {
    display: none; } }
@media (max-width: 375px) {
  .card__table tbody tr {
    height: 460px; } }
@media (max-width: 1023px) {
  .card__table tbody tr:hover {
    background-color: #ffffff; } }
@media (max-width: 425px) {
  .card__table tbody tr {
    width: 100%; } }
@media (max-width: 768px) {
  .card__table tbody tr td {
    border-top: none; } }
@media (max-width: 425px) {
  .card__table tbody tr td:first-child {
    padding-right: 10px; } }
@media (max-width: 425px) {
  .card__table tbody tr .table__image {
    width: 100%;
    height: 100%; } }
@media (max-width: 768px) {
  .card__table tbody tr .td-supplier {
    display: none; } }
@media (max-width: 768px) {
  .card__table tbody tr .td-delivery-time {
    display: none; } }
@media (max-width: 768px) {
  .card__table tbody tr .td-wrapper__control {
    left: 130px;
    right: inherit;
    justify-content: start;
    width: -webkit-fill-available; } }
@media (max-width: 576px) {
  .card__table tbody tr .td-wrapper__control {
    left: 0; } }
@media (max-width: 768px) {
  .card__table tbody tr .td-wrapper__control .td__control {
    align-items: center; } }
@media (max-width: 768px) {
  .card__table tbody tr .td-wrapper__control .td__control .price {
    position: static; } }
@media (max-width: 576px) {
  .card__table tbody tr .td-wrapper__control .td__control .quantity-control {
    position: static; } }
@media (max-width: 425px) {
  .card__table tbody tr .td-wrapper__control .td__control .quantity-control {
    width: 100%; } }
@media (max-width: 425px) {
  .card__table tbody tr .td-wrapper__control .td__control .quantity-control .quantity-control__wrapper {
    width: 100%;
    text-align: center; } }
@media (max-width: 425px) {
  .card__table tbody tr .td-wrapper__control .td__control .quantity-control .quantity-control__wrapper .quantity-control__value {
    width: 100%; } }
@media (max-width: 768px) {
  .card__table tbody tr .td-wrapper__control .td__value {
    width: 100%; } }
@media (max-width: 576px) {
  .card__table tbody tr .td-wrapper__control .td__value .td__control {
    position: static; } }
@media (max-width: 425px) {
  .card__table tbody tr .td-wrapper__control .td__value .td__control {
    flex-direction: column;
    align-items: baseline;
    grid-gap: 4px; } }
.card__table tbody tr .td-wrapper__control .td__value .td__control .total {
  left: 59%;
  font-size: 12px; }
  @media (max-width: 768px) {
    .card__table tbody tr .td-wrapper__control .td__value .td__control .total {
      position: static;
      transform: none;
      font-size: 20px;
      color: #182C36; } }
  @media (max-width: 425px) {
    .card__table tbody tr .td-wrapper__control .td__value .td__control .total .td-rub__value {
      position: static;
      font-size: 12px; } }
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button .button__text {
  display: none; }
@media (max-width: 768px) {
  .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
    position: absolute;
    right: 0;
    top: -64px; } }
@media (max-width: 576px) {
  .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
    top: -140px; } }
@media (max-width: 425px) {
  .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
    position: static;
    width: 100%; }
    .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button .button__text {
      display: flex; }
    .card__table tbody tr .td-wrapper__control .td__value .td__control .component__button svg {
      display: none; } }
@media (max-width: 768px) {
  .card__table tbody tr td .item__availability {
    position: static; } }
@media (max-width: 576px) {
  .card__table tbody tr td .item__info {
    position: static; } }
@media (max-width: 425px) {
  .card__table tbody tr td .item__info .item__availability {
    position: static; } }
@media (max-width: 576px) {
  .card__table tbody tr td .td__value .option-item__description .item__name {
    -webkit-line-clamp: 3; } }
@media (max-width: 768px) {
  .card__table tbody tr td .td__value .option-item__description {
    padding-bottom: 70px; } }
@media (max-width: 425px) {
  .card__table td {
    width: 100%; } }

.custom-table {
border: 1px solid #E6ECF0;
background-color: #F1F4F6; }
@media (max-width: 768px) {
  .custom-table {
    border-radius: 8px;
    overflow: hidden; } }
.custom-table .custom-table__header {
  background-color: #F1F4F6;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 10px;
  line-height: 12px;
  color: #182C36;
  text-transform: uppercase;
  border-bottom: 1px solid #E6ECF0; }
  .custom-table .custom-table__header tr th {
    font-weight: 400;
    padding: 8px; }
    @media (max-width: 768px) {
      .custom-table .custom-table__header tr th {
        padding: 14px 8px; } }
    .custom-table .custom-table__header tr th:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
  @media (max-width: 768px) {
    .custom-table .custom-table__header {
      display: none; } }
  .custom-table .custom-table__header .custom-cell {
    grid-gap: 8px; }
.custom-table .custom-table__body {
  text-align: left;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff; }
  .custom-table .custom-table__body tr td {
    padding: 8px;
    border-top: 1px solid #E6ECF0; }
    .custom-table .custom-table__body tr td:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
      @media (max-width: 768px) {
        .custom-table .custom-table__body tr td:not(:last-child) {
          border-right: none; } }
    @media (max-width: 425px) {
      .custom-table .custom-table__body tr td {
        padding: 12px; } }
  .custom-table .custom-table__body tr:hover {
    background-color: #F6F8FA; }
  @media (max-width: 576px) {
    .custom-table .custom-table__body tr {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .custom-table .custom-table__body tr td {
        border: none; }
        .custom-table .custom-table__body tr td:nth-child(3) {
          order: 4;
          width: 100%; }
        .custom-table .custom-table__body tr:hover {
          background-color: inherit; } }
  @media (max-width: 425px) {
    .custom-table .custom-table__body tr td:nth-child(3) {
      width: auto; } }
  .custom-table .custom-table__body:not(:last-child) {
    border-bottom: 1px solid #E6ECF0; }
.custom-table .custom-line {
  display: grid;
  grid-template-columns: 50px 115px 125px 115px auto 320px; }
  @media (max-width: 1280px) {
    .custom-table .custom-line {
      grid-template-columns: 50px 95px 110px 95px auto 285px; } }
  @media (max-width: 1023px) {
    .custom-table .custom-line {
      grid-template-columns: 50px 95px 110px 95px auto 195px; } }
  @media (max-width: 768px) {
    .custom-table .custom-line {
      grid-template-columns: 55px 70px 90px auto 170px; } }
  @media (max-width: 576px) {
    .custom-table .custom-line {
      grid-template-columns: 55px 70px auto 170px; } }
  @media (max-width: 425px) {
    .custom-table .custom-line {
      grid-template-columns: 55px auto 170px; } }
.custom-table .td__wrapper {
  width: 100%; }
  .custom-table .td__wrapper .td-mobile-thead {
    background-color: #F1F4F6;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 10px;
    line-height: 12px;
    color: #182C36;
    text-transform: uppercase;
    display: none;
    width: 100%; }
    .custom-table .td__wrapper .td-mobile-thead tr th {
      font-weight: 400;
      padding: 8px; }
      @media (max-width: 768px) {
        .custom-table .td__wrapper .td-mobile-thead tr th {
          padding: 14px 8px; } }
          @media (max-width: 576px) {
            .custom-table .td__wrapper .td-mobile-thead {
              font-weight: 500 !important;
            }
            .custom-table .background-line .td__wrapper .td-mobile-thead {
              font-size: 10px;
              font-weight: 400 !important;
              line-height: 12px;
            }
          }
      .custom-table .td__wrapper .td-mobile-thead tr th:not(:last-child) {
        border-right: 1px solid #E6ECF0; }
  .custom-table .td__wrapper .status-order__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    @media (max-width: 1023px) {
      .custom-table .td__wrapper .status-order__wrapper {
        flex-direction: column;
        grid-gap: 8px; } }
    .custom-table .td__wrapper .status-order__wrapper .status {
      display: flex;
      align-items: center;
      grid-gap: 8px; }
      .custom-table .td__wrapper .status-order__wrapper .status span {
        display: flex; }
      @media (max-width: 768px) {
        .custom-table .td__wrapper .status-order__wrapper .status svg {
          width: 16px;
          height: 16px; } }
    .custom-table .td__wrapper .status-order__wrapper .component__button {
      padding: 8px 16px; margin-left: auto; }
      @media (max-width: 768px) {
        .custom-table .td__wrapper .status-order__wrapper .component__button {
          display: none; } }
  @media (max-width: 768px) {
    .custom-table .td__wrapper {
      display: flex;
      flex-direction: column;
      grid-gap: 8px; }
      .custom-table .td__wrapper .td-mobile-thead {
        background-color: transparent;
        display: block; } }
.custom-table .custom-cell {
  display: flex;
  align-items: center;
  padding: 8px;
  width: 100%;
  flex: auto; }
  .custom-table .custom-cell:not(:last-child) {
    border-right: 1px solid #E6ECF0; }
  @media (max-width: 768px) {
    .custom-table .custom-cell:not(:last-child) {
      border-right: none; } }
  .custom-table .custom-cell .dropdown {
    display: flex;
    border-radius: 8px;
    background-color: #F1F4F6;
    padding: 4px; }
    @media (max-width: 768px) {
      .custom-table .custom-cell .dropdown {
        padding: 8px; } }
    .custom-table .custom-cell .dropdown:hover {
      background-color: #182C36; }
      .custom-table .custom-cell .dropdown:hover svg .stroke {
        stroke: #ffffff; }
@media (max-width: 768px) {
  .custom-table .company-cell {
    display: none; } }
@media (max-width: 576px) {
  .custom-table .price-cell {
    display: none; } 
    .background-line .custom-cell {
      align-items: flex-start; }
    .background-line .custom-cell .status {
      margin-top: 4px;}}
.custom-table .data-cell {
  text-align: right; }
  @media (max-width: 425px) {
    .custom-table .data-cell {
      display: none; } }

.mob-table-cards {
display: none;
flex-direction: column;
grid-gap: 8px; }
.mob-table-cards .table-card {
  position: relative;
  text-align: left;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  grid-gap: 16px;
  padding: 16px;
  border-radius: 8px; }
  .mob-table-cards .table-card tr td {
    padding: 8px;
    border-top: 1px solid #E6ECF0; }
    .mob-table-cards .table-card tr td:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
      @media (max-width: 768px) {
        .mob-table-cards .table-card tr td:not(:last-child) {
          border-right: none; } }
          @media (max-width: 425px) {
            .mob-table-cards .table-card .item__info .item__number,
            .mob-table-cards .table-card .price .mobile__name,
            .order-basket__table .quantity-control .mobile__name,
            .order-basket__table .total .mobile__name,
            .order-basket__table .price .mobile__name {
              font-size: 12px;
              font-weight: 500;
              line-height: 16px;
              color: #3B5765; }
            .order-basket__table .quantity-control .mobile__count,
            .order-basket__table .total .td-rub__value,
            .order-basket__table .price .mobile__price {
              font-size: 20px;
              font-weight: 500;
              line-height: 24px;
              letter-spacing: 0.2px;
              color: #182C36;  }}
    @media (max-width: 425px) {
      .mob-table-cards .table-card tr td {
        padding: 10px; } }
  .mob-table-cards .table-card tr:hover {
    background-color: #F6F8FA; }
  @media (max-width: 576px) {
    .mob-table-cards .table-card .table-card__image{
      border-bottom: 1px solid #E6ECF0;
    }
    .horizontally-views.active .table-card__image {
      border-bottom: none;
    }
    .mob-table-cards .table-card tr {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .mob-table-cards .table-card tr td {
        border: none; }
        .mob-table-cards .table-card tr td:nth-child(3) {
          order: 4;
          width: 100%; } }
  @media (max-width: 425px) {
    .mob-table-cards .table-card tr td:nth-child(3) {
      width: auto; } }
  .mob-table-cards .table-card .table-card__content {
    display: flex;
    flex-direction: column;
    grid-gap: 8px; }
    .mob-table-cards .table-card .table-card__content .item__sale {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .mob-table-cards .table-card .table-card__content .item__sale .info-text-red {
        font-size: 8px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0.16px;
        padding: 4px;
        background-color: #E23D41;
        color: #ffffff;
        border-radius: 4px;
        position: relative;
        top: -2px; }
      .mob-table-cards .table-card .table-card__content .item__sale .component__button:hover svg .stroke {
        stroke: #F90D01; }
    @media (max-width: 375px) {
      .mob-table-cards .table-card .table-card__content .item__name {
        width: 185px; } }
    @media (max-width: 768px) {
      .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper [data-entity="buttons-block"] {
        width: 100%;
       }
       .vertically-views .table-card .table-card__image .table__image {
        min-height: 168px;
       }
       .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control {
        width: 100%;
       }
       .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .quantity-control__wrapper {
        justify-content: space-between;
        width: 100%;
       }
      .mob-table-cards .table-card .table-card__content .item__name {
        font-weight: 400; } }
    .mob-table-cards .table-card .table-card__content .item__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      grid-gap: 16px;
      flex-wrap: wrap; }
      .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper {
        display: flex;
        align-items: center;
        grid-gap: 24px; }
        @media (max-width: 425px) {
          .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper {
            grid-gap: 12px; } }
        .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          min-width: 110px;
           }
           .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control__wrapper {
            width: 100%;
            justify-content: space-between;
           }
           .mob-table-cards .quantity-control__wrapper .quantity-control__value {
            text-align: center;
            font-size: 14px;
            line-height: 16px;
           }
           .mob-table-cards .table-card .mobile__name {
            font-weight: 500;
            font-size: 12px;
            line-height: 16px; 
           }
           .mob-table-cards .table-card .item__name {
            font-size: 12px;
            line-height: 16px; 
           }

           .mob-table-cards.horizontally-views .table__image {
            width: 112px;
            height: 112px;
            border: 1px solid #F1F4F6;
            border-radius: 8px;
           }
           .mob-table-cards.horizontally-views .table-card__content {
            flex-grow: 1;
            color: #182c36;
           }
           .mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper .add-to-card,
           .mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper .quantity-control {
            min-width: auto;
           }
          .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .total, 
          .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .mobile__name {
            font-size: 14px;
            line-height: 16px;
            font-weight: 500;
            color: #8393AD; 
            margin-top: 4px;}
            .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .total:not(.total--border) {
              display: none;
            }
            .mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control__wrapper {
              border-radius: 8px;
            }
      .mob-table-cards .table-card .table-card__content .item__wrapper .price {
        display: flex;
        flex-direction: column; }
        .mob-table-cards .table-card .table-card__content .item__wrapper .price .mobile__value {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 4px; }
      .mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
        padding:  10px 12px;
        width: 100%;
        right: 0;
        min-width: 128px; }
        @media (max-width: 576px) {
          .mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
            width: 100%; } }
        @media (max-width: 375px) {
          .mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
            width: 315px;
            position: relative;
            right: 130px; } }
    .mob-table-cards .table-card .table-card__content .add-favourite {
      position: relative;
      right: 0; 
      width: 32px;
      height: 32px;
      border: 1px solid #e6ecf0;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
      @media (max-width: 375px) {
        .mob-table-cards .table-card .table-card__content .add-favourite {
          position: relative;
          right: 0; } }
    .mob-table-cards .table-card .table-card__content .dropdown__button {
      display: flex;
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      color: #182C36;
      position: relative; }
      .mob-table-cards .table-card .table-card__content .dropdown__button:before {
        position: absolute;
        content: url("../img/svg/border-line.svg");
        width: inherit;
        bottom: -5px; }
    .mob-table-cards .table-card .table-card__content .properties__list .properties {
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      color: #8393AD;
      margin-bottom: 4px; }
      .mob-table-cards .table-card .table-card__content .properties__list .properties span:last-child {
        color: #182C36; }
      @media (max-width: 425px) {
        .mob-table-cards .table-card .table-card__content .properties__list .properties {
          display: flex;
          flex-direction: column; } }
    .mob-table-cards .table-card .table-card__content .properties__list.desktop {
      display: block; }
      @media (max-width: 576px) {
        .mob-table-cards .table-card .table-card__content .properties__list.desktop {
          display: none; } }
    .mob-table-cards .table-card .table-card__content .properties__list.mobile {
      display: none; }
      @media (max-width: 576px) {
        .mob-table-cards .table-card .table-card__content .properties__list.mobile {
          display: block; } }
    .mob-table-cards .table-card .table-card__content .dropdown__content {
      visibility: hidden;
      opacity: 0;
      height: 0;
      max-height: -moz-max-content;
      max-height: max-content;
      transition: 0.3s ease; }
    .mob-table-cards .table-card .table-card__content .dropdown__content.active {
      visibility: visible;
      opacity: 1;
      height: -moz-max-content;
      height: max-content; }
  .mob-table-cards .table-card .card-slider {
    display: none; }
  @media (max-width: 576px) {
    .mob-table-cards .table-card .desktop__drop {
      display: none; } }
  .mob-table-cards .table-card .mobile__drop {
    display: none; }
    @media (max-width: 576px) {
      .mob-table-cards .table-card .mobile__drop {
        display: block; } }
@media (max-width: 768px) {
  .mob-table-cards {
    display: flex; } }
.mob-table-cards .table-card.slider {
  flex-direction: column; }
  .mob-table-cards .table-card.slider .card-slider {
    display: block; }
    .mob-table-cards .table-card.slider .card-slider .close__slider {
      position: absolute;
      top: 8px;
      right: 16px;
      z-index: 2; }
    .mob-table-cards .table-card.slider .card-slider .table-card__slider {
      display: block;
      width: 100%; }
      .mob-table-cards .table-card.slider .card-slider .table-card__slider .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center; }
        .mob-table-cards .table-card.slider .card-slider .table-card__slider .swiper-slide .table__image {
          width: 180px; }
    .mob-table-cards .table-card.slider .card-slider .card__buttons {
      display: flex;
      justify-content: space-between;
      position: absolute;
      width: 100%;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2; }
    .mob-table-cards .table-card.slider .card-slider .swiper-pagination {
      position: relative;
      display: flex;
      z-index: 2; }
      .mob-table-cards .table-card.slider .card-slider .swiper-pagination .swiper-pagination-bullet {
        height: 2px;
        border-radius: 0;
        margin: 0;
        width: 100%;
        background-color: #8393AD; }
      .mob-table-cards .table-card.slider .card-slider .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #3B5765; }
  .mob-table-cards .table-card.slider .table-card__image {
    display: none; }
  @media (max-width: 425px) {
    .mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper {
      width: 100%; } }
  @media (max-width: 576px) {
    .mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .quantity-control {
      width: 100%; } }
  @media (max-width: 576px) {
    .mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .quantity-control__wrapper {
      width: 100%;
      text-align: center; }
      .mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .quantity-control__wrapper .quantity-control__value {
        width: 100%; } }
  @media (max-width: 576px) {
    .mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .total {
      text-align: center; } }
  .mob-table-cards .table-card.slider .table-card__content .item__wrapper .add-to-card {
    right: 0; }
  .mob-table-cards .table-card.slider .table-card__content .add-favourite {
    right: 0; }
  .mob-table-cards .table-card.slider .table-card__content .item__name {
    width: 100%; }

.vertically-views {
display: none;
grid-template-columns: 1fr 1fr; }
@media (max-width: 425px) {
  .vertically-views {
    grid-gap: 8px; } }
@media (max-width: 767px) {
  .vertically-views .table-card {
    flex-direction: column;
    position: relative; } }
@media (max-width: 576px) {
  .vertically-views .table-card .table-card__image .table__image {
    width: 168px;
    height: 168px;
    object-fit: contain; }
  .vertically-views .table-card .quantity-control {
    width: 100%; }
    .vertically-views .table-card .quantity-control .quantity-control__wrapper {
      width: 100%; }
      .vertically-views .table-card .quantity-control .quantity-control__wrapper .quantity-control__value {
        width: 100%;
        text-align: center; } }
@media (max-width: 425px) {
  .vertically-views .table-card {
    padding: 0; } }
.vertically-views .table-card .table-card__content .add-favourite {
  position: absolute;
  top: 15px;
  right: 15px; }
  @media (max-width: 576px) {
    .vertically-views .table-card .table-card__content .add-favourite {
      top: 8px;
      right: 8px; } }
.vertically-views .table-card .table-card__content .item__wrapper .add-to-card {
  right: 0;
  width: 100%; }
.vertically-views .table-card .table-card__content .item__name {
  width: 100%; }

@media (max-width: 1400px) {
.vertically-views.active {
  display: grid; } }

.horizontally-views {
display: none; }

@media (max-width: 1400px) {
.horizontally-views.active {
  display: flex; } }

.scroll-table {
display: grid;
grid-template-columns: 480px 1fr 260px;
border-left: 1px solid #E6ECF0;
border-top: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
position: relative;
width: -moz-fit-content;
width: fit-content; }
@media (max-width: 1440px) {
  .scroll-table {
    grid-template-columns: 280px 1fr 260px; } }
@media (max-width: 768px) {
  .scroll-table {
    display: none; } }
.scroll-table .scroll-content {
  display: flex;
  z-index: 1;
  overflow-x: auto;
  overflow-y: hidden;
  width: auto;
  height: 100%;
  white-space: nowrap;
  position: relative;
   }
  .scroll-table .scroll-content::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  .scroll-table .scroll-content::-webkit-scrollbar-track-piece {
    background-color: #E6ECF0;
    -webkit-border-radius: 8px;
    height: 10px; }
  .scroll-table .scroll-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #3B5765; }
.scroll-table .static-col__wrapper {
  display: flex;
  z-index: 2;
  box-shadow: 16px 0px 28px 0px rgba(24, 44, 54, 0.2); }
.scroll-table .last-col {
  z-index: 2;
  box-shadow: -16px 0px 28px 0px rgba(24, 44, 54, 0.2); }
.scroll-table .custom-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 86px;
  background-color: white;
  padding: 8px 8px;
  position: relative; }
  .scroll-table .custom-cell .td__value .td__control {
    display: flex;
    align-items: center;
    grid-gap: 24px; }
    .scroll-table .custom-cell .td__value .td__control .total {
      display: flex;
      justify-content: center;
      grid-gap: 4px;
      position: absolute;
      width: 100%;
      bottom: 5px;
      left: 58%;
      transform: translateX(-50%);
      color: #8393AD;
      font-size: 12px;
      font-weight: 400; }
      .scroll-table .custom-cell .td__value .td__control .total .mobile__name {
        display: block; }
    .scroll-table .custom-cell .td__value .td__control .component__button {
      padding: 8px; }
    .scroll-table .custom-cell .td__value .td__control .price {
      white-space: nowrap;
      font-weight: 400; }
  .scroll-table .custom-cell .mobile__name {
    display: none; }
  .scroll-table .custom-cell:not(:last-child) {
    border-bottom: 1px solid #E6ECF0; }
.scroll-table .header-cell {
  background-color: #E6ECF0;
  background-color: #F1F4F6;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 10px;
  line-height: 12px;
  color: #182C36;
  text-transform: uppercase;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 24px; }
  .scroll-table .header-cell tr th {
    font-weight: 400;
    padding: 8px; }
    @media (max-width: 768px) {
      .scroll-table .header-cell tr th {
        padding: 14px 8px; } }
    .scroll-table .header-cell tr th:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
.scroll-table .body-cell {
  text-align: left;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff; }
  .scroll-table .body-cell tr td {
    padding: 8px;
    border-top: 1px solid #E6ECF0; }
    .scroll-table .body-cell tr td:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
      @media (max-width: 768px) {
        .scroll-table .body-cell tr td:not(:last-child) {
          border-right: none; } }
    @media (max-width: 425px) {
      .scroll-table .body-cell tr td {
        padding: 10px; } }
  .scroll-table .body-cell tr:hover {
    background-color: #F6F8FA; }
  @media (max-width: 576px) {
    .scroll-table .body-cell tr {
      display: flex;
      width: 100%;
      flex-wrap: wrap; }
      .scroll-table .body-cell tr td {
        border: none; }
        .scroll-table .body-cell tr td:nth-child(3) {
          order: 4;
          width: 100%; } }
  @media (max-width: 425px) {
    .scroll-table .body-cell tr td:nth-child(3) {
      width: auto; } }
  .scroll-table .body-cell .item__name {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 1440px) {
      .scroll-table .body-cell .item__name {
        -webkit-line-clamp: 2; } }
    .scroll-table .body-cell .item__name .info-text-red {
      font-size: 8px;
      font-weight: 500;
      line-height: 16px;
      letter-spacing: 0.16px;
      padding: 4px;
      background-color: #E23D41;
      color: #ffffff;
      border-radius: 4px;
      position: relative;
      top: -2px;
      margin-right: 8px; }
  .scroll-table .body-cell .image-cell {
    width: 48px;
    height: 48px; }
.scroll-table .col {
  border-right: 1px solid #E6ECF0; }
.scroll-table .last-col {
  border-left: 1px solid #E6ECF0; }

.custom-scroll__table {
width: calc(100vw - 550px);
max-width: 100%;
/* height: calc(100vh - 300px); */
overflow: auto;
border-radius: 8px;
 }
.custom-scroll__table::-webkit-scrollbar {
  width: 10px;
  height: 10px; }
.custom-scroll__table::-webkit-scrollbar-track-piece {
  background-color: #E6ECF0;
  -webkit-border-radius: 8px;
  height: 10px; }
.custom-scroll__table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #3B5765; }
@media (max-width: 1280px) {
  .custom-scroll__table {
    width: 100%; } }
@media (max-width: 1400px) {
  .custom-scroll__table {
    display: none; } }
.custom-scroll__table .offer__slider--mobile {
  padding-top: 30px; }
  @media (max-width: 1023px) {
    .custom-scroll__table .offer__slider--mobile {
      display: none; } }
.custom-scroll__table .table-body {
  width: 1680px; }
.custom-scroll__table .table-body img {
  width: 48px;
  height: 48px; }
.custom-scroll__table .row {
  margin-bottom: 1px;
  min-height: 48px;
}
.custom-scroll__table .row:hover {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(191, 194, 196, 0.8); }
.custom-scroll__table .changing__buttons {
  padding: 40px 20px 20px 20px;
  display: flex;
  grid-gap: 16px;
  position: sticky;
  left: 0;
  justify-content: center; }
.custom-scroll__table .custom-scroll-table__header {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 1680px;
  background-color: #e6ecf0;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 8px;
  line-height: 9px;
  color: #3b5765;
  text-transform: uppercase;
  height: 42px;
  margin-bottom: 2px;
}
  .custom-scroll__table .custom-scroll-table__header tr th {
    font-weight: 400;
    padding: 8px; }
    @media (max-width: 768px) {
      .custom-scroll__table .custom-scroll-table__header tr th {
        padding: 14px 8px; } }
    .custom-scroll__table .custom-scroll-table__header tr th:not(:last-child) {
      border-right: 1px solid #E6ECF0; }
.custom-scroll__table .custom-scroll-table__header .row-header {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  z-index: 2;
  flex: 0 0 520px;
  padding: 6px 12px;
  background-color: #e6ecf0;
  grid-gap: 8px;
  display: flex;
  align-items: center; }
  .custom-scroll__table .custom-scroll-table__header .row-header::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 1px;
    height: 18px;
    background-color: #c5d6df;
  }
  @media (max-width: 1440px) {
    .custom-scroll__table .custom-scroll-table__header .row-header {
      flex: 0 0 350px; } }
  .custom-scroll__table .custom-scroll-table__header .col-name.last-col-name {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding: 6px 4px;
  }
  .custom-scroll__table .custom-scroll-table__header .last-col-name span,
  .custom-scroll__table .custom-scroll-table__header .row-header span{
    position: relative;
  }
  .custom-scroll__table .custom-scroll-table__header .last-col-name span:not(:last-child)::after,
  .custom-scroll__table .custom-scroll-table__header .row-header span:not(:last-child)::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 1px;
    height: 18px;
    background-color: #c5d6df;
    top: 50%;
    transform: translateY(-50%);
  }
  .custom-scroll__table .custom-scroll-table__header .row-header span:first-child {
    width: 32px;
  }
  .custom-scroll__table .custom-scroll-table__header .last-col-name span:first-child {
    width: 62px;
  }
  .custom-scroll__table .custom-scroll-table__header .last-col-name span:nth-child(2) {
    width: 47px;
    padding: 0 4px;
  }
  .custom-scroll__table .custom-scroll-table__header .last-col-name span:nth-child(3) {
    padding: 0 4px;
  }

.custom-scroll__table .custom-scroll-table__header .col-name {
  position: relative;
  background-color: #e6ecf0;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  padding: 4px;}
  .custom-scroll__table .custom-scroll-table__header .col-name:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 1px;
    height: 18px;
    background-color: #c5d6df;
  }
.custom-scroll__table .row {
  display: flex; }
  .custom-scroll__table .row .cell:nth-child(2) {
    border-left: none; }
  .custom-scroll__table .row .cell:nth-last-child(-n+2) {
    border-right: none; }
.custom-scroll__table .col-name,
.custom-scroll__table .cell {
  flex: 0 0 80px;
  padding: 6px 12px;
  width: 80px; }

.custom-scroll__table .last-col-name.boxShadow::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
  -webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%);
background-color: transparent; }
.custom-scroll__table .cell {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff;
  display: flex;
  align-items: center; }
  .custom-scroll__table .cell:not(:last-child) {
    position: relative;}
  .custom-scroll__table .cell:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    width: 1px;
    height: calc(100% - 2px);
    background-color: #f1f4f6;}
  @media (max-width: 1440px) {
    .custom-scroll__table .cell .option-item__description .item__name {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden; } }
  .custom-scroll__table .cell .td__value {
    width: 100%; }
    .custom-scroll__table .cell .td__value .td__control {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .custom-scroll__table .cell .td__value .td__control .total {
        display: block;
        border-radius: 4px;          
        font-weight: 500;
        padding: 4px;
        width: 78px;
        height: 24px; }
        .custom-scroll__table .cell .td__value .td__control .total{
          background: rgba(230, 236, 240, 0.6);
          font-size: 10px;
          line-height: 7px; 
          font-weight: 300;
          text-align: center;
          color: #839ead;
        } 
        .custom-scroll__table .cell .td__value .td__control .total .mobile__name {
          line-height: 9px; }
        .custom-scroll__table .cell .td__value .td__control .total svg {
          vertical-align: bottom;
        } 
        .custom-scroll__table .cell .td__value .td__control .total.total--border {
          border: 1px solid #c5d6df; 
          background-color: #fff;           
          font-size: 10px;
          font-weight: 500;
          text-align: center;
          color: #3b5765;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          gap: 2px;
          padding: 2px 4px;
        } 
        
        .custom-scroll__table .cell .td__value .td__control .total.total--border .mobile__name {
          line-height: 8px; }
      .custom-scroll__table .cell .td__value .td__control .component__button {
        padding: 4px; }
      .custom-scroll__table .cell .td__value .td__control .price {
        white-space: nowrap;
        font-weight: 400; }
.custom-scroll__table .cell__link {
  cursor: pointer; }
  .custom-scroll__table .cell__link .cell__image {
    display: block;
    transition: 0.3s ease;
    z-index: 2; }
  .custom-scroll__table .cell__link .cell__image:hover {
    scale: 2.0;
    box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.2); }
.custom-scroll__table .col-name:last-of-type, .custom-scroll__table .cell:last-of-type {
  position: sticky;
  position: -webkit-sticky;
  right: 0;
  flex: 0 0 240px;
  z-index: 1; }
.custom-scroll__table .cell.boxShadow:last-of-type::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
  -webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%); }
.custom-scroll__table .cell.boxShadow:first-of-type::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
  -webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%); }
.custom-scroll-table__header.boxShadow .row-header::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
  background-color: transparent;
  -webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%); }
  .custom-scroll-table__header.boxShadow .row-header::after{
    display: none;
  }
.custom-scroll__table .cell:first-of-type {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  flex-basis: 520px;
  display: flex;
  grid-gap: 6px;
  z-index: 2;
  border-radius: 8px 0 0 8px;
  border: 1px solid #E6ECF0;
  border-right: none;
   }
  @media (max-width: 1440px) {
    .custom-scroll__table .cell:first-of-type {
      flex-basis: 350px; } }
.custom-scroll__table .cell:first-of-type::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(100% - 2px);
  background-color: #f1f4f6; }
.custom-scroll__table .cell:first-of-type::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }
.custom-scroll__table .show--more.hidden {
  display: none; }
.custom-scroll__table .table--more {
  display: none; }
.custom-scroll__table .table--more.active {
  display: block; }
  .custom-scroll__table .option-item__description {
    position: relative;
    padding-left: 6px;
  }
  .custom-scroll__table .option-item__description::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: calc(100% - 2px);
    min-height: 46px;
    background-color: #f1f4f6;
  }
.custom-scroll__table.max-width {
width: calc(100vw - 420px); }
@media (max-width: 1280px) {
  .custom-scroll__table.max-width {
    width: calc(100vw - 120px); } }
@media (max-width: 1280px) {
  .custom-scroll__table.max-width {
    width: calc(100vw - 40px); } }

.support__table tbody tr td:nth-child(1) {
width: 100px; }
@media (max-width: 1023px) {
  .support__table tbody tr td:nth-child(1) {
    width: 110px; } }
@media (max-width: 768px) {
  .support__table tbody tr td:nth-child(1) {
    width: auto; } }

.support__table tbody tr td:nth-child(2) {
width: 100px; }
@media (max-width: 768px) {
  .support__table tbody tr td:nth-child(2) {
    width: auto; } }

.support__table tbody tr td:nth-child(3) {
width: auto; }
@media (max-width: 768px) {
  .support__table tbody tr td:nth-child(3) {
    width: auto; } }

.support__table tbody tr td:nth-child(4) {
width: 220px; }
@media (max-width: 768px) {
  .support__table tbody tr td:nth-child(4) {
    width: auto; } }

.complaint__table tbody tr td:nth-child(1) {
width: 100px; }
@media (max-width: 1023px) {
  .complaint__table tbody tr td:nth-child(1) {
    width: 110px; } }
@media (max-width: 768px) {
  .complaint__table tbody tr td:nth-child(1) {
    width: auto; } }

.complaint__table tbody tr td:nth-child(2) {
width: 100px; }
@media (max-width: 768px) {
  .complaint__table tbody tr td:nth-child(2) {
    width: auto; } }

.complaint__table tbody tr td:nth-child(3) {
width: 200px; }
@media (max-width: 768px) {
  .complaint__table tbody tr td:nth-child(3) {
    width: auto; } }

.complaint__table tbody tr td:nth-child(4) {
width: auto; }

.complaint__table tbody tr td:nth-child(5) {
width: 220px; }
@media (max-width: 768px) {
  .complaint__table tbody tr td:nth-child(5) {
    width: auto; } }

.vertic-stock {
display: none !important; }

@media (max-width: 425px) {
.vertic-stock {
  display: block !important; }
.horiz-stock {
  display: none !important; } }

.profile__verification {
display: flex;
align-items: center;
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
grid-gap: 3px;
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 8px;
color: #182C36;
/* background-color: #E6ECF0;
padding: 4px 6px 4px 4px; */
border-radius: 32px; }
/* @media (max-width: 576px) {
.profile__verification {
  padding: 0;}} */
.delivery__address .profile__verification {
padding: 2px 6px 2px 4px;
background-color: #E6ECF0;
}
.profile__verification.success {
background-color: #46B751;
color: #ffffff; }

.profile__verification.fail {
background-color: #F90D01;
color: #ffffff; }

.profile__verification.mod {
background-color: #F6F8FA; }

.warning {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 8px;
grid-gap: 8px;
padding: 12px;
background-color: #FEEBEF;
color: #E23D41;
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
width: 100%; }
@media (max-width: 576px) {
  .warning {
    padding: 8px; } }
.warning span {
  display: flex; }

.empty {
display: flex;
grid-gap: 16px;
padding: 16px;
background-color: #ffffff;
border-radius: 8px; }
.empty .empty__title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #182C36; }
.empty .empty__text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #182C36; }
  .main .main-order__section .create__main-wrapper .create__form {
    max-width: 100%;
  }
.create__form {
max-width: 720px;
width: 100%;
padding: 24px;
border-radius: 8px;
background-color: #ffffff;
display: flex;
flex-direction: column;
grid-gap: 16px; }
@media (max-width: 1280px) {
  .create__form {
    max-width: 100%;
    padding: 16px; } }
.create__form .appeal-create {
  display: flex;
  flex-direction: column;
  grid-gap: 4px;
  border: 1px solid #C5D6DF;
  border-radius: 8px;
  padding: 10px; }

.option-item__description .item__name {
font-family: 'Roboto';
width: -moz-fit-content;
width: fit-content;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: #182C36;
margin-bottom: 2px; }
@media (max-width: 768px) {
  .option-item__description .item__name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 4px; } }
  @media (max-width: 576px) {
    .basket-table__info .option-item__description .item__name,
    .tr__orders-table .option-item__description .item__name {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-weight: 400;
      line-height: 20px;
    }
  }
@media (max-width: 425px) {
  .option-item__description .item__name {
    -webkit-line-clamp: 1; } }

.option-item__description .item__info {
display: flex;
flex-wrap: wrap;
grid-gap: 8px; }
.option-item__description .item__info .item__number {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #3b5765;
  order: -1;
  display: flex;
  grid-gap: 2px; }

.item__availability {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
display: flex;
grid-gap: 2px; 
letter-spacing: 0.02em;}

.in-stock {
color: #18A676; }

.not-available {
color: #F90D01; }

.option-image__wrapper {
flex: 0 0 32px;
width: 32px;
height: 32px;
border: 1px solid #E6ECF0;
border-radius: 6px;
overflow: hidden; }
.option-image__wrapper .option-item__image {
  width: 100%;
  height: 100%; }

.profile__description {
display: flex;
grid-gap: 4px;
flex-direction: column;
background-color: #F6F8FA;
padding: 8px;
border-radius: 8px;
position: relative; }
.profile__description .profile__status {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8393AD;
  margin: 0; }
.profile__description .profile__name {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #3B5765;
  margin: 0; }
  @media (max-width: 576px) {
    .profile__description .profile__name {
      font-size: 13px;
      line-height: 16px;
      font-weight: 700;
    }
    .profile__description .profile__name:last-of-type {
      font-size: 12px;
      font-weight: 500;
      line-height: 16px;
    }
    .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card:last-of-type .profile__description {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_9062_195304)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.33203H8.00667' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33594 8H8.0026V10.6667H8.66927' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9062_195304'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: left 8px center;
    }
    .sale-order-list-inner-row-body .profile__name {
      font-size: 12px;
      font-weight: 500;
      line-height: 16px;
      color: #839EAD;
    }
  }
.profile__description .profile__verification {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  grid-gap: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 8px;
  color: #182C36;
  /* background-color: #E6ECF0;
  padding: 4px 6px 4px 4px; */
  border-radius: 32px;
  margin: 0; }
  /* @media (max-width: 576px) {
    .profile__description .profile__verification {
      padding: 0;}} */
 .checkout__item .profile__description .profile__verification svg {
  width: 87px;
  height: auto;
}
.profile__description .profile__delete {
  position: absolute;
  right: 10px;
  top: 50%;
  padding: 10px;
  transform: translateY(-50%); }

.profile__description.active {
background-color: #3B5765; }
.profile__description.active .profile__name {
  color: #ffffff; }

.profile-select__button.active {
background-color: #3B5765; }
.profile-select__button.active:hover {
  background-color: #3B5765 !important; }

.profile-selection__button {
background-color: #E6ECF0;
color: #C5D6DF; }
.profile-selection__button:hover {
  background-color: #E6ECF0; }

.profile-selection__button.active {
background-color: #3B5765;
color: #ffffff; }
.profile-selection__button.active:hover {
  background-color: #3B5765; }

.profile__edit-del {
display: none; }

.profile__edit-del.edit {
display: flex; }

.show {
display: block; }

.hide {
display: none; }

.dropdown-hide {
max-height: 0;
height: 0;
padding-top: 0;
visibility: hidden;
opacity: 0; }

.dropdown-show {
max-height: 100%;
height: 100%;
visibility: visible;
padding-top: 20px;
opacity: 1; }

.background-line.active {
background-color: #F6F8FA; }

.required-field {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765;
display: flex;
align-items: center;
grid-gap: 10px;
padding: 14px;
background-color: #F6F8FA;
border-radius: 8px; }
.required-field span {
  display: flex;
  white-space: initial; }

.required__text {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765; }

.black-required-field {
background-color: #182C36;
color: #ffffff; }

.select {
width: 176px;
padding: 15px 10px;
border-radius: 8px;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD;
border: 1px solid #E6ECF0;
transition: 0.3s ease;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: 208px;
background-color: #ffffff;
border-radius: 8px;
cursor: pointer;
border: 1px solid #E6ECF0;
transition: 0.3s ease; }
.select::-moz-placeholder {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #8393AD; }
.select::placeholder {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #8393AD; }
.select:hover {
  border: 1px solid #182C36; }
  .select:hover .selected {
    color: #182C36; }
.select .selected {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.select .wrap-select {
  display: flex;
  flex-direction: column;
  grid-gap: 4px; }
.select .select__name {
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  color: #8393AD;
  text-transform: uppercase; }
.select .select__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
.select .select__list {
  box-shadow: 0px 8px 16px #E6ECF0;
  width: inherit;
  border-radius: 8px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  z-index: 3;
  transition: 0.3s ease; }
  @media (max-width: 576px) {
    .select .select__list {
      display: none; } }
  .select .select__list .select__item {
    cursor: pointer;
    padding: 16px 10px;
    transition: 0.3s ease;
    color: #182C36; }
    .select .select__list .select__item:hover {
      background-color: #F6F8FA; }
  .select .select__list .status__item {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    padding: 12px 10px; }
  .select .select__list .organization__item {
    display: flex;
    grid-gap: 4px;
    flex-direction: column;
    padding: 12px 10px; }
.select .select__organization {
  width: 100%;
   }
  .select .select__organization::-webkit-scrollbar {
    width: 4px;
    height: auto; }
  .select .select__organization::-webkit-scrollbar-track-piece {
    background-color: #E6ECF0;
    -webkit-border-radius: 8px; }
  .select .select__organization::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #3B5765; }
  .select .select__organization .component__button {
    padding: 16px 10px;
    width: -webkit-fill-available;
    margin: 10px; }
  .select .select__organization .select__item {
    padding: 0;
    width: -webkit-fill-available; }
    .select .select__organization .select__item:hover {
      background-color: inherit;
      color: #182C36; }
  .select .select__organization .profile__description {
    margin: 10px; }
    .select .select__organization .profile__description:hover {
      background-color: #E6ECF0; }
.select .select__list.active {
  height: -moz-max-content;
  height: max-content;
  max-height: -moz-max-content;
  max-height: max-content; }

.select-name {
padding: 10px 10px; }

.select-label {
flex-direction: column;
align-items: baseline;
padding: 10px;
width: 100%; }

.select-border {
border: 1px solid #C5D6DF;
width: 100%; }

.sort-desktop.active {
display: flex; }
.sort-desktop.active .select__list {
  height: -moz-max-content;
  height: max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  top: 64px;
  visibility: visible;
  opacity: 1; }

.sort-mobile {
display: none; }
@media (max-width: 576px) {
  .sort-mobile {
    display: flex !important; } }

@media (max-width: 576px) {
.sort-desktop {
  display: none !important; } }

.details-select {
display: none !important; }

.details-select.edit {
display: flex !important;
flex-direction: column;
grid-gap: 16px; }

.select-sub-wrap {
display: flex !important;
flex-direction: column;
grid-gap: 16px;
position: relative; }

.notifications__modal {
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.notifications__modal .notifications__list {
  overflow-y: scroll;
  height: calc(100% - 70px);
  scrollbar-width: none; }
  .notifications__modal .notifications__list::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .notifications__modal .notifications__list::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0; }
  .notifications__modal .notifications__list .notifications__item {
    position: relative;
    background-color: #ffffff;
    padding: 20px 16px 16px;
    border-radius: 16px;
    transition: 0.3s ease; }
    .notifications__modal .notifications__list .notifications__item:not(:last-child) {
      margin-bottom: 16px; }
    .notifications__modal .notifications__list .notifications__item:hover {
      box-shadow: 0px 8px 16px #E6ECF0; }
    .notifications__modal .notifications__list .notifications__item .notifications__close {
      position: absolute;
      top: 20px;
      right: 16px;
      display: flex;
      padding: 4px;
      border-radius: 8px; }
      .notifications__modal .notifications__list .notifications__item .notifications__close:hover {
        background-color: #182C36; }
        .notifications__modal .notifications__list .notifications__item .notifications__close:hover svg .stroke {
          stroke: #ffffff; }
    .notifications__modal .notifications__list .notifications__item .date__info {
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      color: #8393AD;
      display: flex;
      grid-gap: 4px;
      margin-bottom: 12px; }
    .notifications__modal .notifications__list .notifications__item .notifications__text {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 16px;
      color: #182C36;
      margin-bottom: 12px; }

.notifications__modal.active {
right: 0;
visibility: visible;
opacity: 1; }

.profile__modal {
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.profile__modal .modal__body {
  padding: 24px 0; }
  .profile__modal .modal__body .modal__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    padding: 0 24px;
    margin-bottom: 24px; }
    .profile__modal .modal__body .modal__wrapper .modal-body__title {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 18px;
      color: #182C36; }
    .profile__modal .modal__body .modal__wrapper .profile__description {
      background-color: #ffffff; }
  .profile__modal .modal__body .profile__wrapper .create__form {
    border-radius: 0; }
    .profile__modal .modal__body .profile__wrapper .create__form .profile__list {
      display: flex;
      flex-direction: column;
      grid-gap: 16px;
      height: calc(100vh - 480px);
      overflow-y: scroll;
      scrollbar-width: none; }
      .profile__modal .modal__body .profile__wrapper .create__form .profile__list::-webkit-scrollbar {
        width: 0px;
        height: 0px; }
      .profile__modal .modal__body .profile__wrapper .create__form .profile__list::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0; }
    .profile__modal .modal__body .profile__wrapper .create__form .component__button {
      width: 100%; }

.profile__modal.active {
right: 0;
visibility: visible;
opacity: 1; }

.profile__selected {
transition: 0.3s ease;
opacity: 1;
visibility: visible;
z-index: 1;
max-height: 100vh; }

.calendar__modal {
display: block;
opacity: 0;
visibility: hidden;
border-radius: 8px;
overflow: hidden;
transition: 0.3s; }
.calendar__modal .calendar__body {
  display: flex;
  flex-direction: column;
  grid-gap: 16px; }
.calendar__modal .period__inputs {
  display: flex;
  grid-gap: 16px; }
.calendar__modal .calendar__table {
  border: 1px solid #E6ECF0;
  border-radius: 8px; }
  .calendar__modal .calendar__table .current-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid #E6ECF0; }
    .calendar__modal .calendar__table .current-date .data__title {
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 16px;
      color: #182C36;
      text-transform: uppercase; }
  .calendar__modal .calendar__table .calendar {
    padding: 8px; }
    .calendar__modal .calendar__table .calendar .weeks {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
      text-align: center;
      list-style: none; }
      @media (max-width: 1023px) {
        .calendar__modal .calendar__table .calendar .weeks {
          grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } }
      .calendar__modal .calendar__table .calendar .weeks .week {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: #182C36;
        padding: 14px 0; }
    .calendar__modal .calendar__table .calendar .days {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
      list-style: none;
      text-align: center;
      grid-gap: 4px; }
      @media (max-width: 1023px) {
        .calendar__modal .calendar__table .calendar .days {
          grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } }
      .calendar__modal .calendar__table .calendar .days .day {
        padding: 14px 0;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #182C36;
        background-color: #F1F4F6;
        border-radius: 8px; }
        @media (max-width: 1023px) {
          .calendar__modal .calendar__table .calendar .days .day {
            padding: 13px 0; } }
      .calendar__modal .calendar__table .calendar .days .today {
        color: #ffffff;
        background-color: #949ca1; }
      .calendar__modal .calendar__table .calendar .days .inactive {
        background-color: #ffffff;
        color: #C5D6DF; }
.calendar__modal .calendar__buttons {
  display: flex;
  grid-gap: 16px; }
  .calendar__modal .calendar__buttons .calendar__button {
    width: 100%;
    padding: 16px 0; }

.calendar__modal.active {
opacity: 1;
visibility: visible; }

.categories__modal {
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
overflow: hidden; }
.categories__modal .modal__body {
  padding: 31px 24px; }
  .categories__modal .modal__body .category__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 230px;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    transition: 0.3s ease; }
    .categories__modal .modal__body .category__item:hover {
      box-shadow: 0px 8px 16px #E6ECF0; }
    .categories__modal .modal__body .category__item .category__wrapper {
      display: flex;
      align-items: center;
      grid-gap: 8px; }
      .categories__modal .modal__body .category__item .category__wrapper .category__image {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        border: 1px solid #E6ECF0; }
      .categories__modal .modal__body .category__item .category__wrapper .category__title {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #182C36; }
  .categories__modal .modal__body .categories {
    display: flex;
    grid-gap: 25px;
    position: absolute;
    transition: 0.3s ease; }
    @media (max-width: 1023px) {
      .categories__modal .modal__body .categories {
        display: none; } }
    .categories__modal .modal__body .categories .category__list {
      background-color: #F6F6F6;
      display: flex;
      flex-direction: column;
      grid-gap: 8px;
      z-index: 3;
      transition: 0.3s ease;
      width: 250px;
      overflow-y: auto;
      overflow-x: hidden;
      height: calc(100vh - 200px);
      
      position: relative; }
      .categories__modal .modal__body .categories .category__list::-webkit-scrollbar {
        width: 4px;
        height: auto; }
      .categories__modal .modal__body .categories .category__list::-webkit-scrollbar-track-piece {
        background-color: #E6ECF0;
        -webkit-border-radius: 8px; }
      .categories__modal .modal__body .categories .category__list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #3B5765; }
  .categories__modal .modal__body .categories-view-column-2 {
    transition: 0.3s ease; }
    .categories__modal .modal__body .categories-view-column-2:hover .category__list {
      transition: 0.3s ease;
      left: 0; }
      .categories__modal .modal__body .categories-view-column-2:hover .category__list:not(:first-child) {
        position: relative;
        transition: 0.3s ease; }
      @media (max-width: 1280px) {
        .categories__modal .modal__body .categories-view-column-2:hover .category__list:nth-child(1) {
          width: 80px;
          opacity: 0.5;
          background-color: transparent; } }
  .categories__modal .modal__body .categories-view-column-3 {
    transition: 0.3s ease; }
    .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) {
      opacity: 0.4;
      width: 150px; }
      .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) .category__item {
        background-color: transparent; }
        .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) .category__item span svg {
          display: none; }
      @media (max-width: 1280px) {
        .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) {
          width: 50px; } }
    .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) {
      z-index: 2;
      scrollbar-width: none; }
      .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2)::-webkit-scrollbar {
        width: 0px;
        height: 0px; }
      .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2)::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0; }
      @media (max-width: 1620px) {
        .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) {
          width: 150px;
          opacity: 0.6; }
          .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) .category__item {
            background-color: transparent; }
            .categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) .category__item span svg {
              display: none; } }
  .categories__modal .modal__body .categories-view-column-4 {
    transition: 0.3s ease; }
    @media (max-width: 1440px) {
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(1) {
        width: 100px;
        opacity: 0.1; } }
    @media (max-width: 1280px) {
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(1) {
        width: 50px; } }
    .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) {
      opacity: 0.4;
      scrollbar-width: none;
      width: 150px; }
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2)::-webkit-scrollbar {
        width: 0px;
        height: 0px; }
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2)::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0; }
      @media (max-width: 1440px) {
        .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) {
          width: 100px; } }
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) .category__item {
        background-color: transparent; }
        .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) .category__item span svg {
          display: none; }
    .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) {
      opacity: 0.7;
      z-index: 2;
      scrollbar-width: none; }
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3)::-webkit-scrollbar {
        width: 0px;
        height: 0px; }
      .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3)::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0; }
      @media (max-width: 1620px) {
        .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) {
          width: 150px; }
          .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) .category__item {
            background-color: transparent; }
            .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) .category__item span svg {
              display: none; } }
      @media (max-width: 1280px) {
        .categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) {
          width: 100px; } }
  .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) {
    scrollbar-width: none; }
    .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4)::-webkit-scrollbar {
      width: 0px;
      height: 0px; }
    .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4)::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0; }
    @media (max-width: 1620px) {
      .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) {
        opacity: 0.7;
        width: 170px; }
        .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) .category__item span svg {
          display: none; } }
    @media (max-width: 1280px) {
      .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) {
        width: 80px; }
        .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) .category__item {
          background-color: transparent; } }
  @media (max-width: 1440px) {
    .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(3) {
      width: 100px; } }
  @media (max-width: 1440px) {
    .categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(1) {
      width: 50px; } }
  .categories__modal .modal__body .categories-mobile {
    display: none; }
    @media (max-width: 1023px) {
      .categories__modal .modal__body .categories-mobile {
        display: flex; } }
    .categories__modal .modal__body .categories-mobile .categories-mobile__block {
      width: 100%; }
      .categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper {
        width: 100%;
        display: none; }
        .categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper .categories-mobile__list {
          width: 100%;
          border-radius: 8px;
          border: 1px solid #E6ECF0;
          overflow: hidden; }
          .categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper .categories-mobile__list .category__item {
            border-radius: 0;
            width: 100%;
            height: 50px; }
            .categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper .categories-mobile__list .category__item:not(:last-child) {
              border-bottom: 1px solid #E6ECF0; }
      .categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-1 {
        display: block; }

.categories__modal.active {
visibility: visible;
opacity: 1;
top: 0; }

.order-search__modal {
display: block;
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
z-index: 4; }

.order-search__modal.active {
visibility: visible;
opacity: 1; }

.act-calendar__modal {
max-width: 375px; }
@media (max-width: 576px) {
  .act-calendar__modal {
    top: 0;
    left: 0;
    max-width: 100%;
    transform: none;
    border-radius: 0; } }
.act-calendar__modal .modal__header {
  border-bottom: none;
  padding: 24px 24px 0 24px; }
.act-calendar__modal .calendar__body {
  padding: 16px 24px 24px 24px; }
  @media (max-width: 576px) {
    .act-calendar__modal .calendar__body {
      overflow-y: auto;
      height: calc(100vh - 70px);
      scrollbar-width: none; }
      .act-calendar__modal .calendar__body::-webkit-scrollbar {
        width: 0px;
        height: 0px; }
      .act-calendar__modal .calendar__body::-webkit-scrollbar-track-piece {
        background-color: transparent;
        -webkit-border-radius: 0; } }
  .act-calendar__modal .calendar__body .filter-table__select.active .select__list {
    height: -moz-max-content;
    height: max-content;
    max-height: -moz-max-content;
    max-height: max-content; }
  .act-calendar__modal .calendar__body .filter-table__component .select {
    width: 100%; }
  .act-calendar__modal .calendar__body .calendar__tabs .calendar__item {
    border: none;
    padding: 0;
    background-color: transparent; }
  .act-calendar__modal .calendar__body .calendar__table .calendar .weeks {
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
  .act-calendar__modal .calendar__body .calendar__table .calendar .days {
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }

.configure__modal {
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.configure__modal .modal__body {
  background-color: #ffffff;
  display: flex;
  grid-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - 80px);
  overflow-y: auto;
  scrollbar-width: none; }
  .configure__modal .modal__body::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .configure__modal .modal__body::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0; }
  .configure__modal .modal__body .list__title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #182C36;
    margin-bottom: 16px; }
  .configure__modal .modal__body .checkout__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 16px; }
  .configure__modal .modal__body .component__button {
    width: 100%; }

.configure__modal.active {
right: 0;
visibility: visible;
opacity: 1; }

.sub-modal {
position: fixed;
bottom: -15%;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 6;
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.sub-modal .modal__sub-body .sub-modal__list {
  padding: 24px; }
  .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    max-height: 450px;
    overflow-y: scroll;
     }
    .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper::-webkit-scrollbar {
      width: 4px;
      height: auto; }
    .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper::-webkit-scrollbar-track-piece {
      background-color: #E6ECF0;
      -webkit-border-radius: 8px; }
    .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #3B5765; }
    .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description {
      background-color: transparent;
      transition: 0.3s ease;
      max-width: calc(100% - 30px); }
      .sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description:hover {
        background-color: #F1F4F6; }

.sub-modal.active {
bottom: 0%;
visibility: visible;
opacity: 1; }

.sort-mobile__modal {
display: none;
position: fixed;
bottom: -15%;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 6;
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
@media (max-width: 576px) {
  .sort-mobile__modal {
    display: block; } }
.sort-mobile__modal .modal__sub-body .sort-mobile__list {
  padding: 24px; }
  .sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 32px;
    max-height: 450px;
    overflow-y: auto;
     }
    .sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper::-webkit-scrollbar {
      width: 4px;
      height: auto; }
    .sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper::-webkit-scrollbar-track-piece {
      background-color: #E6ECF0;
      -webkit-border-radius: 8px; }
    .sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #3B5765; }
    .sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper .sort-mobile__item {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36;
      text-align: left; }

.sort-mobile__modal.active {
bottom: 0%;
visibility: visible;
opacity: 1; }

.delivery-conditions___modal .delivery-conditions__list {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item:nth-child(2) .sub-block__title {
  position: relative; }
  .delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item:nth-child(2) .sub-block__title:after {
    position: absolute;
    content: '*';
    color: #E23D41; }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  padding: 16px; }
  @media (max-width: 576px) {
    .delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content {
      padding: 12px; } }
  .delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content ul {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    padding: 0 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36; }
  .delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content .delivery-conditions__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36; }

.delivery-payment___modal .delivery-payment__list {
display: flex;
flex-direction: column;
grid-gap: 24px; }
.delivery-payment___modal .delivery-payment__list .delivery-payment__item {
  display: flex;
  flex-direction: column;
  grid-gap: 12px; }
  .delivery-payment___modal .delivery-payment__list .delivery-payment__item .delivery-payment__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36;
    line-height: 20px; }

.popup {
display: block;
visibility: hidden;
opacity: 0;
position: fixed;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
padding: 24px;
background-color: #ffffff;
border-radius: 16px;
transition: 0.3s ease; }
.popup .popup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px; }
.popup .popup__body {
  margin-bottom: 24px; }
  .popup .popup__body .popup__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #182C36; }
  .popup .popup__body .popup__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #182C36; }
.popup .component__button {
  width: 100%; }
.popup .buttons__wrapper {
  display: flex;
  grid-gap: 16px; }

.popup.active {
visibility: visible;
opacity: 1;
top: 50%; }

.popup__delete .popup__header .confirmation-icon {
display: none; }

.popup__delete .popup__body .popup__text-confirmation {
display: none; }

.popup__delete .buttons-confirmation {
display: none; }

.popup__delete.confirmation .popup__header .confirmation-icon {
display: block; }

.popup__delete.confirmation .popup__header .popup-icon {
display: none; }

.popup__delete.confirmation .popup__body .popup__text-confirmation {
display: block; }

.popup__delete.confirmation .popup__body .text {
display: none; }

.popup__delete.confirmation .buttons-confirmation {
display: block; }

.popup__delete.confirmation .buttons {
display: none; }

.header {
padding: 24px 0 16px; }
@media (max-width: 1023px) {
  .header {
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #E6ECF0; } }
@media (max-width: 576px) {
  .header {
    padding: 12px 0; } }
.header .no-aside-logo {
  display: none;
  width: 96px;
  height: 48px; }
  @media (max-width: 1023px) {
    .header .no-aside-logo {
      position: absolute;
      width: 64px;
      height: 32px; } }
.header .header__wrapper {
  display: flex;
  grid-gap: 16px;
  transition: 0.3s ease; }
  @media (max-width: 1023px) {
    .header .header__wrapper {
      flex-direction: column; } }
  @media (max-width: 576px) {
    .header .header__wrapper {
      grid-gap: 8px; } }
  .header .header__wrapper .menu__mobile {
    display: none; }
    @media (max-width: 1023px) {
      .header .header__wrapper .menu__mobile {
        display: flex;
        justify-content: space-between; } }
  .header .header__wrapper .search__wrapper {
    position: relative;
    width: 100%;
    top: inherit;
    z-index: 3;
    visibility: visible;
    opacity: 1; }
    .header .header__wrapper .search__wrapper .search__input {
      background-color: #ffffff;
      width: 100%;
      height: 40px;
      border-radius: 8px;
      padding: 12px;
      font-weight: 400;
      font-size: 13px;
      line-height: 16px;
      border: 1px solid #839EAD; }
      .header .header__wrapper .search__wrapper .search__input::-moz-placeholder {
        color: #8393AD; }
      .header .header__wrapper .search__wrapper .search__input::placeholder {
        color: #8393AD; }
      @media (max-width: 576px) {
        .header .header__wrapper .search__wrapper .search__input {
          height: 40px; } }
    .header .header__wrapper .search__wrapper .icon__search {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 12px;
      background-color: #ffffff; }
    .header .header__wrapper .search__wrapper .loupe__search.hidden {
      display: none; }
    .header .header__wrapper .search__wrapper .close__search {
      display: none; }
    .header .header__wrapper .search__wrapper .close__search.active {
      display: flex; }
    .header .header__wrapper .search__wrapper .search__datalist {
      position: absolute;
      display: block;
      overflow: hidden;
      border: 1px solid #E6ECF0;
      border-radius: 0 0 8px 8px;
      border-top: none;
      opacity: 0;
      visibility: hidden;
      width: inherit;
      transition: 0.3s ease; }
      @media (max-width: 1280px) {
        .header .header__wrapper .search__wrapper .search__datalist {
          width: 720px;
          top: 70px; }
          .header .header__wrapper .search__wrapper .search__datalist .datalist__title {
            border-top: 1px solid #E6ECF0; } }
      @media (max-width: 1023px) {
        .header .header__wrapper .search__wrapper .search__datalist {
          width: 100%;
          top: auto; }
          .header .header__wrapper .search__wrapper .search__datalist .datalist__title {
            border-top: none; } }
      .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper {
        display: block;
        position: relative;
        border-top: 1px solid #E6ECF0;
        background-color: #ffffff; }
        .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper:hover {
          background-color: #E6ECF0; }
        .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .select__item {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          cursor: pointer; }
        .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom {
          display: flex;
          justify-content: space-between;
          grid-gap: 8px;
          padding: 8px 16px 8px 8px; }
          .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom .option__subwrapper {
            display: flex;
            grid-gap: 8px; }
          .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom .option__price {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #182C36;
            display: flex;
            align-items: center;
            white-space: nowrap; }
            @media (max-width: 425px) {
              .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom .option__price {
                font-size: 12px;
                font-weight: 500; } }
        .header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .show-results {
          justify-content: center;
          padding: 16px;
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 16px;
          color: #182C36; }
      .header .header__wrapper .search__wrapper .search__datalist .option__list .show-results:hover {
        background-color: #3B5765; }
        .header .header__wrapper .search__wrapper .search__datalist .option__list .show-results:hover .show-results {
          color: #ffffff; }
    .header .header__wrapper .search__wrapper .search__datalist.active {
      opacity: 1;
      visibility: visible;
      box-shadow: 0px 18px 23px 4px rgba(34, 60, 80, 0.2); }
  .header .header__wrapper .menu__navigation {
    display: flex;
    grid-gap: 12px; }
    @media (max-width: 1023px) {
      .header .header__wrapper .menu__navigation {
        background-color: #ffffff;
        position: fixed;
        z-index: 3;
        justify-content: space-around;
        width: 100%;
        bottom: 0;
        left: 0;
        border-top: 1px solid #E6ECF0; } }
    .header .header__wrapper .menu__navigation .menu__component {
      display: flex;
      align-items: center;
      position: relative;
      background-color: #E6ECF0;
      color: #182C36;
      font-style: normal;
      white-space: nowrap;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      height: 40px;
      grid-gap: 10px;
      padding: 12px;
      border-radius: 8px;
      z-index: 1; }
      .header .header__wrapper .menu__navigation .menu__component svg {
        width: 16px;
        height: 16px;
      }
      @media (max-width: 1023px) {
        .header .header__wrapper .menu__navigation .menu__component {
          height: auto;
          background-color: transparent;
          flex-direction: column;
          align-items: center;
          grid-gap: 5px; } }
      @media (max-width: 576px) {
        .header .header__wrapper .menu__navigation .menu__component {
          grid-gap: 2px;
          padding: 12px 6px; } }
      .header .header__wrapper .menu__navigation .menu__component .prompt {
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        text-transform: uppercase;
        background-color: #182C36;
        color: #E6ECF0;
        padding: 2px 6px;
        border-radius: 4px;
        transition: 0.3s ease;
        bottom: -50px; }
        @media (max-width: 1023px) {
          .header .header__wrapper .menu__navigation .menu__component .prompt {
            position: relative;
            visibility: visible;
            opacity: 1;
            background-color: inherit;
            color: inherit;
            top: 0; } }
        @media (max-width: 576px) {
          .header .header__wrapper .menu__navigation .menu__component .prompt {
            font-size: 8px; } }
        .header .header__wrapper .menu__navigation .menu__component .prompt .figure {
          position: absolute;
          top: -4px;
          left: 50%;
          transform: translateX(-50%); }
          @media (max-width: 1023px) {
            .header .header__wrapper .menu__navigation .menu__component .prompt .figure {
              display: none; } }
      .header .header__wrapper .menu__navigation .menu__component:hover {
        background-color: #3b5765;
        color: #FFFFFF; }
        @media (max-width: 1023px) {
          .header .header__wrapper .menu__navigation .menu__component:hover {
            background-color: inherit;
            color: inherit; } }
        .header .header__wrapper .menu__navigation .menu__component:hover .prompt {
          opacity: 1;
          visibility: visible;
          bottom: -30px; }
          @media (max-width: 1023px) {
            .header .header__wrapper .menu__navigation .menu__component:hover .prompt {
              bottom: 0; } }
        .header .header__wrapper .menu__navigation .menu__component:hover .component__icon .hover__icon {
          stroke: #E6ECF0; }
          @media (max-width: 1023px) {
            .header .header__wrapper .menu__navigation .menu__component:hover .component__icon .hover__icon {
              stroke: #182C36; } }
    .header .header__wrapper .menu__navigation .catalog__button {
      display: none;
      width: auto; }
      @media (max-width: 1023px) {
        .header .header__wrapper .menu__navigation .catalog__button {
          display: flex; } }
    .header .header__wrapper .menu__navigation .notification__button::before {
      position: absolute;
      top: -5px;
      right: -5px;
      content: "";
      width: 14px;
      height: 14px;
      border-radius: 100%;
      /*background-color: #E23D41;*/
      /*border: 2px solid #E6ECF0;*/ }
    @media (max-width: 1023px) {
      .header .header__wrapper .menu__navigation .notification__button {
        display: none; } }
    @media (max-width: 1023px) {
      .header .header__wrapper .menu__navigation .support__link {
        display: none; } }
    @media (max-width: 1023px) {
      .header .header__wrapper .menu__navigation .cart__link {
        font-weight: 500;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
        position: relative;
        justify-content: center; }
        .header .header__wrapper .menu__navigation .cart__link .cart__counter {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 10px;
          right: 10px;
          background-color: #E23D41;
          border-radius: 100%;
          color: transparent;
          width: 10px;
          height: 10px;
          font-size: 0;
          text-indent: -99px; }
          .header .header__wrapper .menu__navigation .cart__link .cart__counter .counter__number {
            color: #ffffff; } }
    @media (max-width: 576px) {
      .header .header__wrapper .menu__navigation .cart__link {
        font-size: 8px; } }
.header .header__wrapper.scroll {
  flex-direction: row; }
  .header .header__wrapper.scroll .menu__mobile .logo__link {
    display: none; }
  .header .header__wrapper.scroll .menu__mobile .notification__button {
    display: none; }

.main section .main__block {
display: flex;
flex-direction: column;
margin-bottom: 16px; }
/* @media (max-width: 576px) {
  .main section .main__block {
    margin: 0;} } */

.main .info__section .card-user__block {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 24px; }
@media (max-width: 1023px) {
  .main .info__section .card-user__block {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 18px; } }
@media (max-width: 767px) {
  .main .info__section .card-user__block {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 160px; } }
@media (max-width: 576px) {
  .main .info__section .card-user__block {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 14px; } }
@media (max-width: 425px) {
  .main .info__section .card-user__block {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-gap: 12px;
    grid-auto-rows: 150px; } }
.main .info__section .card-user__block .user__card {
  display: flex;
  flex-direction: column;
  grid-gap: 38px;
  padding: 24px;
  border-radius: 8px;
  transition: 0.3s ease;
  isolation: isolate;
  justify-content: space-between; }
  .main .info__section .card-user__block .user__card:not(:last-child) {
    background-color: #ffffff; }
  @media (max-width: 1023px) {
    .main .info__section .card-user__block .user__card {
      grid-gap: 24px;
      padding: 18px; } }
  @media (max-width: 576px) {
    .main .info__section .card-user__block .user__card {
      grid-gap: 16px;
      padding: 16px; } }
  @media (max-width: 425px) {
    .main .info__section .card-user__block .user__card {
      grid-gap: 14px; } }
  .main .info__section .card-user__block .user__card .user__info {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1023px) {
      .main .info__section .card-user__block .user__card .user__info {
        flex-direction: column;
        grid-gap: 16px; } }
    .main .info__section .card-user__block .user__card .user__info .card__wrapper {
      display: flex;
      flex-direction: column;
      grid-gap: 4px; }
  .main .info__section .card-user__block .user__card:last-child {
    background-color: #3B5765; }
    .main .info__section .card-user__block .user__card:last-child .card__title {
      color: #ffffff; }
    .main .info__section .card-user__block .user__card:last-child .card__value {
      color: #ffffff; }
  .main .info__section .card-user__block .user__card:hover {
    box-shadow: 0px 8px 16px #E6ECF0; }
    .main .info__section .card-user__block .user__card:hover .card__title .card__icon .stroke {
      stroke: #E23D41; }
    .main .info__section .card-user__block .user__card:hover .card__title .card__icon .fill {
      fill: #FEEBEF; }
    .main .info__section .card-user__block .user__card:hover .card__title .card__icon .last-fill {
      fill: #EB9B9F; }
.main .info__section .card-user__block .black__card:hover {
  box-shadow: 0px 8px 16px #E6ECF0; }
  .main .info__section .card-user__block .black__card:hover .card__title .card__icon .stroke {
    stroke: #E23D41; }
  .main .info__section .card-user__block .black__card:hover .card__title .card__icon .fill {
    fill: #E23D41; }
  .main .info__section .card-user__block .black__card:hover .card__title .card__icon .last-fill {
    fill: #182C36; }
  .main .info__section .card-user__block .black__card:hover .card__title .card__icon .red {
    stroke: #E23D41; }

.main .menu__section .menu__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 24px; }
@media (max-width: 1280px) {
  .main .menu__section .menu__list {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); } }
@media (max-width: 1023px) {
  .main .menu__section .menu__list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 18px; } }
@media (max-width: 768px) {
  .main .menu__section .menu__list {
    grid-gap: 16px; } }
@media (max-width: 576px) {
  .main .menu__section .menu__list {
    grid-gap: 14px; } }
@media (max-width: 425px) {
  .main .menu__section .menu__list {
    grid-gap: 12px; } }
.main .menu__section .menu__list .menu__card {
  display: flex;
  align-items: center;
  grid-gap: 32px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px;
  max-height: 152px;
  height: 100%; }
  @media (max-width: 1023px) {
    .main .menu__section .menu__list .menu__card {
      grid-gap: 16px;
      padding: 16px; } }
  @media (max-width: 576px) {
    .main .menu__section .menu__list .menu__card {
      padding: 8px; } }
  .main .menu__section .menu__list .menu__card .menu-card__logo {
    width: 98px;
    height: 98px; }
    @media (max-width: 1440px) {
      .main .menu__section .menu__list .menu__card .menu-card__logo {
        width: 88px;
        height: 88px; } }
    @media (max-width: 1023px) {
      .main .menu__section .menu__list .menu__card .menu-card__logo {
        width: 44px;
        height: 44px; } }
  .main .menu__section .menu__list .menu__card:hover {
    box-shadow: 0px 8px 16px #E6ECF0; }
    .main .menu__section .menu__list .menu__card:hover svg .stroke {
      stroke: #E23D41; }
    .main .menu__section .menu__list .menu__card:hover svg .fill {
      fill: #FCCED5; }
    .main .menu__section .menu__list .menu__card:hover .menu-card__wrapper .main-card__title {
      color: #E23D41; }
    .main .menu__section .menu__list .menu__card:hover .menu-card__wrapper .card__subtitle {
      color: #E23D41; }

.main .offers__section .offer__slider {
margin-right: -24px; }
@media (max-width: 425px) {
  .main .offers__section .offer__slider {
    margin-right: 0; } }
.main .offers__section .offer__slider .swiper-slide {
  width: 383px; }
  @media (max-width: 1023px) {
    .main .offers__section .offer__slider .swiper-slide {
      width: 254px; } }
  .main .offers__section .offer__slider .swiper-slide .offer__item {
    height: 192px;
    border-radius: 8px;
    overflow: auto;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer; }
    @media (max-width: 1023px) {
      .main .offers__section .offer__slider .swiper-slide .offer__item {
        height: 128px; } }
    @media (max-width: 425px) {
      .main .offers__section .offer__slider .swiper-slide .offer__item {
        height: 175px; } }
    .main .offers__section .offer__slider .swiper-slide .offer__item .offer__content {
      background-color: #46B751;
      width: 100%; }
      .main .offers__section .offer__slider .swiper-slide .offer__item .offer__content .offer__text {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #F6F8FA;
        opacity: 0.8; }
        @media (max-width: 1023px) {
          .main .offers__section .offer__slider .swiper-slide .offer__item .offer__content .offer__text {
            display: none; } }
    .main .offers__section .offer__slider .swiper-slide .offer__item .down {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 35%; }
  .main .offers__section .offer__slider .swiper-slide .content__down {
    align-items: end; }
    .main .offers__section .offer__slider .swiper-slide .content__down .offer__content {
      padding: 8px 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 35%; }
  .main .offers__section .offer__slider .swiper-slide .content__right {
    justify-content: end; }
    .main .offers__section .offer__slider .swiper-slide .content__right .offer__content {
      padding: 8px 16px 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      width: 50%; }

.main .profile__section .main__title {
margin-bottom: 16px; }

.main .profile__section .section__block {
background-color: #ffffff;
border-radius: 8px;
overflow: visible;
position: relative; }
.main .profile__section .section__block .section__tabs {
  padding: 32px 24px 15px; }
  @media (max-width: 576px) {
    .main .profile__section .section__block .section__tabs {
      padding: 20px 24px 15px; } }
.main .profile__section .section__block .section__contents .section__content {
  display: none; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36;
    display: flex;
    align-items: center;
    grid-gap: 12px;
    margin-bottom: 16px; }
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__icon {
      display: none; }
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .text__wrapper {
      display: flex;
      flex-direction: column;
      grid-gap: 4px; }
      .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .text__wrapper span:nth-child(2) {
        display: none;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        /* 133.333% */
        color: #839EAD; }
    @media (max-width: 576px) {
      .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo {
        justify-content: center; }
        .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo span {
          display: none; } }
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 56px;
      height: 56px;
      border-radius: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
      @media (max-width: 576px) {
        .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__wrapper {
          width: 88px;
          height: 88px; } }
  @media (max-width: 576px) {
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add {
      justify-content: start; } }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .photo__icon {
    display: flex; }
  @media (max-width: 576px) {
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .text__wrapper span {
      display: block; } }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .text__wrapper span:nth-child(2) {
    display: flex; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .photo__wrapper {
    cursor: pointer;
    flex: 0 0 auto; }
    @media (max-width: 576px) {
      .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .photo__wrapper {
        width: 56px;
        height: 56px; } }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__form {
    margin-bottom: 24px; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .login__form {
    margin-bottom: 24px; }
  @media (max-width: 576px) {
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .light__button {
      width: 100%; } }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .save-changes {
    display: none;
    justify-content: start;
    grid-gap: 16px; }
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .save-changes .component__button {
      width: 184px; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .save-changes.active {
    display: flex; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .edit-fields__button {
    max-width: 280px; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .edit-fields__button.hide {
    display: none; }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .add-section__wrapper {
    position: absolute;
    top: -1px;
    right: 0;
    padding: 13px;
    background-color: #ffffff; }
    @media (max-width: 1280px) {
      .main .profile__section .section__block .section__contents .section__content .section__wrapper .add-section__wrapper {
        padding: 0;
        top: 88px;
        right: 16px; } }
    @media (max-width: 768px) {
      .main .profile__section .section__block .section__contents .section__content .section__wrapper .add-section__wrapper {
        position: static;
        margin-top: 8px; } }
  .main .profile__section .section__block .section__contents .section__content .section__wrapper .filter-table__select {
    display: none;
    flex-direction: column;
    align-items: baseline;
    border: 1px solid #E6ECF0;
    width: 100%;
    padding: 10px; }
    @media (max-width: 576px) {
      .main .profile__section .section__block .section__contents .section__content .section__wrapper .filter-table__select {
        display: flex; } }
  @media (max-width: 576px) {
    .main .profile__section .section__block .section__contents .section__content .section__wrapper .main__tabs {
      display: none; } }
  @media (max-width: 1280px) {
    .main .profile__section .section__block .section__contents .section__content .section__table th:nth-child(2n+4), .main .profile__section .section__block .section__contents .section__content .section__table td:nth-child(2n+4) {
      display: none; } }
  @media (max-width: 1023px) {
    .main .profile__section .section__block .section__contents .section__content .section__table th:nth-child(3n+3), .main .profile__section .section__block .section__contents .section__content .section__table td:nth-child(3n+3) {
      display: none; } }
  @media (max-width: 768px) {
    .main .profile__section .section__block .section__contents .section__content .section__table {
      border-radius: 0; }
      .main .profile__section .section__block .section__contents .section__content .section__table tbody {
        border-radius: 8px; }
        .main .profile__section .section__block .section__contents .section__content .section__table tbody tr {
          display: flex;
          flex-direction: column;
          padding: 12px; }
          .main .profile__section .section__block .section__contents .section__content .section__table tbody tr:first-child {
            border-top: 1px solid #E6ECF0; }
      .main .profile__section .section__block .section__contents .section__content .section__table td {
        border-top: none;
        padding: 0; }
        .main .profile__section .section__block .section__contents .section__content .section__table td:not(:first-child):not(:last-child) {
          display: none; }
        .main .profile__section .section__block .section__contents .section__content .section__table td .profile__verification {
          margin-top: 4px; }
      .main .profile__section .section__block .section__contents .section__content .section__table th {
        display: none; } }
  .main .profile__section .section__block .section__contents .section__content .section__table .cell__name {
    display: flex;
    align-items: center;
    grid-gap: 12px; }
    @media (max-width: 768px) {
      .main .profile__section .section__block .section__contents .section__content .section__table .cell__name {
        margin-bottom: 12px; } }
    .main .profile__section .section__block .section__contents .section__content .section__table .cell__name .name__logo {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      font-style: normal;
      font-weight: 700;
      font-size: 13px;
      line-height: 16px;
      width: 40px;
      height: 40px;
      padding: 12px;
      color: #182C36;
      background-color: #E6ECF0; }
  .main .profile__section .section__block .section__contents .section__content .section__table .tbody .show {
    display: table-row; }
  .main .profile__section .section__block .section__contents .section__content .section__table .show {
    display: table-row; }
    @media (max-width: 768px) {
      .main .profile__section .section__block .section__contents .section__content .section__table .show {
        display: flex; } }
@media (max-width: 1280px) {
  .main .profile__section .section__block .section__contents .representativest__content .section__wrapper {
    padding: 36px; } }
@media (max-width: 768px) {
  .main .profile__section .section__block .section__contents .representativest__content .section__wrapper {
    padding: 16px; } }
@media (max-width: 1280px) {
  .main .profile__section .section__block .section__contents .representativest__content .section__wrapper .add-section__wrapper {
    left: 16px;
    top: 76px; } }
@media (max-width: 768px) {
  .main .profile__section .section__block .section__contents .representativest__content .section__wrapper .add-section__wrapper {
    margin-top: 0; } }
.main .profile__section .section__block .section__contents .active {
  display: block; }

.main .profile__section .representativest__content .section__wrapper {
padding: 10px; }

.main .profile__section .profile--active {
background-color: #F6F6F6; }

.main .user__section .create__form .section__contents .main__form .add__photo {
display: flex;
align-items: center;
grid-gap: 16px; }
.main .user__section .create__form .section__contents .main__form .add__photo .add__text {
  display: flex;
  flex-direction: column;
  grid-gap: 4px; }
  .main .user__section .create__form .section__contents .main__form .add__photo .add__text .edit__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36; }
  .main .user__section .create__form .section__contents .main__form .add__photo .add__text .format__text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #8393AD; }

.main .user__section .create__form .section__contents .main__form .button__wrapper {
display: flex;
grid-gap: 16px; }

.main .promotions__section .main__tabs {
margin-bottom: 36px; }

.main .promotions__section .promotion__block {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-auto-rows: auto;
grid-gap: 24px;
margin-bottom: 32px; }
@media (max-width: 1023px) {
  .main .promotions__section .promotion__block {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }

.main .promotion__section .promotion-card__block {
display: flex;
flex-direction: column;
grid-gap: 48px;
background-color: #ffffff;
padding: 24px;
border-radius: 8px; }
@media (max-width: 576px) {
  .main .promotion__section .promotion-card__block {
    padding: 16px; } }
.main .promotion__section .promotion-card__block .promotion-card__image {
  width: 100%;
  border-radius: 8px; }
.main .promotion__section .promotion-card__block .promotion-card__sub-wrapper {
  display: flex;
  grid-gap: 16px; }
  @media (max-width: 576px) {
    .main .promotion__section .promotion-card__block .promotion-card__sub-wrapper {
      flex-direction: column; } }
  .main .promotion__section .promotion-card__block .promotion-card__sub-wrapper .promotion-card__title {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    padding: 16px;
    width: 100%;
    background-color: #F6F8FA;
    border-radius: 8px;
    margin-bottom: 0; }
.main .promotion__section .promotion-card__block .card-list {
  padding-left: 17px; }
  .main .promotion__section .promotion-card__block .card-list .card-sub-list {
    padding-left: 17px;
    margin-top: 20px; }
  .main .promotion__section .promotion-card__block .card-list__item {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #182C36; }
    .main .promotion__section .promotion-card__block .card-list__item:not(:last-child) {
      margin-bottom: 20px; }

.main .current__section .current__slider {
margin-right: -24px; }
.main .current__section .current__slider .swiper-slide {
  width: 392px; }
  @media (max-width: 1023px) {
    .main .current__section .current__slider .swiper-slide {
      width: 344px; } }
  .main .current__section .current__slider .swiper-slide .promotion__card:hover {
    scale: 1; }
  .main .current__section .current__slider .swiper-slide .promotion__card .promotion__time {
    top: 8px;
    left: 8px; }

.main .help__section .accordion-help {
padding: 16px;
background-color: #F6F8FA;
border-radius: 8px;
position: relative;
transition: 0.3s ease; }
.main .help__section .accordion-help:hover {
  box-shadow: 0px 8px 16px #E6ECF0; }
@media (max-width: 576px) {
  .main .help__section .accordion-help {
    padding: 12px; } }
.main .help__section .accordion-help:not(:last-child) {
  margin-bottom: 18px; }
  @media (max-width: 576px) {
    .main .help__section .accordion-help:not(:last-child) {
      margin-bottom: 12px; } }
.main .help__section .accordion-help .accordion__input {
  z-index: 2; }
  .main .help__section .accordion-help .accordion__input:checked ~ .accordion__label .accordion-help__wrapper svg {
    z-index: 1;
    transform: rotate(135deg); }
.main .help__section .accordion-help .accordion-help__wrapper {
  display: flex;
  justify-content: space-between; }
.main .help__section .accordion-help .accordion__content .accordion-help__text {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #3B5765;
  margin-top: 16px; }

.main .main-order__section .create__main-wrapper {
display: flex;
grid-gap: 24px; }
@media (max-width: 1280px) {
  .main .main-order__section .create__main-wrapper {
    flex-direction: column-reverse; } }
.main .main-order__section .create__main-wrapper .create__form {
  height: -moz-fit-content;
  height: fit-content; }
  @media (max-width: 425px) {
    .main .main-order__section .create__main-wrapper .create__form .section__tabs {
      justify-content: center; } }
  .main .main-order__section .create__main-wrapper .create__form .create__wrapper {
    display: flex;
    grid-gap: 16px; }
  .main .main-order__section .create__main-wrapper .create__form .textarea__complaint {
    height: 100%; }
    .main .main-order__section .create__main-wrapper .create__form .textarea__complaint .form__textarea {
      height: 174px; }
  .main .main-order__section .create__main-wrapper .create__form .field__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 16px; }
    .main .main-order__section .create__main-wrapper .create__form .field__wrapper .field__block {
      display: flex;
      flex-direction: column;
      grid-gap: 16px; }
    .main .main-order__section .create__main-wrapper .create__form .field__wrapper .processed__block .processed__wrapper {
      display: flex;
      flex-direction: column;
      grid-gap: 16px;
      padding: 16px;
      background-color: #F6F8FA;
      border-radius: 8px; }
    .main .main-order__section .create__main-wrapper .create__form .field__wrapper .generated__block .generated__list {
      border-radius: 8px;
      overflow: hidden; }
      .main .main-order__section .create__main-wrapper .create__form .field__wrapper .generated__block .generated__list .generated__order {
        display: flex;
        justify-content: space-between;
        padding: 12px 13px;
        background-color: #E6ECF0; }
      .main .main-order__section .create__main-wrapper .create__form .field__wrapper .generated__block .generated__list .hide {
        display: none; }
    .main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper {
      display: flex;
      grid-gap: 16px; }
      @media (max-width: 576px) {
        .main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper {
          flex-direction: column; } }
      .main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper .component__button {
        max-width: 248px;
        width: 100%;
        padding: 16px; }
        @media (max-width: 576px) {
          .main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper .component__button {
            max-width: 100%; } }
.main .main-order__section .create__main-wrapper .clue__block {
  max-width: 100%;
  width: 100%;
  padding: 24px;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content; }
  @media (max-width: 1280px) {
    .main .main-order__section .create__main-wrapper .clue__block {
      max-width: 100%;
      padding: 16px; } }
  @media (max-width: 576px) {
    .main .main-order__section .create__main-wrapper .clue__block {
      padding: 8px; } }
  .main .main-order__section .create__main-wrapper .clue__block .warning__component {
    display: flex;
    grid-gap: 8px; }
    .main .main-order__section .create__main-wrapper .clue__block .warning__component .warning {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      border-radius: 8px;
      grid-gap: 8px;
      padding: 12px;
      background-color: #FEEBEF;
      color: #E23D41;
      font-style: normal;
      font-weight: 700;
      font-size: 10px;
      line-height: 16px;
      text-transform: uppercase;
      width: 100%; }
      @media (max-width: 576px) {
        .main .main-order__section .create__main-wrapper .clue__block .warning__component .warning {
          padding: 8px; } }
      .main .main-order__section .create__main-wrapper .clue__block .warning__component .warning span {
        display: flex; }
  .main .main-order__section .create__main-wrapper .clue__block .warning__button {
    display: none; }
    @media (max-width: 1280px) {
      .main .main-order__section .create__main-wrapper .clue__block .warning__button {
        display: flex; } }
    @media (max-width: 576px) {
      .main .main-order__section .create__main-wrapper .clue__block .warning__button {
        padding: 8px; } }
  .main .main-order__section .create__main-wrapper .clue__block .block__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .main .main-order__section .create__main-wrapper .clue__block .block__wrapper .block__title {
      margin-bottom: 0;
      text-transform: none; }
      @media (max-width: 1023px) {
        .main .main-order__section .create__main-wrapper .clue__block .block__wrapper .block__title {
          font-size: 16px; } }
  .main .main-order__section .create__main-wrapper .clue__block .clue__content {
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #182C36;
    padding-top: 16px;
    transition: 0.3s ease; }
    .main .main-order__section .create__main-wrapper .clue__block .clue__content ol {
      padding-left: 24px; }
      .main .main-order__section .create__main-wrapper .clue__block .clue__content ol li {
        margin: 12px 0; }
    .main .main-order__section .create__main-wrapper .clue__block .clue__content ul {
      padding-left: 8px; }
    @media (max-width: 1280px) {
      .main .main-order__section .create__main-wrapper .clue__block .clue__content {
        max-height: 0;
        padding-top: 0;
        visibility: hidden;
        height: 0;
        max-height: 100%;
        opacity: 0; } }
  .main .main-order__section .create__main-wrapper .clue__block .clue__content.active {
    visibility: visible;
    max-height: -moz-max-content;
    max-height: max-content;
    height: 100%;
    padding-top: 20px;
    opacity: 1; }

.main .main-order__section .main-title__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 10px;
width: 49.3%;
margin-bottom: 16px; }
@media (max-width: 1280px) {
  .main .main-order__section .main-title__wrapper {
    justify-content: space-between;
    width: 100%;
    gap: 10px; } }
@media (max-width: 576px) {
  .main .main-order__section .main-title__wrapper {
    flex-direction: column;
    align-items: baseline;
    gap: 10px; } }
.main .main-order__section .main-title__wrapper .component__button {
  width: 180px;
  height: 48px; }
  @media (max-width: 576px) {
    .main .main-order__section .main-title__wrapper .component__button {
      width: 100%; } }
.main .main-order__section .main-title__wrapper .main__title {
  margin-bottom: 0; }
  @media (max-width: 576px) {
    .main .main-order__section .main-title__wrapper .main__title {
      text-align: left; } }

.main .main-order__section .process__button {
width: 184px;
height: 48px; }
@media (max-width: 576px) {
  .main .main-order__section .process__button {
    width: 100%;
    height: 40px; } }

.main .main-order__section .order-make__content {
transition: 0.3s ease;
max-height: 0;
visibility: hidden;
opacity: 0; }
.main .main-order__section .order-make__content .order__table tbody tr td:first-child {
  padding: 10px 12px; }
@media (max-width: 768px) {
  .main .main-order__section .order-make__content .order__table tbody tr td {
    border-top: none; } }

.main .main-order__section .order-make__content.active {
height: auto;
max-height: 100vh;
visibility: visible;
opacity: 1; }

.main .appeal__section .appeal__block {
max-width: 904px;
width: 100%; }
.main .appeal__section .appeal__block .appeal__title {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8393AD; }
.main .appeal__section .appeal__block .appeal__value {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #182C36;
  display: flex;
  align-items: center;
  grid-gap: 4px; }
.main .appeal__section .appeal__block .appeal__icon {
  position: relative;
  top: -5px; }
.main .appeal__section .appeal__block .appeal__titles {
  display: flex;
  border: 1px solid #E6ECF0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 16px;
  grid-gap: 48px;
  background-color: #F6F8FA; }
  .main .appeal__section .appeal__block .appeal__titles .appeal__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 4px; }
.main .appeal__section .appeal__block .appeal__content {
  padding: 16px;
  background-color: #ffffff;
  border-right: 1px solid #E6ECF0;
  border-left: 1px solid #E6ECF0; }
  .main .appeal__section .appeal__block .appeal__content .appeal__wrapper {
    margin-bottom: 24px; }
  .main .appeal__section .appeal__block .appeal__content .attached__file {
    background-color: #F6F8FA; }
    .main .appeal__section .appeal__block .appeal__content .attached__file:not(:last-child) {
      margin-bottom: 12px; }
  .main .appeal__section .appeal__block .appeal__content .download__file {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main .appeal__section .appeal__block .appeal__content .download__file .download__wrapper {
      display: flex;
      grid-gap: 12px; }
  .main .appeal__section .appeal__block .appeal__content .attached__wrapper .appeal__title {
    margin-bottom: 12px; }
  .main .appeal__section .appeal__block .appeal__content .appeal___messages {
    display: flex;
    flex-direction: column;
    grid-gap: 16px; }
  .main .appeal__section .appeal__block .appeal__content .appeal__dialogue {
    display: flex;
    justify-content: center;
    position: relative; }
    .main .appeal__section .appeal__block .appeal__content .appeal__dialogue::before {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      content: '';
      height: 1px;
      width: 100%;
      background-color: #E6ECF0;
      z-index: 1; }
    .main .appeal__section .appeal__block .appeal__content .appeal__dialogue .dialogue__wrapper {
      padding: 0 8px;
      background: #ffffff;
      z-index: 2; }
    .main .appeal__section .appeal__block .appeal__content .appeal__dialogue .dialogue__time {
      width: -moz-max-content;
      width: max-content;
      font-size: 12px;
      border-radius: 64px;
      padding: 4px 12px;
      background-color: #F1F4F6;
      z-index: 2; }
  .main .appeal__section .appeal__block .appeal__content .message {
    max-width: 720px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: 8px; }
    .main .appeal__section .appeal__block .appeal__content .message .message__title {
      display: flex;
      align-items: center;
      grid-gap: 8px;
      margin-bottom: 8px; }
      .main .appeal__section .appeal__block .appeal__content .message .message__title .message__wrapper {
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #8393AD;
        transition: 0.3s ease; }
        @media (max-width: 1023px) {
          .main .appeal__section .appeal__block .appeal__content .message .message__title .message__wrapper {
            font-size: 8px;
            line-height: 14px; } }
        .main .appeal__section .appeal__block .appeal__content .message .message__title .message__wrapper .message__name {
          color: #182C36; }
    .main .appeal__section .appeal__block .appeal__content .message .message__text {
      font-style: normal;
      font-weight: 400;
      font-size: 13px;
      line-height: 16px;
      color: #182C36; }
  .main .appeal__section .appeal__block .appeal__content .outgoing__message {
    background-color: #C5D6DF;
    margin-right: 0;
    margin-left: auto; }
    .main .appeal__section .appeal__block .appeal__content .outgoing__message .corner {
      position: absolute;
      bottom: -5px;
      right: -10px; }
    .main .appeal__section .appeal__block .appeal__content .outgoing__message .appeal__file:hover {
      background-color: #F1F4F6; }
  .main .appeal__section .appeal__block .appeal__content .incoming__message {
    background-color: #F6F8FA;
    margin-left: 0;
    margin-right: auto; }
    .main .appeal__section .appeal__block .appeal__content .incoming__message .corner {
      position: absolute;
      bottom: -5px;
      left: -10px; }
.main .appeal__section .appeal__block .appel__change {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  border: 1px solid #E6ECF0;
  background-color: #F6F8FA;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 16px; }
  .main .appeal__section .appeal__block .appel__change .dialogue__change {
    display: none;
    flex-direction: column;
    grid-gap: 16px; }
    .main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons {
      display: flex;
      grid-gap: 18px; }
      @media (max-width: 576px) {
        .main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons {
          flex-direction: column; } }
      .main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons .component__button {
        max-width: 248px;
        width: 100%; }
        @media (max-width: 576px) {
          .main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons .component__button {
            max-width: 100%; } }
  .main .appeal__section .appeal__block .appel__change .resume__dialogue {
    max-width: 248px;
    width: 100%; }

.main .basket__section .basket__block .basket__download {
display: flex;
justify-content: space-between; }
@media (max-width: 1023px) {
  .main .basket__section .basket__block .basket__download {
    margin-bottom: 24px; } }
@media (max-width: 576px) {
  .main .basket__section .basket__block .basket__download {
    flex-direction: column; }
    .main .basket__section .basket__block .basket__download {
      margin-bottom: 0; }}
/* .main .basket__section .basket__block .basket__download .main__title {
  margin-top: 16px; } */
.main .basket__section .basket__block .basket__download .basket__buttons {
  display: flex;
  grid-gap: 16px; }
  @media (max-width: 576px) {
    .main .basket__section .basket__block .basket__download .basket__buttons {
      justify-content: space-between;
      grid-gap: 4px; } }
  .main .basket__section .basket__block .basket__download .basket__buttons .component__button {
    padding: 16px; }
    @media (max-width: 576px) {
      .main .basket__section .basket__block .basket__download .basket__buttons .download-xls,
      .main .basket__section .basket__block .basket__download .basket__buttons .basket-page-print {
        width: calc(50% - 4px);
        height: 40px; }
        .main .basket__section .basket__block .basket__download .basket__buttons .download-order__xls {
          height: 40px;
          width: 100%;} }

.main .basket__section .basket__block .basket__content {
display: flex;
justify-content: space-between;
grid-gap: 24px; }
@media (max-width: 1280px) {
  .main .basket__section .basket__block .basket__content {
    flex-direction: column; } }
.main .basket__section .basket__block .basket__content .products__block {
  width: 100%; }
  .main .basket__section .basket__block .basket__content .products__block .product-add__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 24px;
    grid-gap: 16px;
    position: relative; }
    @media (max-width: 1440px) {
      .main .basket__section .basket__block .basket__content .products__block .product-add__block {
        flex-direction: column; } }
    @media (max-width: 1023px) {
      .main .basket__section .basket__block .basket__content .products__block .product-add__block {
        align-items: baseline; } }
    @media (max-width: 576px) {
      .main .basket__section .basket__block .basket__content .products__block .product-add__block {
        grid-gap: 0;
        padding: 8px; } }
    .main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .block__title {
        text-transform: inherit;
        margin-bottom: 0; }
        @media (max-width: 576px) {
          .main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .block__title {
            font-size: 18px;
            line-height: 18px; } }
        @media (max-width: 425px) {
          .main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .block__title {
            font-size: 14px;
            line-height: 16px; } }
      .main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .dropdown__button {
        display: none; }
        @media (max-width: 576px) {
          .main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .dropdown__button {
            display: flex;
            width: 40px;
            height: 40px; } }
    .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons {
      display: flex;
      grid-gap: 8px;
      transition: 0.3s ease; }
      @media (max-width: 1023px) {
        .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons {
          width: 100%; } }
      @media (max-width: 576px) {
        .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons {
          max-height: 0;
          visibility: hidden;
          opacity: 0;
          flex-direction: column;
          grid-gap: 0; } }
      .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons .component__button {
        width: 160px; }
        @media (max-width: 1023px) {
          .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons .component__button {
            width: 100%; } }
    .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons.active {
      max-height: -moz-max-content;
      max-height: max-content;
      visibility: visible;
      height: 100%;
      padding-top: 20px;
      opacity: 1;
      grid-gap: 8px; }
  .main .basket__section .basket__block .basket__content .products__block .product__list {
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 24px 12px 16px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 576px) {
      .main .basket__section .basket__block .basket__content .products__block .product__list {
        flex-direction: column;
        grid-gap: 10px; } }
      .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons.active {
        padding-top: 16px;
      }
      .main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons .component__button {
        padding: 13px 16px;
      }
    .main .basket__section .basket__block .basket__content .products__block .product__list .section__tabs {
      width: inherit; }
      @media (max-width: 576px) {
        .main .basket__section .basket__block .basket__content .products__block .product__list .section__tabs {
          width: 100%; } }
    .main .basket__section .basket__block .basket__content .products__block .product__list .component__button {
      padding: 12px 16px;
      position: relative;
      top: -4px; }
      @media (max-width: 576px) {
        .main .basket__section .basket__block .basket__content .products__block .product__list .component__button {
          width: 100%;
          top: 0; } }
.main .basket__section .basket__block .basket__content .order__information {
  min-width: 400px;
  height: -moz-max-content;
  height: max-content;
  background-color: #ffffff;
  border-radius: 8px; }
  @media (max-width: 1440px) {
    .main .basket__section .basket__block .basket__content .order__information {
      min-width: 300px; } }
  .main .basket__section .basket__block .basket__content .order__information .order__item {
    display: flex;
    flex-direction: column;
    padding: 24px;
    grid-gap: 16px; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper {
      display: flex;
      justify-content: space-between;
      position: relative; }
      .main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper .order {
        background-color: #ffffff;
        z-index: 1; }
        .main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper .order:first-child {
          padding-right: 10px; }
        .main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper .order:last-child {
          padding-left: 10px; }
      .main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper:before {
        position: absolute;
        border: 1px dashed #E6ECF0;
        width: 100%;
        content: '';
        bottom: 2px; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .order__name {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      text-transform: uppercase;
      color: #182C36;
      line-height: 16px;
      text-transform: inherit; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .order__text {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .order__sub-text {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36;
      font-size: 12px;
      color: #8393AD;
      margin-top: -10px; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .component__button {
      width: 100%; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .make-request {
      display: none; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .make-request.active {
      display: flex; }
    .main .basket__section .basket__block .basket__content .order__information .order__item .make-order.hidden {
      display: none; }
    .main .basket__section .basket__block .basket__content .order__information .order__item:not(:last-child) {
      border-bottom: 1px solid #E6ECF0; }
  .main .basket__section .basket__block .basket__content .order__information .request__wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
    .main .basket__section .basket__block .basket__content .order__information .request__wrapper .order__link {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36; }
      .main .basket__section .basket__block .basket__content .order__information .request__wrapper .order__link:hover {
        color: #8393AD; }
.main .basket__section .basket__block .basket__content .checkout__block {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  width: 100%;
  max-width: 856px; }
  @media (max-width: 1440px) {
    .main .basket__section .basket__block .basket__content .checkout__block {
      max-width: 100%; } }
  .main .basket__section .basket__block .basket__content .checkout__block .checkout__item {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    padding: 24px;
    background-color: #ffffff;
    border-radius: 8px;
    width: inherit;
    height: 100%; }
    @media (max-width: 576px) {
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item {
        padding: 16px; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item:first-of-type {
          margin-top: 16px; }
      .main .basket__section .basket__block .basket__content .order__information .order__item .order__name {
        line-height: 18px; }
      .main .basket__section .basket__block .basket__content .order__information .order__item .order__sub-text {
        font-weight: 500; } }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .block__title {
      margin-bottom: 0; }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__information {
      margin: 0 auto; }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content {
      max-height: 0;
      height: 0;
      padding-bottom: 0;
      visibility: hidden;
      opacity: 0;
      transition: 0.3s ease; }
      .main .basket__section .basket__block .basket__content .order__information .order__item .component__button {
        padding: 13px 16px;
      }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 16px; }
        @media (max-width: 1440px) {
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
            grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper {
          max-width: 100%; }
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(4) {
            grid-column: 3/1; }
            @media (max-width: 1280px) {
              .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(4) {
                grid-column: auto; } }
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(6) {
            grid-column: 4/1; }
            @media (max-width: 1280px) {
              .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(6) {
                grid-column: auto; } }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        grid-gap: 16px; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .form__wrapper {
          max-width: 100%; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .sub-form__wrapper {
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
          grid-gap: 16px; }
          @media (max-width: 576px) {
            .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .sub-form__wrapper {
              grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); } }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content.active {
      max-height: 100%;
      height: -moz-min-content;
      height: min-content;
      visibility: visible;
      opacity: 1; }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content.active ~ .more__information {
        padding-top: 24px; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content.active ~ .more__information .arrow {
          transform: rotate(180deg); }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form {
      flex-direction: row; }
      @media (max-width: 576px) {
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form {
          flex-direction: column; } }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:first-child {
        max-width: 696px; }
        @media (max-width: 1440px) {
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:first-child {
            max-width: 100%; } }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:last-child {
        max-width: -moz-max-content;
        max-width: max-content; }
        @media (max-width: 576px) {
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:last-child {
            max-width: 100%; } }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block.active {
      background-color: #182C36;
      color: #ffffff; }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper {
      display: flex;
      flex-direction: column;
      grid-gap: 16px; }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__content {
        display: flex;
        grid-gap: 16px;
        border-radius: 8px;
        border: 1px solid #E6ECF0;
        padding: 16px; }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__address {
        display: flex;
        flex-direction: column;
        grid-gap: 8px; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__address .point {
          padding-top: 8px;
          padding-bottom: 8px;
          font-weight: 500; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__address .addres__info {
          font-style: normal;
          font-weight: 400;
          font-size: 14px;
          line-height: 16px;
          color: #182C36;
          display: flex;
          flex-direction: column;
          grid-gap: 8px; }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content {
        display: flex;
        flex-direction: column;
        grid-gap: 16px; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-cost {
          display: flex;
          border-radius: 8px;
          overflow: hidden;
          width: -moz-fit-content;
          width: fit-content; }
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-cost .price {
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            text-transform: uppercase;
            color: #182C36;
            padding: 8px 16px;
            background-color: #F6F8FA; }
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-cost .day {
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 16px;
            color: #182C36;
            padding: 12px 16px;
            background-color: #E6ECF0;
            display: flex;
            grid-gap: 10px;
            align-items: center; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery__address {
          background-color: #F6F8FA;
          padding: 16px;
          border-radius: 8px; }
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery__address .component__button {
            width: -moz-fit-content;
            width: fit-content;
            padding: 16px; }
        .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form {
          display: flex;
          flex-direction: column;
          grid-gap: 8px; }
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper {
            display: grid;
            grid-gap: 8px; }
            .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:first-child {
              grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }
            .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:last-child {
              grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
              @media (max-width: 1440px) {
                .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:last-child {
                  grid-template-columns: repeat(5, 160px); } }
              @media (max-width: 1023px) {
                .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:last-child {
                  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .table {
      margin: 0 -24px -24px -24px;
      width: -moz-fit-content;
      width: fit-content; }
    .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .checkout__wrapper {
      display: flex;
      flex-direction: column;
      grid-gap: 20px; }
      .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .checkout__wrapper .component__button {
        width: 100%; }

@media (max-width: 1280px) {
.main .basket__section .basket__block .order__content {
  flex-direction: row; } }

@media (max-width: 1023px) {
.main .basket__section .basket__block .order__content {
  flex-direction: column; } }

@media (max-width: 425px) {
.main .basket__section .basket__block .order__content .main__tabs {
  width: 100%; } }
@media (max-width: 576px) {
.main .basket__section .basket__block .order__content .main__tabs .main__tab {
min-width: calc(50% - 2px);
height: 40px;
display: flex;
align-items: center;
justify-content: center; } }
/* @media (max-width: 425px) {
.main .basket__section .basket__block .order__content .main__tabs .main__tab {
  width: 100%; } } */

.main .basket__section .order__block {
width: 100%;
margin: 0 auto; }

.main .basket__section .querying__block {
display: none;
flex-direction: column;
grid-gap: 32px; }
.main .basket__section .querying__block .querying__info {
  display: flex;
  justify-content: space-between;
  grid-gap: 24px;
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 24px; }
  @media (max-width: 576px) {
    .main .basket__section .querying__block .querying__info {
      flex-direction: column; } }
  .main .basket__section .querying__block .querying__info .section__title {
    display: flex;
    align-items: center;
    margin: 0;
    grid-gap: 16px; }
    @media (max-width: 1280px) {
      .main .basket__section .querying__block .querying__info .section__title {
        font-size: 22px; } }
    @media (max-width: 1023px) {
      .main .basket__section .querying__block .querying__info .section__title {
        font-size: 20px; } }
    @media (max-width: 768px) {
      .main .basket__section .querying__block .querying__info .section__title {
        font-size: 16px;
        line-height: 22px; } }
    .main .basket__section .querying__block .querying__info .section__title span {
      display: flex; }
      @media (max-width: 1023px) {
        .main .basket__section .querying__block .querying__info .section__title span {
          display: unset; } }
  @media (max-width: 576px) {
    .main .basket__section .querying__block .querying__info .component__button {
      width: 100%; } }
.main .basket__section .querying__block .querying__text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #182C36;
  display: flex;
  flex-direction: column;
  grid-gap: 16px; }
.main .basket__section .querying__block .component__button {
  width: -moz-fit-content;
  width: fit-content; }
  @media (max-width: 576px) {
    .main .basket__section .querying__block .component__button {
      width: 100%; } }

.main .basket__section .form__wrapper {
max-width: 100%; }

@media (max-width: 1023px) {
.main .document__section .filter-table {
  justify-content: flex-start; } }

@media (max-width: 576px) {
.main .document__section .filter-table {
  flex-direction: row;
  justify-content: space-between;
  align-items: center; } }

@media (max-width: 1280px) {
.main .document__section .filter-table .filter-table__wrapper .filter-table__component .filter-table__select {
  width: 145px; } }

.main .document__section .filter-table .filter-table__wrapper .organization__select {
width: 304px; }
.main .document__section .filter-table .filter-table__wrapper .organization__select .select__list {
  overflow-y: auto;
  height: 340px;
   }
  .main .document__section .filter-table .filter-table__wrapper .organization__select .select__list::-webkit-scrollbar {
    width: 4px;
    height: auto; }
  .main .document__section .filter-table .filter-table__wrapper .organization__select .select__list::-webkit-scrollbar-track-piece {
    background-color: #E6ECF0;
    -webkit-border-radius: 8px; }
  .main .document__section .filter-table .filter-table__wrapper .organization__select .select__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #3B5765; }
@media (max-width: 1440px) {
  .main .document__section .filter-table .filter-table__wrapper .organization__select {
    width: 208px; } }

@media (min-width: 1024px) and (max-width: 1280px) {
.main .document__section .filter-table .filter-table__wrapper .reset-filters {
  position: absolute;
  top: 100px;
  right: 250px;
  padding: 16px 30px; } }

.main .document__section .filter-table .data-search {
display: none; }
@media (max-width: 1023px) {
  .main .document__section .filter-table .data-search {
    display: block;
    margin-bottom: 16px; } }
@media (max-width: 576px) {
  .main .document__section .filter-table .data-search {
    margin-bottom: 0; } }
.main .document__section .filter-table .data-search .filter-table__select {
  width: 100px; }
  @media (max-width: 1023px) {
    .main .document__section .filter-table .data-search .filter-table__select {
      width: 174px; } }
  @media (max-width: 576px) {
    .main .document__section .filter-table .data-search .filter-table__select {
      width: 100%; } }
@media (max-width: 768px) {
  .main .document__section .filter-table .data-search .mini-select {
    width: 100px; }
    .main .document__section .filter-table .data-search .mini-select .select__list {
      width: 220px; } }
@media (max-width: 576px) {
  .main .document__section .filter-table .data-search .mini-select {
    width: 100px;
    padding: 12px 16px; }
    .main .document__section .filter-table .data-search .mini-select .select__list {
      left: -120px; } }

.main .document__section .light__button {
padding: 16px; }
@media (max-width: 576px) {
  .main .document__section .light__button {
    padding: 12px; } }

.main .document__section .table th .th__wrapper {
padding: 10px 0; }
@media (max-width: 1023px) {
  .main .document__section .table th .th__wrapper {
    padding: 5px 0; } }

@media (max-width: 1023px) {
.main .orders__section .filter-table {
  justify-content: space-between;
  align-items: center; } }

@media (max-width: 576px) {
.main .orders__section .filter-table {
  margin-bottom: 16px;
  flex-wrap: nowrap; } }

@media (min-width: 1024px) and (max-width: 1520px) {
.main .orders__section .filter-table .filter-table__wrapper .reset-filters {
  position: absolute;
  right: 25px;
  top: 110px; } }

.main .orders__section .filter-table .filter-table__wrapper .filter-table__component:first-child .select {
width: 144px; }

@media (max-width: 1620px) {
.main .orders__section .filter-table .filter-table__wrapper .filter-table__component .select {
  width: 144px; } }

@media (max-width: 1280px) {
.main .orders__section .filter-table .filter-table__wrapper .filter-table__component .select {
  width: 140px; } }

@media (max-width: 1520px) {
.main .orders__section .filter-table .filter-table__wrapper .apply-filters {
   /* position: absolute;
  right: 225px;
  top: 110px; */
 }  
}

.main .orders__section .filter-table .filter-table__wrapper .apply-filters.active {
display: flex; }

@media (max-width: 576px) {
.main .orders__section .filter-table .document-search {
  padding: 12px 12px; } }

@media (max-width: 576px) {
.main .orders__section .filter-table .data-search {
  width: 166px; } }

@media (max-width: 576px) {
.main .orders__section .filter-table .data-search .select {
  padding: 12px 12px; } }

.main .orders__section .custom-table__body .dropdown__sub-table {
padding: 0 24px;
background-color: #E6ECF0;
height: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
max-height: -moz-max-content;
max-height: max-content; }
@media (max-width: 768px) {
  .main .orders__section .custom-table__body .dropdown__sub-table {
    background-color: transparent;
    padding: 0; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table {
  overflow: hidden;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    background-color: #F6F8FA;
    padding: 16px;
    border-radius: 8px 8px 0 0; }
    @media (max-width: 768px) {
      .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header {
        border-radius: 0 0 0 0; } }
    .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 1280px) {
        .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper {
          flex-direction: column;
          align-items: baseline;
          grid-gap: 16px; } }
      .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info {
        display: flex;
        grid-gap: 32px; }
        @media (max-width: 768px) {
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info {
            flex-wrap: wrap; } }
        .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info .info-item {
          display: flex;
          grid-gap: 4px;
          flex-direction: column; }
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info .info-item .data__title {
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            /* 133.333% */
            letter-spacing: 0.24px;
            text-transform: uppercase;
            color: #8393AD; }
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info .info-item .data__value {
            display: flex;
            grid-gap: 4px;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #182C36; }
      .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control {
        display: flex;
        grid-gap: 8px; }
        @media (max-width: 768px) {
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control {
            flex-wrap: wrap;
            width: 100%; } }
        .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button {
          width: -moz-fit-content;
          width: fit-content;
          height: auto;
          padding: 16px; }
          @media (max-width: 425px) {
            .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button {
              padding: 13px 12px;
              width: 100%; } }
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button .hidden-text {
            display: none; }
            @media (max-width: 375px) {
              .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button .hidden-text {
                display: flex; } }
          @media (max-width: 375px) {
            .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button {
              width: 100%; } }
    .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards {
      display: flex;
      grid-gap: 16px; }
      @media (max-width: 576px) {
        .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards {
          flex-wrap: wrap; } }
      .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card {
        display: flex;
        flex-direction: column;
        grid-gap: 8px;
        padding: 16px;
        background-color: #ffffff;
        border-radius: 8px;
        width: 100%; }
        @media (max-width: 768px) {
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card {
            padding: 8px; } }
        .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .data__title {
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: 16px;
          /* 133.333% */
          letter-spacing: 0.24px;
          text-transform: uppercase;
          color: #8393AD; }
        .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description {
          padding: 16px;
          height: 100%;
          grid-gap: 8px;
          justify-content: center; }
          @media (max-width: 768px) {
            .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description {
              padding: 8px; } }
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info {
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
            color: #3B5765;
            display: flex;
            align-items: center;
            grid-gap: 16px; }
            @media (max-width: 1023px) {
              .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info {
                flex-direction: column;
                align-items: baseline; } }
            @media (max-width: 576px) {
              .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info {
                flex-direction: row;
                align-items: center; }
              .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card:last-of-type .profile__description {
                padding-left: 32px; } }
            .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info .delivery__logo {
              width: 80px;
              height: 40px;
              object-fit: contain; }
            .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info .profile__wrapper p:first-child {
              font-weight: 700; }
          .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .required-field {
            padding: 0; }
  @media (max-width: 576px) {
    .main .orders__section .custom-table__body .dropdown__sub-table .sub-table .table {
      margin-top: 0; } }

.main .orders__section .custom-table__body .dropdown__sub-table.active {
padding: 24px 24px;
height: -moz-max-content;
height: max-content;
visibility: visible;
opacity: 1; }
@media (max-width: 768px) {
  .main .orders__section .custom-table__body .dropdown__sub-table.active {
    background-color: transparent;
    padding: 0; } }

@media (max-width: 768px) {
.main .orders__section .option-item__description .item__name {
  font-weight: 400; } }

@media (max-width: 768px) {
.main .orders__section .option-item__description .item__info .item__number {
  font-weight: 400; } }

@media (max-width: 768px) {
.main .orders__section .custom-table .td__wrapper {
  grid-gap: 0; } }

@media (max-width: 768px) {
.main .orders__section .custom-table .td__wrapper .td-mobile-thead {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #3B5765;
  text-transform: inherit; } }

@media (max-width: 768px) {
.main .orders__section .custom-table .custom-table__body tr td {
  border-top: none; } }

@media (max-width: 768px) {
.main .orders__section .orders__table {
  border-radius: 0;
  border: none;
  border-top: 1px solid #e6ecf0; } }

@media (max-width: 768px) {
.main .orders__section .orders__table .tr__orders-table td .td__wrapper .td__value {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #182C36; } }

@media (max-width: 576px) {
.main .orders__section .orders__table .tr__orders-table td .td__wrapper .td__value {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 120% */
  letter-spacing: 0.2px; }
  .main .orders__section .custom-table .background-line .td__wrapper .td-mobile-thead {
    font-size: 10px;
    font-weight: 400 !important;
    line-height: 12px;
    text-transform: uppercase; } }

@media (max-width: 768px) {
.main .orders__section .orders__table .tr__orders-table td .td__wrapper {
  grid-gap: 0; } }

.main .orders__section .empty {
max-width: 100%; }
@media (max-width: 576px) {
  .main .orders__section .empty {
    flex-wrap: wrap; } }
.main .orders__section .empty .component__button {
  height: -moz-fit-content;
  height: fit-content; }

.main .orders__section .warning {
max-width: 720px; }

@media (max-width: 425px) {
.main .orders__section .custom-table .custom-table__body .tr__orders-table td:nth-child(3) {
  left: 130px; } }

.main .realizations__section .custom-line {
display: grid;
grid-template-columns: 50px 130px 100px 140px 100px auto; }
.main .realizations__section .custom-line .company-cell {
  justify-content: space-between; }
  .main .realizations__section .custom-line .company-cell .td__wrapper {
    width: auto; }
    .main .realizations__section .custom-line .company-cell .td__wrapper .buttons__wrapper {
      grid-gap: 8px; }
      .main .realizations__section .custom-line .company-cell .td__wrapper .buttons__wrapper .component__button {
        padding: 8px 12px; }
        @media (max-width: 1280px) {
          .main .realizations__section .custom-line .company-cell .td__wrapper .buttons__wrapper .component__button {
            display: none; } }

.main .payment__section .custom-line {
display: grid;
grid-template-columns: auto 150px 150px 150px 150px 150px 150px; }
@media (max-width: 1440px) {
  .main .payment__section .custom-line {
    grid-template-columns: auto 105px 110px 90px 105px 90px 100px; } }
@media (max-width: 768px) {
  .main .payment__section .custom-line {
    display: flex;
    flex-wrap: wrap; }
    .main .payment__section .custom-line .custom-cell:first-child {
      width: 100%; }
    .main .payment__section .custom-line .custom-cell:not(:first-child) {
      width: -moz-max-content;
      width: max-content; } }

.main .payment__section .custom-table .custom-table__body .custom-cell {
padding: 9px 8px; }

.main .payment__section .custom-table .custom-table__body .data-realizations-cell {
text-align: end; }

.main .commercial-list__section {
position: relative; }
.main .commercial-list__section .request__button {
  position: absolute;
  top: 35px;
  right: 25px; }
  @media (max-width: 1023px) {
    .main .commercial-list__section .request__button {
      top: 25px; } }
  @media (max-width: 576px) {
    .main .commercial-list__section .request__button {
      top: -10px;
      position: relative;
      right: 0; } }
.main .commercial-list__section .custom-line {
  display: grid;
  grid-template-columns: 105px 115px auto 165px; }
  @media (max-width: 768px) {
    .main .commercial-list__section .custom-line {
      display: flex;
      flex-wrap: wrap; }
      .main .commercial-list__section .custom-line .custom-cell:nth-child(1) {
        order: 1;
        width: -moz-max-content;
        width: max-content; }
      .main .commercial-list__section .custom-line .custom-cell:nth-child(2) {
        order: 2;
        width: -moz-max-content;
        width: max-content; }
      .main .commercial-list__section .custom-line .custom-cell:nth-child(3) {
        order: 4;
        width: -moz-max-content;
        width: max-content; }
      .main .commercial-list__section .custom-line .custom-cell:nth-child(4) {
        order: 3;
        width: -moz-max-content;
        width: max-content; } }
.main .commercial-list__section .custom-table .custom-table__body {
  cursor: pointer; }
  .main .commercial-list__section .custom-table .custom-table__body .date-request-cell {
    text-align: end; }
  .main .commercial-list__section .custom-table .custom-table__body .custom-cell {
    padding: 9px 8px; }
    .main .commercial-list__section .custom-table .custom-table__body .custom-cell:last-child .td__wrapper .td__value {
      display: flex;
      align-items: center;
      grid-gap: 8px; }
      .main .commercial-list__section .custom-table .custom-table__body .custom-cell:last-child .td__wrapper .td__value span {
        display: flex; }
        @media (max-width: 768px) {
          .main .basket__section .basket__block .basket__content .checkout__block .checkout__item .table {
            margin: 0 !important;
            width: initial;
          }
          .checkout__item .section__table.basket__table.order-basket__table {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
          }
          .checkout__item .section__table.basket__table.order-basket__table tr td:first-of-type {
            border-bottom: 1px solid #E6ECF0;
          }
          .section__table.basket__table.order-basket__table tbody tr td:nth-child(2) {
            position: absolute;
            top: 45px;
            left: 130px;
          }
          .section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
            position: absolute;
            top: 74px;
            left: 130px;
          }
          .section__table.basket__table.order-basket__table tbody tr td:nth-child(4) {
            position: absolute;
            top: 74px;
            left: 200px;
          }
          .section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
            position: absolute;
            top: 74px;
            left: 300px;
          }
          .section__table.basket__table.order-basket__table tbody tr .td-mobile-thead {
            margin: 0;
          }
          .section__table.basket__table.order-basket__table tbody tr .mobile__name {
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            color: #839EAD;
          }
          .section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            color: #182C36;
          }
          .section__table.basket__table.order-basket__table tbody tr td:nth-child(3) .mobile__name + span:last-of-type {
            position: relative;
            top: 3px;
          }
          .main .commercial-list__section .custom-table .custom-table__body .custom-cell:last-child .td__wrapper .td__value span:first-child svg {
            width: 14px;
            height: 14px; } }

.main .product-catalog__section .product-catalog__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 24px;
padding-bottom: 81px; }
@media (max-width: 1280px) {
  .main .product-catalog__section .product-catalog__list {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
@media (max-width: 1023px) {
  .main .product-catalog__section .product-catalog__list {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 0;
    border: 1px solid #E6ECF0;
    border-radius: 8px;
    overflow: hidden; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item {
  display: flex;
  grid-gap: 24px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 24px;
  position: relative;
  height: -moz-max-content;
  height: max-content; }
  @media (max-width: 1023px) {
    .main .product-catalog__section .product-catalog__list .product-catalog__item {
      padding: 16px;
      border-radius: 0; }
      .main .product-catalog__section .product-catalog__list .product-catalog__item:not(:last-child) {
        border-bottom: 1px solid #E6ECF0; } }
  @media (max-width: 576px) {
    .table.section__table.basket__table.order-basket__table {
      margin: 0;
    }
    .checkout__item .section__table.basket__table.order-basket__table tr td:first-of-type {
      border: none;
    }
    .section__table.basket__table.order-basket__table tbody,
    .section__table.basket__table.order-basket__table tbody tr {
      height: 200px;
    }
    .section__table.basket__table.order-basket__table tbody tr {
      display: block;
      width: 100%;
      border-bottom: 1px solid #E6ECF0;
    }
    .section__table.basket__table.order-basket__table tbody tr td:nth-child(2) {
      position: absolute;
      top: 0px;
      left: 130px;
    }
    .section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
      position: absolute;
      top: 74px;
      bottom: 0;
      left: 130px;
    }
    .section__table.basket__table.order-basket__table tbody tr td:nth-child(4) {
      position: absolute;
      top: initial;
      bottom: 16px;
      left: 16px;
    }
    .section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
      position: absolute;
      top: initial;
      left: initial;
      bottom: 16px;
      right: 16px;
    }
    .main .product-catalog__section .product-catalog__list .product-catalog__item {
      padding: 8px; }
    .custom-cell .td__wrapper .order-id-block {
      font-size: 14px;
      font-weight: 300;
      line-height: 16px; }
    .custom-cell .td__wrapper .status-name {
      font-size: 13px;
      font-weight: 400;
      line-height: 16px;
      align-items: center; }
      .section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.2px; }
        .section__table.basket__table.order-basket__table tbody tr .mobile__name {
        color: #3B5765; }}
  .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__image {
    border: 1px solid #E6ECF0;
    border-radius: 8px;
    width: 48px;
    height: 48px; }
    @media (max-width: 576px) {
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__image {
        width: 32px;
        height: 32px; } }
  @media (max-width: 1023px) {
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content {
      padding-top: 10px; } }
  @media (max-width: 576px) {
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content {
      padding-top: 0; } }
  .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .product-catalog__value {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8393AD;
    transition: 0.3s ease; }
    @media (max-width: 1023px) {
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .product-catalog__value {
        font-size: 8px;
        line-height: 14px; } }
  .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .mobile-dropdown {
    display: none; }
    @media (max-width: 1023px) {
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .mobile-dropdown {
        display: block;
        position: absolute;
        right: 16px;
        top: 30px; } }
    @media (max-width: 576px) {
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .mobile-dropdown {
        right: 8px;
        top: 15px; } }
  .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper {
    margin-top: 24px; }
    @media (max-width: 1023px) {
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper {
        max-height: -moz-max-content;
        max-height: max-content;
        visibility: hidden;
        opacity: 0;
        height: 0;
        margin-top: 0; } }
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
      display: flex;
      flex-direction: column;
      grid-gap: 16px;
      list-style-type: none;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36; }
      @media (max-width: 1023px) {
        .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
          flex-direction: row;
          flex-wrap: wrap; } }
      @media (max-width: 576px) {
        .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
          grid-gap: 8px; } }
      @media (max-width: 425px) {
        .section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
          width: 100%;
        }
        .section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
          top: 0;
          bottom: 0;
          left: 10px;
        }
        .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
          flex-direction: column; } }
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list .product__item:hover {
        color: #8393AD; }
      @media (max-width: 1023px) {
        .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list .product__item {
          padding: 8px 12px;
          border: 1px solid #E6ECF0;
          border-radius: 8px; } }
      @media (max-width: 425px) {
        .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list .product__item {
          width: -moz-fit-content;
          width: fit-content; } }
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .hidden__list {
      transition: 0.3s ease;
      max-height: -moz-fit-content;
      max-height: fit-content;
      opacity: 0;
      height: 0; }
      @media (max-width: 1023px) {
        .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .hidden__list {
          padding-top: 16px;
          opacity: 1;
          height: -moz-fit-content;
          height: fit-content; } }
    @media (max-width: 1023px) {
      .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .show__button {
        display: none; } }
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .show {
      padding-top: 16px;
      opacity: 1;
      height: -moz-fit-content;
      height: fit-content; }
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .rotate .arrow {
      transform: rotate(180deg); }
  @media (max-width: 1023px) {
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper.active {
      max-height: -moz-max-content;
      max-height: max-content;
      visibility: visible;
      opacity: 1;
      height: 100%;
      margin-top: 24px; } }
  @media (max-width: 576px) {
    .main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper.active {
      margin-top: 16px;
      margin-bottom: 16px; } }

.main .sub-catalog__section .sub-catalog__wrapper {
display: flex;
grid-gap: 24px; }
.main .content section{
  margin-bottom: 0;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  width: 248px;
  overflow-y: auto;
  max-width: 270px;
  width: 100%;
  height: calc(100vh - 225px);
  scrollbar-width: none; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0; }
  @media (max-width: 1280px) {
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside {
      height: auto; } }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown {
    width: inherit;
    background-color: #ffffff;
    border-radius: 8px; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 16px;
      cursor: pointer; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__item .sub-catalog__main-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.26px;
        text-transform: uppercase;
        color: #182C36; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-item {
      border-top: 1px solid #E6ECF0; }
    @media (max-width: 1280px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .dropdown__button {
        display: none; } }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items {
      max-height: -moz-max-content;
      max-height: max-content;
      overflow: visible;
      opacity: 1;
      transition: 0.3s ease; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item {
        flex-direction: column;
        align-items: baseline;
        position: relative; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          position: relative; }
          .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #182C36;
            font-weight: 500;
            display: flex;
            align-items: center;
            grid-gap: 8px; }
            .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title .sub-catalog__img {
              width: 32px;
              height: 32px;
              border: 1px solid #E6ECF0;
              border-radius: 8px; }
          .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .catalog-count {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            text-transform: uppercase;
            color: #8393AD; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .tip .tip__modal {
          position: absolute;
          background-color: #000;
          color: #ffffff;
          padding: 12px 16px;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          z-index: 2;
          width: 216px;
          border-radius: 8px;
          left: 0;
          top: 23px;
          transition: 0.2s ease;
          z-index: 4 !important;
          visibility: hidden;
          opacity: 0; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .tip:hover .tip__modal {
          visibility: visible;
          opacity: 1;
          z-index: 4 !important; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content {
          display: flex;
          flex-direction: column;
          padding-left: 30px;
          position: relative;
          width: 100%; }
          .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content::before {
            position: absolute;
            content: '';
            width: 2px;
            height: 100%;
            background-color: #C5D6DF;
            left: 15px; }
          .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link {
            padding-top: 16px;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #182C36;
            transition: 0.3s ease;
            position: relative; }
            .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link:hover {
              color: #F90D01; }
            .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link .accordion__content {
              padding-left: 15px; }
              .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link .accordion__content::before {
                left: 0; }
            .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link::before {
              position: absolute;
              content: '';
              background-color: #C5D6DF;
              height: 2px;
              width: 10px;
              bottom: 25%;
              left: -15px; }
            .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link:has(> .accordion__input:checked)::before {
              display: none; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items.active {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: 0.3s ease; }
  @media (max-width: 1280px) {
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__subcategories {
      display: none; } }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item {
    padding: 16px; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__input {
      right: 0;
      left: inherit;
      width: 30%; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__content {
      padding-left: 0; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__content::before {
        display: none; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item {
      width: 100%; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox {
        padding-top: 16px; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox .checkout__label {
          position: relative; }
          .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox .checkout__label .value {
            color: #8393AD;
            position: absolute;
            right: 0; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title {
      display: flex;
      align-items: center; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs {
    display: flex;
    grid-gap: 8px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button {
      padding: 8px;
      grid-gap: 5px;
      border: 1px solid #E6ECF0; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:hover {
        border: 1px solid #182C36;
        background-color: #E6ECF0;
        color: #182C36; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:hover svg .stroke {
          stroke: #182C36; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:first-child {
        background-color: #182C36;
        color: #ffffff;
        border: none; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:first-child svg .stroke {
          stroke: #ffffff; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-checkbox .checkbox {
    width: 100%; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-checkbox .checkbox .checkout__label {
      position: relative; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-checkbox .checkbox .checkout__label .value {
        color: #8393AD;
        position: absolute;
        right: 0; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content {
    display: flex;
    flex-direction: column;
    grid-gap: 24px; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 16px; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs .range__wrapper {
        position: relative; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs .range__wrapper .range__input {
          display: block;
          width: 94.5px;
          height: 40px;
          border: 1px solid #C5D6DF;
          border-radius: 8px;
          padding: 12px 0;
          text-indent: 30px;
          font-size: 14px;
          line-height: 16px;
          color: #182C36; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs .range__wrapper .range__label {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 12px;
          font-size: 14px;
          line-height: 16px;
          color: #8393AD; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider {
      position: relative; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider .slider-track {
        width: 100%;
        height: 2px;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        border-radius: 5px;
        background-color: #182C36; }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        outline: none;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        background-color: transparent;
        pointer-events: none; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-webkit-slider-runnable-track {
          -webkit-appearance: none;
          height: 5px; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-moz-range-track {
          -moz-appearance: none;
          height: 5px; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-ms-track {
          appearance: none;
          height: 5px; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-webkit-slider-thumb {
          -webkit-appearance: none;
          height: 20px;
          width: 20px;
          background-color: #182C36;
          cursor: pointer;
          margin-top: -9px;
          pointer-events: auto;
          border-radius: 50%; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-moz-range-thumb {
          height: 20px;
          width: 20px;
          cursor: pointer;
          border-radius: 50%;
          background-color: #182C36;
          pointer-events: auto;
          border: none; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-ms-thumb {
          appearance: none;
          height: 20px;
          width: 20px;
          cursor: pointer;
          border-radius: 50%;
          background-color: #182C36;
          pointer-events: auto; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]:active::-webkit-slider-thumb {
          background-color: #F90D01;
          border: 1px solid #F90D01; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]:active::-moz-range-track {
          background-color: #F90D01; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]:active ~ .slider-track {
          background-color: #F90D01; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .modal__header {
    display: none; }

      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .modal__header {
        display: flex; } 

    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile {
      /* height: 100vh;  */
    } 

    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile .sub-catalog__list {
      overflow-y: scroll;
      height: calc(100% - 90px); } 
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile .sub-catalog__list::-webkit-scrollbar {
      width: 0px;
      height: 0px; 
    }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile .sub-catalog__list::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0; 
    }
@media (max-width: 1023px) {
  .main .sub-catalog__section .sub-catalog__wrapper .filter__modal {
    position: fixed;
    right: -150%;
    top: 0;
    z-index: 5;
    max-width: 360px;
    width: 100%; } }
@media (max-width: 576px) {
  .main .sub-catalog__section .sub-catalog__wrapper .filter__modal {
    max-width: 100%; } }
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal.active {
  right: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  width: 100%; }
  @media (max-width: 1023px) {
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content {
      grid-gap: 8px; } }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
    display: flex;
    flex-direction: column;
    grid-gap: 8px; }
  .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1023px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select {
        padding: 12px 10px; } }
    @media (max-width: 1023px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select .select__list {
        top: 50px; } }
    @media (max-width: 1023px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select .select__list .select__item {
        padding: 12px 10px; } }
    @media (max-width: 1023px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .configure__button {
        padding: 12px 30px; } }
    @media (max-width: 1400px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .configure__button {
        display: none; } }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons {
      display: none; }
      @media (max-width: 1400px) {
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons {
          display: flex;
          grid-gap: 8px; } }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons .view__button.active {
        background-color: #3b5765; }
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons .view__button.active svg rect {
          stroke: #ffffff; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .component__button {
      padding: 12px; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button {
      display: none;
      position: relative;
      padding: 16px; }
      @media (max-width: 1023px) {
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button {
          padding: 12px; } }
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button .amount {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        background-color: #E23D41;
        color: #ffffff;
        border-radius: 100%;
        width: 13px;
        padding: 2px;
        right: -5px;
        top: -5px;
        font-size: 8px;
        font-style: normal;
        font-weight: 500;
        line-height: 9px;
        letter-spacing: 0.16px;
        color: #ffffff; }
      @media (max-width: 1280px) {
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button {
          display: flex; } }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .product__wrapper {
      width: 100%; }
    .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .product__button {
      display: none;
      background-color: transparent; }
      @media (max-width: 575px) {
        .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .product__button {
          display: flex;
          padding: 12px; } }
    @media (max-width: 1023px) {
      .main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .sort-desktop {
        display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .tablet {
  display: none; }
  @media (max-width: 1023px) {
    .main .sub-catalog__section .sub-catalog__wrapper .tablet {
      display: flex; }
      .main .sub-catalog__section .sub-catalog__wrapper .tablet .buttons__wrapper {
        width: 100%; } }
  @media (max-width: 1280px) {
    .main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .product__button {
      display: flex;
      padding: 16px !important; } }
  @media (max-width: 1023px) {
    .main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .product__button {
      padding: 12px !important;
      display: none; } }
  .main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .sort-desktop {
    display: none; }
    @media (max-width: 1023px) {
      .main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .sort-desktop {
        display: flex; } }
    @media (max-width: 576px) {
      .main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .sort-desktop {
        display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons {
  display: flex;
  grid-gap: 16px;
  justify-content: center; }
  .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons .info__page {
    display: flex;
    align-items: center;
    grid-gap: 4px;
    padding: 12px 16px;
    background-color: #C5D6DF;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles {
  display: none; }
  @media (max-width: 1400px) {
    .main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles {
      display: flex;
      padding-top: 30px; } }

.main .card-product__section .card-product {
background-color: #ffffff;
padding: 24px;
border-radius: 8px;
position: relative; }
@media (max-width: 576px) {
  .main .card-product__section .card-product {
    padding: 16px; } }
.main .card-product__section .card-product .card-header {
  display: grid;
  grid-template-columns: 256px auto;
  grid-gap: 48px;
  margin-bottom: 24px;
  position: relative; }
  @media (max-width: 1280px) {
    .main .card-product__section .card-product .card-header {
      padding-top: 130px;
      grid-gap: 24px; } }
  @media (max-width: 768px) {
    .main .card-product__section .card-product .card-header {
      grid-template-columns: 170px auto; } }
  @media (max-width: 576px) {
    .main .card-product__section .card-product .card-header {
      grid-template-columns: auto; } }
  .main .card-product__section .card-product .card-header .swiper-buttons {
    display: none; }
    @media (max-width: 576px) {
      .main .card-product__section .card-product .card-header .swiper-buttons {
        display: flex;
        position: absolute;
        top: 230px;
        width: 100%; } }
    .main .card-product__section .card-product .card-header .swiper-buttons .swiper-button {
      width: 100%; }
    .main .card-product__section .card-product .card-header .swiper-buttons .prev-card {
      text-align: start; }
    .main .card-product__section .card-product .card-header .swiper-buttons .next-card {
      text-align: end; }
  .main .card-product__section .card-product .card-header .slider__wrapper {
    width: 256px;
    height: auto; }
    @media (max-width: 768px) {
      .main .card-product__section .card-product .card-header .slider__wrapper {
        width: 170px; } }
    @media (max-width: 576px) {
      .main .card-product__section .card-product .card-header .slider__wrapper {
        width: 200px;
        margin: 0 auto; } }
    .main .card-product__section .card-product .card-header .slider__wrapper .card__slider-2 {
      margin-bottom: 10px; }
    .main .card-product__section .card-product .card-header .slider__wrapper .card__slider-1 .mini-image {
      width: 58px;
      height: 58px; }
  @media (max-width: 576px) {
    .main .card-product__section .card-product .card-header .card__slider-1 {
      display: none; } }
  .main .card-product__section .card-product .card-header .card-header__info {
    width: 100%; }
    .main .card-product__section .card-product .card-header .card-header__info .card-header__name {
      display: flex;
      flex-direction: column;
      grid-gap: 4px;
      padding-bottom: 24px;
      border-bottom: 1px solid #C5D6DF; }
      @media (max-width: 1540px) {
        .main .card-product__section .card-product .card-header .card-header__info .card-header__name {
          padding-bottom: 16px;
          margin-bottom: 8px; } }
      @media (max-width: 1280px) {
        .main .card-product__section .card-product .card-header .card-header__info .card-header__name {
          position: absolute;
          width: 100%;
          left: 0;
          top: 0;
          border-bottom: none;
          margin-bottom: 0; } }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__name .info-text__wrap {
        display: flex;
        grid-gap: 8px; }
        .main .card-product__section .card-product .card-header .card-header__info .card-header__name .info-text__wrap .info-text-red {
          font-size: 8px;
          font-weight: 500;
          line-height: 16px;
          letter-spacing: 0.16px;
          padding: 4px;
          background-color: #E23D41;
          color: #ffffff;
          border-radius: 4px;
          position: relative;
          top: -2px; }
        .main .card-product__section .card-product .card-header .card-header__info .card-header__name .info-text__wrap .info-text-black {
          font-size: 8px;
          font-weight: 500;
          line-height: 16px;
          letter-spacing: 0.16px;
          padding: 4px;
          color: #ffffff;
          background-color: #182C36;
          border-radius: 4px;
          position: relative;
          top: -2px; }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
        text-transform: uppercase;
        grid-gap: 8px;
        font-size: 32px;
        font-weight: 400; }
        @media (max-width: 1280px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
            font-size: 24px; } }
        @media (max-width: 576px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
            font-size: 16px; } }
        @media (max-width: 576px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title img {
            position: absolute;
            right: 0;
            bottom: 12px; } }
        @media (max-width: 576px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden; } }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__name .article {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #3B5765; }
    .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper {
      display: grid;
      grid-template-columns: 620px auto;
      grid-gap: 32px; }
      @media (max-width: 1540px) {
        .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper {
          grid-template-columns: auto;
          grid-gap: 0; } }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper:last-child {
        margin-top: 24px; }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
        padding-top: 24px;
        display: flex;
        align-items: center;
        grid-gap: 32px;
        margin-bottom: 32px; }
        @media (max-width: 1540px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
            width: 100%;
            justify-content: space-between;
            padding-top: 0; } }
        @media (max-width: 1280px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
            flex-direction: column;
            align-items: baseline;
            grid-gap: 16px; } }
        @media (max-width: 576px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
            position: relative; } }
        .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price {
          display: flex;
          flex-direction: column;
          white-space: nowrap; }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price span:first-child {
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 16px;
            text-transform: uppercase;
            color: #8393AD; }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price span:last-child {
            font-size: 40px;
            line-height: 40px;
            letter-spacing: 0.4px;
            text-transform: uppercase;
            color: #182C36; }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price span:last-child span {
              font-size: 28px;
              font-weight: 500; }
        .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
          display: flex;
          align-items: center;
          grid-gap: 16px; }
          @media (max-width: 1540px) {
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
              flex-direction: row; } }
          @media (max-width: 1023px) {
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
              flex-wrap: wrap; } }
          @media (max-width: 576px) {
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
              display: grid;
              grid-template-columns: 1fr 1fr;
              width: 100%;
              align-items: flex-start; } }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control {
            display: flex;
            flex-direction: column;
            align-items: center;
            grid-gap: 4px; }
            @media (max-width: 1280px) {
              .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control {
                align-items: baseline; } }
            @media (max-width: 576px) {
              .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control {
                width: 100%;
                align-items: center; } }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:first-child {
              font-style: normal;
              font-weight: 400;
              font-size: 12px;
              line-height: 16px;
              color: #46B751;
              display: flex;
              grid-gap: 2px; }
              @media (max-width: 576px) {
                .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:first-child {
                  display: none; } }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:last-child {
              font-style: normal;
              font-weight: 400;
              font-size: 12px;
              line-height: 16px;
              color: #8393AD;
              display: flex;
              grid-gap: 2px; }
            @media (max-width: 576px) {
              .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper {
                width: 100%; } }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__button {
              padding: 10px 12px; }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__value {
              padding: 10px 22px; }
              @media (max-width: 576px) {
                .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__value {
                  width: 100%;
                  text-align: center; } }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .component__button {
            height: -moz-fit-content;
            height: fit-content;
            width: 120px;
            padding: 14px 16px; }
            @media (max-width: 576px) {
              .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .component__button {
                width: 100%; } }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites:hover {
            color: #E23D41; }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites:hover svg .stroke {
              stroke: #E23D41; }
          @media (max-width: 576px) {
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites {
              background-color: #F6F8FA;
              width: -moz-fit-content;
              width: fit-content;
              padding: 12px;
              position: absolute;
              top: 0;
              right: 0; }
              .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites span:last-child {
                display: none; } }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .required-field {
        margin-bottom: 12px;
        background-color: #F6F8FA;
        color: #8393AD; }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery {
        display: flex;
        grid-gap: 32px; }
        .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery .component__button span:nth-child(2) {
          position: relative; }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery .component__button span:nth-child(2):after {
            position: absolute;
            content: url("../img/svg/border-line.svg");
            bottom: -5px;
            right: 0;
            width: -webkit-fill-available;
            overflow: hidden; }
        @media (max-width: 576px) {
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery {
            justify-content: center;
            grid-gap: 76px; } }
      .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description {
        border-radius: 8px;
        border: 1px solid #E6ECF0;
        overflow: hidden; }
        .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block {
          padding: 16px;
          display: flex;
          justify-content: space-between; }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:first-child {
            background-color: #F6F8FA;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 16px;
            letter-spacing: 0.24px;
            text-transform: uppercase;
            color: #8393AD; }
          .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) {
            border-top: 1px solid #F6F8FA;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #182C36; }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) .manufacturer {
              color: #C5D6DF; }
            .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p {
              display: flex;
              grid-gap: 16px; }
              .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p span {
                position: relative; }
                .main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p span:not(:last-child):after {
                  position: absolute;
                  content: "/";
                  left: 59px;
                  color: #C5D6DF; }
.main .card-product__section .card-product .card-body {
  display: flex;
  grid-gap: 48px; }
  @media (max-width: 1280px) {
    .main .card-product__section .card-product .card-body {
      grid-gap: 18px; } }
  .main .card-product__section .card-product .card-body .card-body__tabs {
    flex: 0 0 58%;
    margin-top: 32px;
    overflow: hidden; }
    @media (max-width: 1023px) {
      .main .card-product__section .card-product .card-body .card-body__tabs {
        flex: 0 0 100%; } }
    .main .card-product__section .card-product .card-body .card-body__tabs .section__tabs {
      margin-bottom: 24px; }
  .main .card-product__section .card-product .card-body .card-body__wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 24px; }
    .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__title {
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0.2px;
      text-transform: uppercase;
      color: #8393AD;
      background-color: #F1F4F6;
      padding: 10px;
      border-radius: 8px; }
      @media (max-width: 576px) {
        .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__title {
          font-size: 16px; } }
    .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content:not(.base_styles) {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36;
      padding: 8px;
      display: flex;
      flex-direction: column;
      grid-gap: 24px; }
      .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper {
        justify-content: space-between;
        display: flex;
        position: relative; }
        @media (max-width: 425px) {
          .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper {
            flex-direction: column;
            grid-gap: 3px; } }
        .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span {
          background-color: #ffffff;
          z-index: 1; }
          .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:first-child {
            padding-right: 8px; }
            @media (max-width: 425px) {
              .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:first-child {
                padding-right: 0;
                font-size: 10px;
                text-transform: uppercase;
                color: #8393AD; } }
          .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:last-child {
            padding-left: 8px; }
            @media (max-width: 425px) {
              .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:last-child {
                padding-left: 0; } }
        .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper::after {
          position: absolute;
          content: '';
          border-bottom: 1px dotted #E6ECF0;
          width: 100%;
          bottom: 3px; }
    .main .card-product__section .card-product .card-body .card-body__wrapper .card-body__text {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 16px;
      color: #182C36;
      line-height: 20px; }
  .main .card-product__section .card-product .card-body .card-body__descriptions {
    flex: 0 0 39%;
    background-color: #F6F8FA;
    padding: 32px;
    border-radius: 8px; }
    @media (max-width: 1280px) {
      .main .card-product__section .card-product .card-body .card-body__descriptions {
        padding: 32px 0;
        background-color: #ffffff; } }
    @media (max-width: 1023px) {
      .main .card-product__section .card-product .card-body .card-body__descriptions {
        display: none; } }
    .main .card-product__section .card-product .card-body .card-body__descriptions .card-description__title {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      text-transform: uppercase;
      color: #182C36;
      border-bottom: 1px solid #E6ECF0;
      padding-bottom: 15px; }
    .main .card-product__section .card-product .card-body .card-body__descriptions .card-body__wrapper {
      margin-top: 24px; }
      .main .card-product__section .card-product .card-body .card-body__descriptions .card-body__wrapper .card-body__block .card-body__content .card-body__text {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #182C36;
        line-height: 20px; }
  .main .card-product__section .card-product .card-body .video__block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 16px; }
    .main .card-product__section .card-product .card-body .video__block .video__item .video__background {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 195px;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-radius: 8px;
      margin-bottom: 12px; }
      .main .card-product__section .card-product .card-body .video__block .video__item .video__background .video__link:hover {
        scale: 1.1; }
    .main .card-product__section .card-product .card-body .video__block .video__item .video__title {
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0.2px;
      color: #182C36; }
    .main .card-product__section .card-product .card-body .video__block .video__item .video__text {
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      color: #182C36; }
  .main .card-product__section .card-product .card-body .documentation__block {
    display: flex;
    flex-direction: column;
    grid-gap: 16px; }
    .main .card-product__section .card-product .card-body .documentation__block .download__file {
      background-color: #F6F6F6; }

.main .card-product__section .card-tables {
padding: 32px 24px 24px 24px; }
@media (max-width: 1023px) {
  .main .card-product__section .card-tables {
    padding: 32px 0 0 0; } }
.main .card-product__section .card-tables .section__tabs {
  margin-bottom: 16px; }
  @media (max-width: 425px) {
    .main .card-product__section .card-tables .section__tabs {
      justify-content: center; } }
.main .card-product__section .card-tables .section__contents .section__content .catalog__table .mobile-card__add .mobile-favourite__button {
  display: none; }
  @media (max-width: 425px) {
    .main .card-product__section .card-tables .section__contents .section__content .catalog__table .mobile-card__add .mobile-favourite__button {
      display: flex;
      position: absolute;
      right: 5px;
      top: 5px; } }

.main .error__section .error__block {
max-width: 380px;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 425px) {
  .main .error__section .error__block {
    max-width: 327px; } }

.main .error__section .error__image {
margin-bottom: 40px; }
@media (max-width: 425px) {
  .main .error__section .error__image {
    width: 215px; } }

.main .error__section .section__title {
margin-bottom: 8px; }

.main .error__section .block__text {
margin-bottom: 32px; }

.main .error__section .buttons__wrapper {
grid-gap: 16px; }
.main .error__section .buttons__wrapper .component__button {
  width: 100%; }

.main .authorization__section .authorization__image {
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 40px; }
@media (max-width: 576px) {
  .main .authorization__section .authorization__image {
    padding: 24px; } }

.main .authorization__section .authorization .create__form {
padding: 0; }
.main .authorization__section .authorization .create__form .section__tabs {
  padding: 0px 48px 15px; }
  @media (max-width: 576px) {
    .main .authorization__section .authorization .create__form .section__tabs {
      padding: 0px 16px 15px;
      justify-content: center; } }
      .main .basket__block .section__contents {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
      }
.main .authorization__section .authorization .create__form .section__contents {
  padding: 8px 48px 48px; }
  @media (max-width: 576px) {
    .main .authorization__section .authorization .create__form .section__contents {
      padding: 8px 16px 16px; } }
  .main .authorization__section .authorization .create__form .section__contents .main__form .checkout__item {
    display: flex;
    margin-top: 8px;
    margin-bottom: 8px; }
    .main .authorization__section .authorization .create__form .section__contents .main__form .checkout__item .checkout__wrapper .checkbox .checkout__label {
      justify-content: center; }
  .main .authorization__section .authorization .create__form .section__contents .main__form .switch__block .switch {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .main .authorization__section .authorization .create__form .section__contents .main__form .component__button {
    width: 100%; }
  .main .authorization__section .authorization .create__form .section__contents .main__form .profile__list {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    overflow-y: scroll;
    
    height: 235px; }
    .main .authorization__section .authorization .create__form .section__contents .main__form .profile__list::-webkit-scrollbar {
      width: 4px;
      height: auto; }
    .main .authorization__section .authorization .create__form .section__contents .main__form .profile__list::-webkit-scrollbar-track-piece {
      background-color: #E6ECF0;
      -webkit-border-radius: 8px; }
    .main .authorization__section .authorization .create__form .section__contents .main__form .profile__list::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #3B5765; }
    .main .authorization__section .authorization .create__form .section__contents .main__form .profile__list .profile__description {
      cursor: pointer;
      transition: 0.3s ease; }
      .main .authorization__section .authorization .create__form .section__contents .main__form .profile__list .profile__description:hover {
        background-color: #E6ECF0; }
.main .authorization__section .authorization .create__form .block__title {
  margin-bottom: 0;
  padding: 48px 48px 16px 48px; }
  @media (max-width: 576px) {
    .main .authorization__section .authorization .create__form .block__title {
      text-align: center;
      padding: 24px 16px 8px 16px; } }

@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .filter-table {
  padding: 16px;
  border-top: 1px solid #E6ECF0;
  border-left: 1px solid #E6ECF0;
  border-right: 1px solid #E6ECF0; } }

@media (max-width: 576px) {
.main .support__section .filter-table {
  flex-direction: column-reverse; } }

@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .filter-table .filter-table__wrapper {
  display: flex;
  position: static; } }

@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .filter-table .document-search {
  display: none; } }

@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .table {
  border-top-left-radius: 0;
  border-top-right-radius: 0; } }

@media (max-width: 1023px) {
.main .support__section .table tbody tr:not(:last-child) {
  border-bottom: 1px solid #E6ECF0; } }

.main .complaint__section .light__button {
padding: 16px 16px; }
@media (max-width: 425px) {
  .main .complaint__section .light__button {
    padding: 16px 12px;
    height: 40px; } }

.main .complaint__section .complaint__link {
border: none; }
.main .complaint__section .complaint__link:hover {
  background-color: #3B5765;
  border: none; }

.main .profile-create__section .select-details {
transition: 0.3s ease; }
.main .profile-create__section .select-details ~ .select__organization {
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  max-height: 0;
  padding: 0 8px;
  border-radius: 8px;
  transition: 0.3s ease;
  position: absolute;
  width: 100%;
  top: 70px;
  left: 0;
  background-color: #fff; }

.main .profile-create__section .select-details.active {
transition: 0.3s ease; }
.main .profile-create__section .select-details.active ~ .select__organization {
  opacity: 1;
  visibility: visible;
  z-index: 3;
  padding: 8px 8px;
  grid-gap: 16px;
  box-shadow: 0px 8px 16px #E6ECF0;
  max-height: 100vh; }
  .main .profile-create__section .select-details.active ~ .select__organization .profile__description {
    cursor: pointer;
    transition: 0.3s ease; }
    .main .profile-create__section .select-details.active ~ .select__organization .profile__description:hover {
      background-color: #3B5765; }
      .main .profile-create__section .select-details.active ~ .select__organization .profile__description:hover .profile__name {
        color: #ffffff; }
  @media (max-width: 576px) {
    .main .profile-create__section .select-details.active ~ .select__organization {
      display: none; } }

.main .favourite__section .main__block {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center; }
@media (max-width: 576px) {
  .main .favourite__section .main__block {
    flex-direction: column;
    align-items: baseline;
    grid-gap: 16px; } 
  .main .basket__section .main__container .main__title {
    margin-bottom: 0; }
  .main .basket__section .main__container .bx-soa {
    padding-bottom: 0;} }
.main .favourite__section .main__block .main__title {
  margin-bottom: 0; }
.main .favourite__section .main__block .main__wrapper {
  display: flex;
  grid-gap: 16px; }
  @media (max-width: 1023px) {
    .main .favourite__section .main__block .main__wrapper .component__button {
      padding: 12px; } }

.main .favourite__section .sub-catalog__wrapper .sub-catalog__content {
grid-gap: 0; }
@media (max-width: 1280px) {
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content {
    grid-gap: 16px; } }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
  grid-gap: 0; }
  @media (max-width: 1023px) {
    .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
      grid-gap: 8px; } }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block .sub-catalog__wrapper .first-line .sort-desktop {
    display: none; }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block .sub-catalog__wrapper .configure__button {
    display: none; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table {
  border-radius: 8px;
  overflow: hidden; }
  @media (max-width: 1023px) {
    .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table {
      display: none; } }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .info-text-red {
    font-size: 8px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.16px;
    padding: 4px;
    background-color: #E23D41;
    color: #ffffff;
    border-radius: 4px;
    position: relative;
    top: -2px; }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .info-text-black {
    font-size: 8px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.16px;
    padding: 4px;
    color: #ffffff;
    background-color: #182C36;
    border-radius: 4px;
    position: relative;
    top: -2px; }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .td-wrapper__favourite .component__button {
    padding: 8px; }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .td-wrapper__favourite .td__control {
    align-items: baseline; }
  .main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .td-wrapper__favourite .quantity-control .total .td-rub__value {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #8393AD;
    position: absolute; }

.main .favourite__section .sub-catalog__wrapper .changing__buttons {
padding-top: 20px; }

.main .password-recovery__section .authorization .create__form .block__title {
padding: 48px 48px 0 48px; }

.main .password-recovery__section .authorization .create__form .section__contents .main__form {
grid-gap: 24px; }
.main .password-recovery__section .authorization .create__form .section__contents .main__form .form__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; }

.main .password-recovery__section .authorization .create__form .section__contents .stage-1.hidden {
display: none; }

.main .password-recovery__section .authorization .create__form .section__contents .stage-2 {
display: none; }

.main .password-recovery__section .authorization .create__form .section__contents .stage-2.active {
display: flex; }

.catalog__main .offers__section--mobile {
display: none; }
@media (max-width: 1023px) {
  .catalog__main .offers__section--mobile {
    display: block; } }

.catalog__main .footer {
display: none; }
@media (max-width: 1023px) {
  .catalog__main .footer {
    display: flex; } }

.aside__main {
max-width: 232px;
width: 100%;
margin: 0 auto;
height: 100vh;
overflow: hidden;
position: relative;
z-index: 1; }
@media (max-width: 1023px) {
  .aside__main {
    position: absolute;
    left: -150%;
    z-index: 20;
    max-width: 360px;
    transition: 0.3s ease; } }
@media (max-width: 576px) {
  .aside__main {
    max-width: 80%; } }
.aside__main .aside__fixed {
  position: fixed;
  max-width: inherit;
  background-color: #ffffff;
  border-right: 1px solid #E6ECF0;
  height: 100%; }
  @media (max-width: 1023px) {
    .aside__main .aside__fixed {
      width: inherit; } }
  @media (max-width: 576px) {
    .aside__main .aside__fixed {
      width: inherit; } }
.aside__main .aside__wrapper {
  border-bottom: 1px solid #E6ECF0;
  padding: 16px;
  background-color: #FFFFFF; }
  .aside__main .aside__profile {
    min-height: 152px;
  }
.aside__main .aside__header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1023px) {
    .aside__main .aside__header {
      padding: 12px; } }
  .aside__main .aside__header .header__name {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #182C36;
    display: none; }
    @media (max-width: 1023px) {
      .aside__main .aside__header .header__name {
        display: block; } }
  @media (max-width: 1023px) {
    .aside__main .aside__header .aside__logo svg {
      width: 64px;
      height: 34px; } }
  @media (max-width: 1023px) {
    .aside__main .aside__header .reduce__menu {
      display: none; } }
  .aside__main .aside__header .reduce__rotate {
    transform: rotate(180deg); }
  .aside__main .aside__header .close__menu {
    display: none; }
    @media (max-width: 1023px) {
      .aside__main .aside__header .close__menu {
        display: block; } }
.aside__main .aside__profile .user__block {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  margin-bottom: 12px; }
  .aside__main .aside__profile .user__block .user__name {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #3B5765; }
.aside__main .aside__navigation {
  display: flex;
  flex-direction: column;
  z-index: 2;
  transition: 0.3s ease;
  height: calc(100% - 130px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none; }
  /*sidebar hotfix 28.09.23 */
  .aside__main .aside__navigation {
    height: calc(100% - 90px);
  }
  /*sidebar hotfix end */
  .aside__main .aside__navigation::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .aside__main .aside__navigation::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0; }
  @media (max-width: 1023px) {
    .aside__main .aside__navigation {
      overflow-y: hidden; } }
  .aside__main .aside__navigation .aside__link {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #182C36;
    padding: 8px;
    border-radius: 8px;
    transition: 0.4s ease; }
  .aside__main .aside__navigation .aside__links {
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.4s ease; }
    .aside__main .aside__navigation .aside__links:hover {
      background-color: #E6ECF0; }
    .aside__main .aside__navigation .aside__links .arrow-width {
      justify-content: space-between;
      align-items: center; }
      .aside__main .aside__navigation .aside__links .arrow-width .aside__link__arrow-wrapper {
        display: flex;
        align-items: center;
        grid-gap: 8px; }
    .aside__main .aside__navigation .aside__links .aside__sublinks {
      position: relative;
      transition: 0.4s ease;
      padding: 0 8px 0 8px;
      border-radius: 8px;
      visibility: hidden;
      opacity: 0;
      max-height: 0;
      bottom: 40px;
      z-index: -2; }
      .aside__main .aside__navigation .aside__links .aside__sublinks .aside__sublink {
        display: flex;
        padding: 8px 10px;
        width: 100%;
        border-radius: 8px;
        color: #182C36;
        font-style: normal;
        font-weight: 600;
        font-size: 10px;
        line-height: 24px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        height: 0; }
        .aside__main .aside__navigation .aside__links .aside__sublinks .aside__sublink:last-child {
          margin-bottom: 8px; }
        .aside__main .aside__navigation .aside__links .aside__sublinks .aside__sublink:hover {
          background-color: #182C36;
          color: #ffffff; }
  .aside__main .aside__navigation .aside__links.active {
    background-color: #E6ECF0; }
    .aside__main .aside__navigation .aside__links.active .arrow {
      transform: rotate(180deg); }
    .aside__main .aside__navigation .aside__links.active .aside__sublinks {
      background-color: #E6ECF0;
      visibility: visible;
      opacity: 1;
      max-height: 100vh;
      bottom: 0;
      z-index: 2; }
      .aside__main .aside__navigation .aside__links.active .aside__sublinks .aside__sublink {
        height: 100%; }
  .aside__main .aside__navigation .link {
    transition: 0.4s ease; }
    .aside__main .aside__navigation .link:hover {
      background-color: #182C36;
      color: #ffffff; }
      .aside__main .aside__navigation .link:hover .icon .stroke {
        stroke: #ffffff; }
  .aside__main .aside__navigation .link--active {
    background-color: #182C36;
    color: #ffffff; }
    .aside__main .aside__navigation .link--active .icon .stroke {
      stroke: #ffffff; }
  .aside__main .aside-height.active {
    height: calc(100% - 362px); }
.aside__main .aside__block .accordion__label {
  display: flex;
  grid-gap: 8px; }
.aside__main .aside__block .aside-block__title {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #E23D41;
  text-transform: uppercase;
  font-size: 10px;
  margin: 0;}
.aside__main .aside__block .aside-block__image {
  margin: 12px 0;
  max-width: 200px;
  object-fit: contain;
}
.aside__main .aside__block .aside-block__text {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #3B5765; }
  .aside__main .aside__block .aside-block__text:not(:last-child) {
    margin-bottom: 4px; }
.aside__main .aside__block .aside-block__number {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #3B5765;
  margin: 0;}
.aside__main .aside__manager .aside__accordion {
  position: relative; }
  .aside__main .aside__manager .aside__accordion .accordion__label {
    justify-content: space-between; }
.aside__main .aside__reduce-manager {
  display: none;
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  border-top: 1px solid #E6ECF0; }
.aside__main .aside__contract {
  display: flex;
  justify-content: space-between;
  border-bottom: none; }
.aside__main .aside__mobile-footer {
  border-top: 1px solid #E6ECF0;
  border-bottom: none;
  display: none;
  flex-direction: column;
  grid-gap: 16px; }
  .aside__main .aside__mobile-footer .footer__block .footer__callback {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    margin-bottom: 24px; }
  .aside__main .aside__mobile-footer .footer__block .footer__social {
    display: flex;
    grid-gap: 24px; }
  @media (max-width: 1023px) {
    .aside__main .aside__mobile-footer {
      display: flex; } }
.aside__main .aside__main-navigation {
  height: calc(100vh - 340px);
  overflow-x: visible;
  scrollbar-width: none; }
  @media (max-width: 576px) {
    .aside__main .aside__navigation .aside__links.active:hover {
      background-color: #E6ECF0; }
      .aside__main .aside__navigation .aside__links:hover {
        background-color: transparent; } }
  .aside__main .aside__main-navigation::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .aside__main .aside__main-navigation::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0; }
  @media (max-width: 1023px) {
    .aside__main .aside__main-navigation {
      height: -moz-max-content;
      height: max-content;
      overflow: auto; } }

.aside__main.index {
z-index: 5; }

@media (min-width: 1024px) {
.aside__reduce {
  max-width: 80px; }
  .aside__reduce .aside__header {
    justify-content: center; }
    .aside__reduce .aside__header .aside__logo {
      display: none;
      visibility: hidden;
      opacity: 0;
      max-height: 52px; }
  .aside__reduce .aside__profile {
    display: none; }
  .aside__reduce .aside__wrapper .catalog__button {
    width: -moz-fit-content;
    width: fit-content; }
    .aside__reduce .aside__wrapper .catalog__button span {
      display: none; }
  .aside__reduce .aside__navigation {
    grid-gap: 12px;
    align-items: center;
    overflow-y: scroll;
    height: 100%;
    scrollbar-width: none; }
    .aside__reduce .aside__navigation::-webkit-scrollbar {
      width: 0px;
      height: 0px; }
    .aside__reduce .aside__navigation::-webkit-scrollbar-track-piece {
      background-color: transparent;
      -webkit-border-radius: 0; } }
  @media (min-width: 1024px) and (max-height: 910px) {
    .aside__reduce .aside__navigation {
      height: calc(100vh - 360px); } }

@media (min-width: 1024px) {
    .aside__reduce .aside__navigation .aside__link {
      width: -moz-fit-content;
      width: fit-content;
      padding: 8px;
      justify-content: center; }
      .aside__reduce .aside__navigation .aside__link .icon {
        width: 24px;
        height: 24px; }
      .aside__reduce .aside__navigation .aside__link .arrow {
        display: none; }
      .aside__reduce .aside__navigation .aside__link span {
        display: none; }
    .aside__reduce .aside__navigation .aside__links {
      transition: all 0.4s ease; }
      .aside__reduce .aside__navigation .aside__links .aside__sublinks {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        max-height: -moz-max-content;
        max-height: max-content;
        width: -moz-max-content;
        width: max-content;
        top: 270px;
        left: 50px;
        padding: 8px 8px 0px 8px;
        transition: all 0.4s ease; }
        .aside__reduce .aside__navigation .aside__links .aside__sublinks .aside__sublink {
          height: auto;
          transition: all 0.4s ease; }
        .aside__reduce .aside__navigation .aside__links .aside__sublinks .aside__link {
          transition: all 0.4s ease; }
      .aside__reduce .aside__navigation .aside__links:hover .aside__link {
        background-color: #182C36;
        color: #ffffff; }
        .aside__reduce .aside__navigation .aside__links:hover .aside__link .icon .stroke {
          stroke: #ffffff; }
      .aside__reduce .aside__navigation .aside__links:hover .aside__sublinks {
        visibility: visible;
        opacity: 1;
        max-height: -moz-max-content;
        max-height: max-content;
        background-color: white;
        z-index: 5;
        box-shadow: 0px 8px 16px #E6ECF0; }
        .aside__reduce .aside__navigation .aside__links:hover .aside__sublinks .aside__sublink {
          height: auto; }
    .aside__reduce .aside__navigation .aside__links.active {
      background-color: #ffffff;
      transition: all 0.4s ease; }
      .aside__reduce .aside__navigation .aside__links.active .aside__sublinks {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        max-height: -moz-max-content;
        max-height: max-content;
        width: -moz-max-content;
        width: max-content;
        top: 270px;
        left: 50px;
        padding: 8px 8px 0px 8px;
        transition: all 0.4s ease; }
        .aside__reduce .aside__navigation .aside__links.active .aside__sublinks .aside__sublink {
          height: auto;
          transition: all 0.4s ease; }
        .aside__reduce .aside__navigation .aside__links.active .aside__sublinks .aside__link {
          transition: all 0.4s ease; }
      .aside__reduce .aside__navigation .aside__links.active:hover .aside__link {
        background-color: #182C36;
        color: #ffffff; }
        .aside__reduce .aside__navigation .aside__links.active:hover .aside__link .icon .stroke {
          stroke: #ffffff; }
      .aside__reduce .aside__navigation .aside__links.active:hover .aside__sublinks {
        visibility: visible;
        opacity: 1;
        max-height: -moz-max-content;
        max-height: max-content;
        background-color: white;
        box-shadow: 0px 8px 16px #E6ECF0; }
        .aside__reduce .aside__navigation .aside__links.active:hover .aside__sublinks .aside__sublink {
          height: auto; }
  .aside__reduce .aside__manager {
    display: none; }
  .aside__reduce .aside__reduce-manager {
    display: flex;
    justify-content: center; }
    .aside__reduce .aside__reduce-manager .aside__reduce-manager-wrapper {
      position: relative; }
      .aside__reduce .aside__reduce-manager .aside__reduce-manager-wrapper:hover .manager__content {
        opacity: 1;
        visibility: visible; }
      .aside__reduce .aside__reduce-manager .aside__reduce-manager-wrapper .manager__content {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: -102px;
        left: 30px;
        width: -moz-max-content;
        width: max-content;
        background-color: #ffffff;
        z-index: 2;
        box-shadow: 0px 8px 16px #E6ECF0;
        padding: 16px;
        border-radius: 8px; }
  .aside__reduce .aside__contract {
    justify-content: center;
    height: 61px;
    max-height: 61px; }
    .aside__reduce .aside__contract .aside-block__wrapper {
      display: none; }
  .aside__reduce .aside__main-navigation {
    overflow-x: visible;
    overflow-y: visible; } }

.aside__visible {
left: 0%; }

@media (min-width: 1024px) {
.aside__manager {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  border-top: 1px solid #E6ECF0; }
  .aside__contract {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%; } }  

@media (max-width: 1023px) {
.aside__mobile-wrapper {
  overflow-y: scroll;
  overflow-x: visible;
  height: calc(100vh - 65px);
  scrollbar-width: none; }
  .aside__mobile-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px; }
  .aside__mobile-wrapper::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 0; } }
@media (max-width: 576px) {
.aside__mobile-wrapper {
  padding-bottom: 77px; } }
.footer {
background-color: #ffffff;
border-top: 1px solid #E6ECF0;
padding: 8px 0;
width: 100%; }
/*footer hotfix 28.09.23 */
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .footer {
    /* margin-top: 72px; */
    padding: 0;
    background-color: transparent;
    border-top: 1px solid transparent; } }
.footer .footer__block {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1023px) {
    .footer .footer__block {
      display: none; } }
  .footer .footer__block .footer__callback {
    display: flex;
    grid-gap: 26px; }
    @media (max-width: 1280px) {
      .footer .footer__block .footer__callback {
        grid-gap: 16px;
        flex-wrap: wrap; } }
  .footer .footer__block .footer__social {
    display: flex;
    grid-gap: 16px; }

.callback__link {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
display: flex;
grid-gap: 10px;
align-items: center; }

.social__link {
height: -moz-fit-content;
height: fit-content;
border-radius: 100%; }

.component__button.favorites.active .stroke,
.fav__button.active .stroke {
stroke: #E23D41;
fill: #E23D41;
}

.search__wrapper {
position: relative;
}

.search__wrapper .lds-ring.preload {
position: absolute;
z-index: 2;
top: 0;
right: -34px;
margin: auto;
cursor: auto;
}

.search__wrapper .lds-ring.preload div {
width: 30px;
height: 30px;
}

.search__wrapper.preload .lds-ring.preload {
display: block;
z-index: 4;
}

.search__wrapper.preload .icon__search {
display: none !important;
}

@media (max-width: 576px) {
.search__wrapper .lds-ring.preload {
  top: -4px;
}
}

@media (max-width: 768px) {
.table tbody tr td.basket-table__info {
  margin-right: 50px;
}

.table tbody tr td.basket-table__image {
  margin-right: auto;
}
}

.tab-content {
display: none; 
}
.tab-content.active {
display: block;
}



.sub-catalog__filters {  }
.sub-catalog__filters .accordion__content[data-proptype="NUMBERS_WITH_SLIDER"] > .sub-catalog__item { padding: 0!important; }
.sub-catalog__filters .accordion__content[data-proptype="NUMBERS_WITH_SLIDER"] .accordion__content { max-height: none; max-height: 100vh; overflow: visible; opacity: 1; }
/*.sub-catalog__filters .js-filter-price-min-real { display: block!important; }
.sub-catalog__filters .js-filter-price-max-real { display: block!important; }*/
.sub-catalog__filters .range__input ~ .range__input { display: none !important; }
.sub-catalog__filters .range__input ~ .range__input { display: none !important; }

.subsections {
margin-bottom: 24px;
display: none;
}
.subsections.is-load {
display: block;
}
.subsections__grid {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 12px;
}

.subsections__item {
position: relative;
border: 0.50px solid #c5d6df;
background: #fff;
border-radius: 8px;
padding: 11px 8px;
display: flex;
align-items: center;
gap: 8px;
height: 58px;
}
.subsections__item:hover {
box-shadow: 0 4px 16px 0 rgba(191, 194, 196, 0.8);
}
.subsections__item img {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: contain;
}
.subsections__title {
font-size: 15px;
line-height: 18px; 
margin-bottom: 2px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.subsections__count {
font-weight: 300;
font-size: 11px;
line-height: 16px; 
color: #839EAD;
}

.subsections__more {
border-radius: 8px;
padding: 16px 16px;
font-size: 12px;
line-height: 16px; 
color: #182c36;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.subsections__more:hover {
color: #839ead;
}

.subsections__more.active .vertical-line {
display: none;
}
.subsections__more span {
border-bottom: 1px dashed #182c36;
transition: 0.3s ease;
}
.subsections__more:hover span{
border-color: #839ead;
}
.subsections__item--hidden {
display: none !important;
}
.subsections-swiper {
max-width: 100%;
overflow: hidden;
}
.subsections-swiper__next,
.subsections-swiper__prev {
position: absolute;  
top: 50%;  
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
margin: 0;
background-color: #E6ECF0;
border: 0.5px solid #C5D6DF;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transition: all .3s ease;
}
.subsections-swiper__next::after,
.subsections-swiper__prev::after,
.subsections-swiper__next.swiper-button-disabled,
.subsections-swiper__prev.swiper-button-disabled {
display: none;
}
.subsections-swiper__next {
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%3Cg clip-path='url(%23clip0_9058_182601)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9058_182601'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
right: 8px;
}
.subsections-swiper__prev {
left: 8px;
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%3Cg clip-path='url(%23clip0_10928_365404)'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.custom-scroll__table {
position: relative;
}
.catalog-scrollbar {
position: fixed;
bottom: 60px;
left: 256px;
right: 24px;
height: 10px; 
overflow-x: auto;
overflow-y: hidden;
z-index: 3;
}
.catalog-scrollbar::-webkit-scrollbar {
height: 8px;
}
.catalog-scrollbar::-webkit-scrollbar-track {
background-color: #E6ECF0; 
border-radius: 8px;
}

.catalog-scrollbar::-webkit-scrollbar-thumb {
background-color: #3B5765; 
border-radius: 8px;
}

.catalog-scrollbar::-webkit-scrollbar-button {
display: none; 
width: 0;
height: 0;
background: transparent;
}
.catalog-scrollbar::-webkit-scrollbar-button:single-button {
display: none;
width: 0;
height: 0;
} 
.scrollbar-inner {
height: 1px; 
}
.custom-scroll__table::-webkit-scrollbar {
height: 0 !important; 
}
.custom-scroll__table::-webkit-scrollbar-track {
background-color: transparent !important; 
}
.custom-scroll__table::-webkit-scrollbar-thumb {
background-color: transparent !important; 
}
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
background: #E6ECF0; 
}
body::-webkit-scrollbar-thumb {
background-color: #3B5765; 
border-radius: 4px;
}
/* .mob-table-cards .table-card .table-card__content .item__number {
font-weight: 500;
font-size: 12px;
line-height: 16px; 
color: #3b5765;
}
.mob-table-cards .table-card .table-card__content .item__availability {
font-weight: 500;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
min-width: 98px;
height: 40px;
} */

@media (min-width: 576px) {
.subsections-swiper__container,
.subsections-swiper__next,
.subsections-swiper__prev {
  display: none;
}
}
@media (max-width: 1440px) {
.subsections__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

}
@media (max-width: 1400px) {
.catalog-scrollbar {
  display: none;
}

}
@media (max-width: 1023px) and (min-width: 576px){

.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper {
  justify-content: flex-start;

}
.main .sub-catalog__section .sub-catalog__wrapper .tablet .buttons__wrapper {
  gap: 8px;
}
}
@media (max-width: 1024px) {
.subsections__grid {
  grid-template-columns: repeat(2, 1fr);
}
.subsections__more {
  justify-content: flex-start;
}
}

@media (max-width: 575px) {

.subsections__grid {
  width: calc(100% + 16px);
  display: block;
  margin: 0 -8px;
}
.subsections__grid .swiper-wrapper {
  padding-left: 8px;
}
.subsections__item {
  width: 308px;
}
.subsections__item:last-child {
  margin-right: 20px !important;
}
}

.main--order-update {
  overflow-x: unset;
  max-width: calc(100% - 232px);
}
.aside__reduce ~ .main--order-update {
  max-width: calc(100% - 80px);
}
.order-update .back__link{
  gap: 8px;
  padding: 12px !important;
  margin: 16px 0;
  line-height: 15px;
}
.order-update .back__link:hover {
  background-color: #839EAD;
  color: #fff;
  border-color: #839EAD;
}
.order-update .main__title {
  margin-bottom: 4px;
}
.order-update .bx-soa-auth {
  margin-top: 16px;
}
.order-update .block__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 171%;
  text-transform: none;
}
.order-update .block__title span {
  color: #e23d41;
}
.order-update .profile__description{
  background: #e6ecf0, rgba(255, 255, 255, 0.64);
  padding: 4px 8px;
}
.order-update .profile__description .profile__status{
  color: #839ead;
  font-weight: 700;
  font-size: 8px;
  line-height: 100%;
  text-transform: uppercase;
}
.order-update .profile__description .profile__name {
  color: #182c36;
}

.order-update .profile__description .profile__verification {
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 9px;
  letter-spacing: 0.02em;
  grid-gap: 4px;
  border: none;
}
.order-update .profile__description .profile__verification svg {
  width: 12px;
  height: 12px;
}
.order-update .profile__description .profile__verification.success {
  background: #18a676;
  color: #fff;
}

.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form {
  grid-gap: 12px;
}
.order-update .bx-soa-section {
  margin-bottom: 0;
}
.order-update  .form__wrapper {
  border: 1px solid #c5d6df;
  display: block;
  padding: 12px 10px 10px;
  height: 40px;
}
.order-update .form__label {
  position: absolute;
  top: 12px;
  left: 10px;
  padding-left: 4px;
  padding-right: 4px;
  background: #fff;
  font-weight: 600;
  color: #839ead;
  letter-spacing: 0.02em;
  pointer-events: none;
  transition: all .3s ease;
}

.order-update .form__label.is-value,
.order-update .bx_soa_location .form__label.symbols,
.order-update .abyk-delivery-container .form__label,
.order-update .form__label[for="soa-property-44"],
.order-update .form__label[for="soa-property-45"]{
  top: -7px;
}
.order-update .abyk-delivery-container .form__input {
  margin-top: 0;
  padding-top: 0;
}
.order-update .bx_soa_location #zipProperty {
  background-color: transparent !important;
}
.order-update .bx_soa_location .region__form {
  flex-direction: row;
}
.order-update .form__input {
  font-size: 12px;
  display: block;
  background-color: transparent !important;
}
.order-update .form__label.form__required {
  padding-right: 8px;
}
.order-update .form__label.form__required:after {
  top: 1px;
  left: auto;
  right: 3px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .sub-form__wrapper {
  grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
  grid-gap: 12px;
}
.order-update .more__information {
  font-size: 12px;
  color: #182c36;
  gap: 4px;
  padding-top: 12px !important;
}

.order-update .bx-soa-section.bx-step-completed .bx-soa-section-content, 
.order-update  .bx-soa-section.bx-selected .bx-soa-section-content {
  padding: 0;
}
.order-update .region__form .bx-sls .bx-ui-sls-container {
  top: -6px;
  left: -31px;
}
.order-update .region__form .bx-sls .bx-ui-sls-fake, 
.order-update .region__form .bx-sls .bx-ui-sls-route {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px; 
  color: #182c36 !important;
}
.order-update .region__form .bx-sls .bx-ui-sls-clear {
  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%3Cg%3E%3Cpath d='M2.6665 2.66666L13.3332 13.3333' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3Cpath d='M2.6665 13.3333L13.3332 2.66668' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  width: 16px;
  height: 16px;
  top: -1px;
}
.order-update .region__block .region__form .form__wrapper:last-of-type,
.form__wrapper[data-property-id-row="16"] {
  width: 100px;
  flex-shrink: 0;
  position: relative;
  padding-right: 26px;
}
.order-update .clear-zip-btn {
  position: absolute;
  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%3Cg%3E%3Cpath d='M2.6665 2.66666L13.3332 13.3333' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3Cpath d='M2.6665 13.3333L13.3332 2.66668' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  width: 16px;
  height: 16px;
  top: 13px;
  right: 10px;
}
.order-update .required-field {
  padding: 12px 8px;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px; 
  color: #839ead;
  grid-gap: 8px;
}
.order-update .required__text {
  font-weight: 300;
  font-size: 11px;
  line-height: 16px; 
  color: #3b5765;
}
.order-blocks {
  position: relative;
  padding: 0 44px;
}
.order-blocks .swiper {
  width: 100%;
  margin-left: -44px;
  margin-right: -44px;
}
.order-blocks .swiper.order-blocks--swiper-active {
  margin-left: unset;
  margin-right: unset;
}
.order-blocks .swiper-wrapper {
  align-items: stretch;

}
.order-blocks__item {
  border: 1px solid #dfeaef;
  border-radius: 8px;
  padding: 12px;
  padding-bottom: 11px !important;
  width: 236px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: border-color .2s ease-in-out;
  box-sizing: border-box;
  margin: 0;
}
.order-blocks__item.is-active {
  border-color: #e23d41;
}
.order-bloks__radio {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.order-bloks__radio input {
  position: relative;
  cursor: pointer;
  appearance: none;
  border: 1px solid #182c36;
  width: 16px;
  height: 16px;
  margin: 2px 4px;
  flex-shrink: 0;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: border-color .2s ease-in-out;
}
.order-bloks__radio input:checked {
  border-color: #e23d41;
}
.order-bloks__radio input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e23d41;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}
.order-bloks__radio input:checked:after {
  opacity: 1;
}
.order-bloks__radio span {
  font-size: 14px;
  line-height: 20px; 
  color: #182c36;
}
.order-bloks__info {
  position: relative;
  background: #f1f4f6;
  border-radius: 8px;
  padding: 14px 12px 7px 36px;
  font-weight: 300;
  font-size: 11px;
  line-height: 16px; 
  line-height: 1.45455;
  color: #3b5765;
  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%3Cg%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.33203H8.00667' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33398 8H8.00065V10.6667H8.66732' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-position: top 12px left 12px;
  background-repeat: no-repeat;
  flex-grow: 1;
}
.order-bloks__info a {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
}
.order-blocks__button-next.swiper-button-disabled,
.order-blocks__button-prev.swiper-button-disabled {
  background-color: #fff;
  border-color: #c5d6df;
  opacity: 1;
}

.order-blocks__button-next,
.order-blocks__button-prev {
position: absolute;  
top: 50%; 
z-index: 1; 
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
margin: 0;
background-color: #E6ECF0;
border: 0.5px solid #C5D6DF;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transition: all .3s ease;
}
.order-blocks__button-next::after,
.order-blocks__button-prev::after {
  display: none;
}

.order-blocks__button-next {
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%3Cg clip-path='url(%23clip0_9058_182601)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9058_182601'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
right: 0;
}
.order-blocks__button-prev {
left: 0;
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%3Cg clip-path='url(%23clip0_10928_365404)'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block {
  max-width: unset;
  grid-gap: 16px;
}
.order-update .js-order-form {
  width: calc(100% - 397px);
}

.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0px 1px;
  border: none;
  margin-bottom: -6px;
}
.order-update .table tbody {
  line-height: 16px; 
}
.order-update .table thead {
  border: 1px solid #dfeaef;
  background: #e6ecf0;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.order-update .table.basket__table > thead > tr > th {
  position: relative;
  padding: 14px 4px;
}
.order-update .table.basket__table > thead > tr > th:first-child {
  padding-left: 7px;
  border-radius: 8px 0 0 0;
}
.order-update .table.basket__table > thead > tr > th:last-child {
  padding-right: 12px;  
  border-radius: 0 8px 0 0;
}
.order-update .table.basket__table > thead > tr > th::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 26px;
  background-color: #c5d6df;
  transform: translateY(-50%);
}
.order-update .table.basket__table > thead > tr > th:last-child::after {
  display: none;
}
.order-update .table tbody tr td {
  border-bottom: 1px solid #dfeaef;
  border-top: 1px solid #dfeaef !important;
  padding: 3px 5px;

}
.order-update .table tbody tr td:not(:last-child) {
  position: relative;
  border-right: none;
}
.order-update .table tbody tr td:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: calc(100% - 6px);
  background-color: #f1f4f6;
  transform: translateY(-50%);
}
.order-update .table tbody tr td:last-child {
 border-right: 1px solid #dfeaef;
 border-radius: 0 8px 8px 0;
 padding-right: 12px;
}
.order-update .table tbody tr td:first-child {
 border-left: 1px solid #dfeaef;
 border-radius: 8px 0 0 8px;
}
.order-update .table thead tr th:nth-child(n+3),
.order-update .table tbody tr td:nth-child(n+3) {
  text-align: right;
}
.order-update .table tbody tr td:nth-child(3) {
  width: 80px;
}
.order-update .table tbody tr td:nth-child(4) {
  width: 65px;
}
.order-update .table tbody tr td:nth-child(5) {
  width: 85px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table .product-image {
  width: 44px;
}
.order-update .basket__table tbody tr .table__image {
  width: 32px;
  height: 32px;
  display: block;
}
.order-update .option-item__description .item__info .item__number,
.order-update .item__availability {
  font-size: 10px;
  letter-spacing: 0.02em;
  line-height: 12px;
}
.order-update .order-basket__table tbody tr td .item__name {
  max-width: 100%;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.order-update .table td .td__control,
.order-update .quantity-control,
.order-update .td-rub__value {
  font-weight: 300;
  font-size: 11px;
}
.order-update .table td .td__control {
  justify-content: flex-end;
}
.order-update .order__content .textarea__wrapper.textarea {
  resize: none;
}
.order-update .order__content .textarea__wrapper.textarea::placeholder {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.6;
}
.order-update .textarea__wrapper {
  padding: 10px 14px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item {
  padding: 16px;
  grid-gap: 12px;
}
.order-update .order-update__right {
  position: relative;
  width: 373px;
}
.order-update__right-inner {
  padding: 0 24px;
  position: sticky;
  top: 12px;
  background-color: #fff;
  border-radius: 8px;
}
.main .basket__section.order-update .basket__block .basket__content .order__information {
  min-width: unset;
  margin-bottom: 16px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item {
  padding-left: 0;
  padding-right: 0;
}
.order-update__right .checkout__item {
  padding: 0px 0 24px;
}
.order-update__right .checkout__item .checkbox .checkout__label {
  font-size: 12px;
  line-height: 1.33333;
}
.order-update__right .checkbox {
  margin-bottom: 20px;
}
.order-update__right .component__button {
  width: 100%;
  margin-top: -2px;
  height: 40px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item .order__name {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.6;
  text-transform: uppercase;
}
.main .basket__section.order-update .basket__block .basket__content .order__information .order__item.order__item--top  {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 16px 0 12px;
}
.order-update .order__item--top .order__name {
  font-size: 18px !important;
  line-height: 1.33333 !important;
  text-transform: none !important;
}
.order-update .order-back-link{
  font-size: 12px;
  line-height: 20px; 
  text-decoration: underline;
  padding: 10px 16px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item .order__text {
  font-size: 12px;
  line-height: 16px; 
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item .order__sub-text {
  font-weight: 300;
  font-size: 10px;
  line-height: 1.6;
  color: #839ead;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .bx-soa-cart-total .order__item:first-child {
  padding-left: 8px;
  padding-right: 8px;
  gap: 12px;
  padding-bottom: 32px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item.order__item-last {
  padding-top: 8px;
}
.main .order-update.basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
  grid-template-columns: 22% 22% auto;
  grid-gap: 12px 8px;
}
.order-update .querying__info .section__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.16667;
  text-transform: none;
}
.main .basket__section.order-update .querying__block .querying__text {
  line-height: 20px;
}
.main .basket__section.order-update .querying__block .querying__info {
  padding: 24px 16px;
}
.breadcrumbs__list {
    margin: 40px 0 32px;
}

.order-update .bx-soa-pp-company-subTitle {
  display: none;
}
.order-update .abyk-delivery-inputs .btn.btn-default.btn-lg {
  width: 100%;
  background-color: #3b5765;
  padding: 12px;
  font-size: 14px;
  line-height: 16px;
  margin: 12px 0;
}
.order-update .order-blocks {
  margin-bottom: 0;
}
.order-update #bx-soa-delivery .order-blocks{
  margin-bottom: 12px;
}
.order-update .abyk-delivery-inputs .form__wrapper {
  margin-top: 0;
}
.order-update .bx-soa-pp-desc-container {
  padding-top: 0;
}
.order-update .russianpost_link button.btn {
  border-color: #3b5765 !important;
  background-color: #3b5765 !important;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  font-size: 14px;
  line-height: 16px;
  color: #FFF;
}
.order-update .component__button.disabled {
  background: #e6ecf0;
  color: #839ead;
  pointer-events: none;
}
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span span {
    display: none;
  }
@media (max-width: 1400px) {
  .main .order-update.basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .breadcrumbs__list {
    margin: 40px 0 28px;
  }
  .order-update__right .order__information-right {
    display: block;
  }
  .order-update .order__information-total-copy {
    display: none;
  }
  .main .order-update.basket__section .basket__block .order__content {
    flex-direction: column;
    gap: 16px;
  }
  .order-update .js-order-form,
  .order-update .order-update__right {
    width: 100%;
  }
  .order-update .bx-soa {
    padding-bottom: 12px;
  }
  .basket__section.order-update .back__link {
    margin: 12px 0;
  }
  .order-update .table tbody tr td:nth-child(5) {
    width: 103px;
  }
  .order-update .querying__info .section__title {
    font-size: 16px;
    line-height: 24px; 
  }
  .main .basket__section.order-update .querying__block .querying__info {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .main .basket__section.order-update .querying__block .component__button {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .main--order-update {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
    font-weight: 300;
    font-size: 11px;
    top: 0 !important;
  }
  .order-update .basket__table thead {
    display: table-header-group;
  }
  .order-update .section__table.basket__table.order-basket__table tbody tr td {
    position: relative;
    top: 0;
    left: 0;
  }
  .order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name {
    display: none;
  }
  .order-update .table tbody tr td:nth-child(5) {
    width: 80px;
  }

  .order-update  .order-basket__table tbody td .td__value .option-item__description {
    top: 0;
  }
  .order-update .basket__table tbody tr td .item__availability {
    position: static;
  }
  .main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table {
    margin-bottom: -6px;
  }
}
@media (max-width: 640px) {
  .order-update .basket__table thead {
    display: none;
  }
  .main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table {
    border-spacing: 0;
  }
  .order-update .basket__table tbody tr {
    display: grid !important;
    grid-template-columns: 38px
      minmax(0, calc(31% - 38px)) 
      minmax(0, 33%) 
      minmax(0, 33%);
    grid-column-gap: 4px;
    grid-row-gap: 8px;
    padding: 5px 8px;
    border: 1px solid #E6ECF0;
    border-radius: 8px;
    margin-bottom: 1px;
    height: auto !important;
    grid-template-areas:
    "img title title title"
    "price price qty total";
  }

  .order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name {
    display: block;
    font-size: 12px;
    line-height: 16px; 
    font-weight: 300;
    color: #182c36;
    margin-bottom: 4px;
 }

  .order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px; 
    color: #182c36;
  }
  .order-update .item__availability,
  .order-update .item__measure {
    display: none;
  }

  .order-update .table tbody tr td {
    border: none !important;
    padding: 0;
    text-align: left !important;
  }
  .order-update .table td .td__control {
    justify-content: flex-start;
  }
  .order-update .table tbody tr td:not(:last-child)::after {
    display: none;
  }
  .order-update .table tbody tr td:first-child::after {
    display: block;
    height: 32px;
  }

  .order-update .section__table.basket__table.order-basket__table tbody tr td {
    width: auto;
  }
  .main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table .product-image  {
    grid-area: img;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 38px;
  }
  .main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table .product-image .td__value {
    display: block;
    width: 32px;
    height: 32px;
  }

  .order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(2) {
    grid-area: title;
  }
  .order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {    
    grid-area: price;
    padding: 0 4px;
  }
  .order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(4) {
    grid-area: qty;
    padding: 0 4px;
    justify-self: center;
  }
  .order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
    grid-area: total;
    padding: 0 4px;
    justify-self: end;
  }
  
  .order-update .order-basket__table tbody tr td .item__name {
    -webkit-line-clamp: initial;
    line-clamp: initial;  
  }
  .bx_soa_location .main__form {
    flex-wrap: wrap;
  }
  .order-update .region__block .region__form .form__wrapper:last-of-type, 
  .form__wrapper[data-property-id-row="16"] {
    width: 100%;
  }
  .breadcrumbs__list {
    margin: 7px 0 0px;
  }
  .basket__section.order-update .back__link {
    margin: 0px 0 6px;
  }
  .order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span span {
    display: inline;
  }
}
@media (max-width: 576px) {
  .order-update .section__table.basket__table.order-basket__table tbody {
    height: auto;
  }
  .main .basket__section.order-update .querying__block .querying__info .section__title {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .order-blocks__item {
    max-width: 236px;
  }
}
@media (max-width: 425px) {
  .order-update .order__block .order__content .checkout__item .td__control .price,
  .order-update .order__block .order__content .checkout__item .quantity-control,
  .order-update .order__block .order__content .checkout__item .total {
    position: static;
    padding: 0;
  }
}