@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,regular,500,600,700,800,300italic,italic,500italic,600italic,700italic,800italic);
@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

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

html, body {
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 16px;
  font-family: "Open Sans";
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #000000;
  transition: 1s ease;
}

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

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

button {
  cursor: pointer;
}

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

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

.py-24 {
  padding: 24px 0;
}

.p-36 {
  padding: 36px 0;
}

button {
  background-color: transparent;
}

body {
  background: #FAFAFA;
  color: #000000;
}
body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
body::-webkit-scrollbar:horizontal {
  -webkit-appearance: none;
  width: 0px;
}
body::-webkit-scrollbar-thumb:horizontal {
  border-radius: 4px;
  background-color: transparent;
  -webkit-box-shadow: 0;
}
body.noscroll {
  overflow: hidden !important;
}

.overlay-blur {
  filter: blur(1px);
}

.wrapper {
  max-width: 1342px;
  margin: 0 auto;
  padding: 0 15px;
}

.page {
  padding-top: 124px;
  padding-bottom: 80px;
  position: relative;
}

input {
  padding: 12px 16px;
  background-color: #FFFFFF;
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease-in;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[disabled] {
  background: rgba(0, 0, 0, 0.1);
  border: 1.5px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
}
input[disabled] svg path {
  stroke: #818181;
}
input:hover {
  transition: all 0.3s ease-in;
  border: 1.5px solid #6C9FFF;
}
input:focus {
  transition: all 0.3s ease-in;
  border: 1.5px solid #6C9FFF;
  box-shadow: 0px 0px 24px rgba(39, 110, 246, 0.3);
}
input:focus::-moz-placeholder {
  opacity: 0;
}
input:focus::placeholder {
  opacity: 0;
}
input.is-error {
  box-shadow: none;
  border: 1.5px solid #E41D1D;
}
input.is-error::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #E41D1D;
}
input.is-error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #E41D1D;
}
input.is-valid {
  box-shadow: none;
  border: 1.5px solid #6C9FFF;
}

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

.text-logo {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 170%;
  color: #000000;
}

button:disabled {
  opacity: 0.7;
  pointer-events: none;
}

.btn {
  border-radius: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 170%;
  cursor: pointer;
}
.btn[disabled] {
  cursor: not-allowed;
  background: #B7B7B7 !important;
  color: #818181 !important;
}
.btn[disabled] svg path {
  stroke: #818181 !important;
}

.btn-blue {
  background-color: #276EF6;
  transition: all 0.3s ease;
  color: #FFFFFF;
  justify-content: center;
}
@media (any-hover: hover) {
  .btn-blue:hover {
    transition: all 0.3s ease;
    background-color: #6C9FFF;
  }
}
.btn-blue:active {
  transition: all 0.3s ease;
  background: #1042A0;
}

.btn-white {
  background-color: #FFFFFF;
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
}
@media (any-hover: hover) {
  .btn-white:hover {
    transition: all 0.3s ease;
    background: #D7E4FF;
  }
}
.btn-white:active {
  transition: all 0.3s ease;
  background: #98BBFF;
}

.btn-green {
  background: #35A591;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .btn-green:hover {
    transition: all 0.3s ease;
    background: #3ebfa8;
  }
}
.btn-green:active {
  transition: all 0.3s ease;
  background: #31a590;
}

.btn-green-l {
  background: #4EBC65;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .btn-green-l:hover {
    transition: all 0.3s ease;
    background: #71D386;
  }
}
.btn-green-l:active {
  transition: all 0.3s ease;
  background: #186329;
}

.btn-blue-light {
  background: rgba(39, 110, 247, 0.1);
  transition: all 0.3s ease;
  color: #276EF6;
}
@media (any-hover: hover) {
  .btn-blue-light:hover {
    transition: all 0.3s ease;
    background: rgba(136, 175, 248, 0.1);
  }
}
.btn-blue-light:active {
  transition: all 0.3s ease;
  background: rgba(39, 110, 247, 0.3);
}

.btn-yellow {
  background: #F9DD09;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .btn-yellow:hover {
    transition: all 0.3s ease;
    background: #FFEF73;
  }
}
.btn-yellow:active {
  transition: all 0.3s ease;
  background: #DCC200;
}

.title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
}

.text-blue {
  font-weight: 600;
  line-height: 160%;
  color: #276EF6;
}

.h-icon {
  transition: 0.3s ease;
  cursor: pointer;
  background-color: transparent;
}
.h-icon:hover {
  transform: scale(1.05);
  transition: 0.3s ease;
}
.h-icon:hover svg {
  fill: rgba(39, 110, 247, 0.1);
}
.h-icon:active {
  transform: scale(0.95);
  transition: 0.3s ease;
}

._ibg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.1);
}
._ibg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.before {
  position: relative;
}
.before::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.222) 100%);
  z-index: 2;
  border-radius: 16px;
}

.content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.content-slider__data-block {
  background-color: #F9DD09;
  border-radius: 96px;
  min-height: 34px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 600;
  line-height: 160%;
  gap: 8px;
}

.media {
  padding: 2.5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #FFFFFF;
  border-radius: 96px;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  text-transform: uppercase;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: flex-end;
}
.pagination .pagination__pages {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.pagination .pagination__pages .pagination__space {
  margin: 0 8px;
}
.pagination .pagination__pages .pagination__page {
  font-size: 12px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  padding: 8px;
  transition: all 0.3s ease;
}
.pagination .pagination__pages .pagination__page:hover {
  transition: all 0.3s ease;
  background: #D7E4FF;
}
.pagination .pagination__pages .pagination__page:active {
  transition: all 0.3s ease;
  background: #98BBFF;
}
.pagination .pagination__pages .pagination__page.active {
  color: #FFFFFF;
  background-color: #276EF6;
  border: 1px solid #276EF6;
}
.pagination .pagination__btn {
  line-height: 130%;
  color: #276EF6;
  padding: 6px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 130%;
}

.images-block {
  position: relative;
  height: 234px;
  transition: 0.3s ease;
  border-radius: 16px;
  cursor: pointer;
}
.images-block:hover {
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.5);
  transition: 0.3s ease;
}
.images-block .images-block__content {
  padding: 32px;
  display: flex;
}
.images-block .images-block__text {
  color: #FFFFFF;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.images-block .images-block__text p {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  max-width: 280px;
}
.images-block .images-block__text span {
  font-size: 18px;
  line-height: 160%;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  z-index: 1001;
  padding: 100px;
  overflow: auto;
}
.overlay .modal-filter {
  padding: 24px;
  background: #FFFFFF;
  box-shadow: 6px -6px 24px rgba(0, 0, 0, 0.06), 0px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  position: relative;
}
.overlay .modal-filter::before {
  content: "";
  position: absolute;
}
.overlay-modal {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  height: 100vh;
  display: grid;
  justify-items: center;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 1001;
  padding: 100px;
  overflow: auto;
}
.overlay-modal .modal {
  background: #FFFFFF;
  box-shadow: 6px -6px 24px rgba(0, 0, 0, 0.06), 0px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  position: relative;
  height: -moz-max-content;
  height: max-content;
  margin: auto;
  padding: 64px;
}
.overlay-modal .modal-close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  height: 24px;
}

textarea {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 16px;
}
textarea:hover {
  transition: all 0.3s ease-in;
  border: 1.5px solid #6C9FFF;
}
textarea:focus {
  transition: all 0.3s ease-in;
  border: 1.5px solid #6C9FFF;
  box-shadow: 0px 0px 24px rgba(39, 110, 246, 0.3);
}
textarea:focus::-moz-placeholder {
  opacity: 0;
}
textarea:focus::placeholder {
  opacity: 0;
}

.title-tab {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.tabs-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tabs-container .tab {
  font-weight: 400;
  line-height: 160%;
  padding: 12px 24px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s ease;
}
.tabs-container .tab:hover {
  transition: background-color 0.2s ease;
  background-color: #ffef75;
}
.tabs-container .tab.active {
  background-color: #F9DD09;
  color: #000000;
  font-weight: 600;
}
.tabs-container .tab.active .tab-count {
  background-color: #FFFFFF;
}
.tabs-container .tab_link {
  color: #000000;
}
.tabs-container .tab .tab-count {
  font-size: 12px;
  line-height: 160%;
  color: #000000;
  padding: 0 8.6px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F9DD09;
  border-radius: 64px;
}
.tabs-container .tab-block {
  position: relative;
}
.tabs-container .tab-hidden {
  position: absolute;
  top: 64px;
  right: 0;
  width: 245px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06), 6px -6px 24px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  cursor: pointer;
  z-index: 1;
}
.tabs-container .tab-link {
  font-size: 16px;
  line-height: 170%;
  padding-left: 14px;
  transition: all 0.3s;
  color: #000000;
}
.tabs-container .tab-link:hover {
  transition: all 0.3s;
  color: #276EF6;
}

.accordion-item__view-all {
  background-color: #FFFFFF;
  font-size: 12px;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #000000;
  border-radius: 96px;
  padding: 6px 12px 6px 16px;
  transition: all 0.3s ease;
}
.accordion-item__view-all svg {
  transition: all 0.3s ease;
}
.accordion-item__view-all.m-top {
  margin-top: 24px;
}
.accordion-item__view-all:hover {
  transition: all 0.3s ease;
}
.accordion-item__view-all:hover svg {
  transform: translate(3px);
}

.confirm {
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 28px;
  background: #F9DD09;
  border-radius: 96px;
  font-size: 12px;
  line-height: 160%;
}

.confirmed {
  gap: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 129px;
  height: 28px;
  background: #4EBC65;
  border-radius: 96px;
  font-size: 12px;
  line-height: 160%;
  color: #FFFFFF;
}

.card {
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  padding: 48px;
}

.table {
  border-collapse: collapse;
}
.table .table-head tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table .table-head tr th {
  padding: 24px 0;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
}
.table .table-head tr th:first-child {
  padding-left: 36px;
}
.table .table-head tr .th-content {
  display: flex;
  align-items: center;
  gap: 4px;
}
.table .table-body .tr-body:nth-child(even) {
  background: rgba(39, 110, 246, 0.04);
}
.table .table-body .tr-body .td {
  padding: 24px 0;
  font-size: 14px;
  line-height: 170%;
  vertical-align: top;
}
.table .table-body .tr-body .td:first-child {
  padding-left: 36px;
}
.table .table-body .tr-body .td-checkbox {
  margin-top: 4px;
}

.pagination-sb {
  justify-content: space-between;
  padding: 0 36px;
}
.pagination-sb .btn {
  background-color: #276EF6;
  transition: all 0.3s ease;
  color: #FFFFFF;
  width: 87px !important;
  height: 28px !important;
  border-radius: 96px !important;
}
@media (any-hover: hover) {
  .pagination-sb .btn:hover {
    transition: all 0.3s ease;
    background-color: #6C9FFF;
  }
}
.pagination-sb .btn:active {
  transition: all 0.3s ease;
  background: #1042A0;
}

.top {
  width: 44px;
  height: 24px;
  background: #F9DD09;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
}

.currency {
  width: 144px;
  height: 36px !important;
}
.currency .vs__dropdown-menu {
  top: 35px;
}

.sort .vs__dropdown-menu {
  top: 35px;
}

.p-blue .pagination__btn {
  background: #276EF6;
  border-radius: 96px;
  color: #FFFFFF;
  padding: 5px 15px;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .p-blue .pagination__btn:hover {
    transition: all 0.3s ease;
    background-color: #6C9FFF;
  }
}
.p-blue .pagination__btn:active {
  transition: all 0.3s ease;
  background: #1042A0;
}

.attention {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 170%;
  padding: 12px 24px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
}

.count {
  font-size: 12px;
  line-height: 160%;
  color: #FFFFFF;
  padding: 2.5px 8px;
  background: #276EF6;
  border-radius: 64px;
  font-weight: 400;
}

.tag {
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
  padding: 8px 12px;
}

.rating {
  display: flex;
  align-items: center;
  gap: 16px;
}
.rating .like {
  background-color: transparent;
}
.rating .like--temporarily svg path {
  fill: #D99F09;
}
.rating .like--active svg g {
  opacity: 1;
}
.rating .like--active svg path {
  fill: #D99F09;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 101;
}
header .header-top {
  background: #FAFAFA;
  position: relative;
  z-index: 100;
  height: 71px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .header-top__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 15px;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  header .header-top__content {
    gap: 8px;
  }
}
@media screen and (max-width: 1200px) {
  header .header-top__logo {
    min-width: 90px;
  }
  header .header-top__logo img {
    width: 100%;
  }
}
header .header-top__search-block {
  position: relative;
  max-width: 334px;
  height: 48px;
  width: 100%;
}
header .header-top__search-block .search-input {
  width: 100%;
  padding: 12px 37px 12px 16px;
}
header .header-top__search-block svg {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0px, -50%);
}
header .header-top__select-country {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 80px;
  height: 41px;
  justify-content: center;
  border-radius: 3px;
  transition: 0.3s ease;
}
header .header-top__select-country:hover {
  transition: 0.3s ease;
  background: rgba(39, 110, 247, 0.1);
}
header .header-top__select-country .select-country-icon {
  width: 21px;
  height: 15px;
}
header .header-top__select-country .select-country-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .header-top__select-country .select-country-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
  margin-left: 8px;
}
header .header-top__statistic {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1200px) {
  header .header-top__statistic {
    gap: 5px;
  }
}
header .header-top__statistic .statistic-item {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
  background-color: #FFFFFF;
  padding: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (any-hover: hover) {
  header .header-top__statistic .statistic-item:hover {
    transition: all 0.3s ease;
    background: #D7E4FF;
  }
}
header .header-top__statistic .statistic-item:active {
  transition: all 0.3s ease;
  background: #98BBFF;
}
@media screen and (max-width: 1200px) {
  header .header-top__statistic .statistic-item {
    gap: 4px;
    padding: 10px 7px;
  }
}
header .header-top__statistic .statistic-item .statistic-item-number {
  background-color: #F9DD09;
  padding: 2.5px 9px;
  border-radius: 64px;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  color: black;
}
header .header-top__user {
  position: relative;
}
header .header-top__user .user-header__block {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
header .header-top__user .user-header__avatar {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
header .header-top__user .user-header__avatar img {
  width: 100%;
  height: 100%;
}
header .header-top__user .user-header__info {
  display: flex;
  flex-direction: column;
}
header .header-top__user .user-header__info .user-header__name {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
header .header-top__user .user-header__info .user-header__email {
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
  color: #000000;
  opacity: 0.6;
}
header .header-top__login a {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px 16px;
  white-space: nowrap;
  color: #000000;
}
@media screen and (max-width: 1200px) {
  header .header-top__login a {
    padding: 12px 8px;
    gap: 5px;
  }
}
header .header-top__login a:active {
  color: #000000;
}
header .header-top__button {
  padding: 12px 16px;
  gap: 8px;
  color: #FFFFFF;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  header .header-top__button {
    padding: 12px 8px;
    gap: 5px;
  }
}
header .header-bottom {
  background: #FAFAFA;
}
header .header-bottom__content {
  max-width: 974px;
  padding: 0 15px;
  margin: 0 auto;
}
header .header-bottom__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
header .header-bottom__item {
  padding: 8px 0;
  position: relative;
}
header .header-bottom__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  color: #000000;
  display: flex;
  align-items: center;
  gap: 8px;
  display: inline-block;
}
header .header-bottom__link::before {
  content: "";
  position: absolute;
  width: 0%;
  top: 0;
  height: 0;
  height: 2.5px;
  background-color: #276EF6;
  transition: all 0.2s ease-in;
}
header .header-bottom__link:hover::before {
  transition: all 0.2s ease-in;
  width: 100%;
}
header .header-bottom__link.nuxt-link-exact-active::before {
  width: 100%;
}

.header-bottom {
  transform: translateY(0);
  transition: transform 300ms linear;
  position: relative;
  z-index: 99;
}

.header-bottom.is-hidden {
  transform: translateY(-100%);
  position: relative;
  z-index: 99;
}

.user-header {
  height: 71px;
  display: flex;
}
.user-header:hover .profile-menu {
  opacity: 1;
  visibility: visible;
  transition: 0.4s ease;
}

.profile-menu {
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08), 6px -6px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  position: absolute;
  top: 61px;
  width: 257px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  cursor: pointer;
}
.profile-menu__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.profile-menu__item {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  color: #000000;
}
.profile-menu__item:hover {
  color: #276EF6;
}
.profile-menu__text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 170%;
}
.profile-menu__count {
  height: 24px;
  background: #276EF7;
  border-radius: 64px;
  padding: 0 8px;
  color: #FFFFFF;
}

footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
footer .footer__top {
  padding: 55px 0 39px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
footer .footer__content {
  display: grid;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
footer .footer__main-block {
  max-width: 285px;
}
footer .footer__main-block .f-main-block__text {
  font-size: 14px;
  line-height: 170%;
  margin-top: 54px;
}
footer .footer__main-block .f-main-block__social {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
}
footer .footer__main-block .social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in;
  cursor: pointer;
}
footer .footer__main-block .social-item.fb:hover {
  transition: all 0.2s ease-in;
  background-color: #2766DF;
}
footer .footer__main-block .social-item.fb:hover svg path {
  fill: #FFFFFF;
}
footer .footer__main-block .social-item.tg:hover {
  transition: all 0.3s ease-in;
  background-color: #279FF7;
}
footer .footer__main-block .social-item.tg:hover svg path {
  fill: #FFFFFF;
}
footer .footer__main-block .social-item.inst:hover {
  transition: all 0.3s ease-in;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
footer .footer__main-block .social-item.inst:hover svg path {
  fill: #FFFFFF;
}
footer .footer__main-block .social-item:hover {
  transition: all 0.3s ease-in;
  background-color: #FFFFFF;
}
footer .footer__main-block .social-item:active {
  transition: all 0.3s ease-in;
}
footer .footer__advertising-block {
  width: 228px;
}
footer .footer__advertising-block .ad-block__text {
  font-size: 14px;
  line-height: 170%;
  text-align: end;
  text-align: right;
}
footer .footer__advertising-block .ad-block__btns {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer .footer__advertising-block .ad-block__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  width: 228px;
  justify-content: center;
  color: #000000;
}
footer .footer__advertising-block .ad-block__dealer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 14px;
  margin-top: 39px;
}
footer .footer__advertising-block .ad-block__dealer a {
  text-decoration: underline;
  color: #000000;
}
footer .footer__advertising-block .ad-block__dealer a:hover {
  color: #276EF6;
}
footer .footer__bottom .fb-content {
  padding: 16px 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  line-height: 170%;
}
footer .footer__bottom .fb-content .fb-center-text .link {
  font-weight: 600;
  text-decoration-line: underline;
  color: #276EF6;
}
footer .footer__bottom .fb-content .fb-link .link {
  text-decoration-line: underline;
  color: #276EF6;
}

.f-list__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.f-list__list .f-title {
  font-weight: 700;
  line-height: 160%;
  color: #276EF7;
}
.f-list__link {
  line-height: 160%;
  color: #000000;
  position: relative;
  transition: all 0.3s ease-in;
  display: inline-block;
}
.f-list__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  background-color: #276EF6;
  transition: transform 0.3s;
}
.f-list__link:hover:after {
  transform: scaleX(1);
}
.f-list__link:hover {
  transition: all 0.3s ease-in;
}

.swiper {
  overflow: hidden;
}
.swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}
.swiper.swiper-container-vertical .swiper-wrapper {
  flex-direction: column;
}
.swiper.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-container-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-container-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

.swiper-button-disabled {
  opacity: 0.3 !important;
}

.content-slider-navigation {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
}
.content-slider-navigation button {
  background-color: transparent;
  transition: all 0.3s ease;
}
.content-slider-navigation button[disabled] {
  opacity: 0.6;
}
.content-slider-navigation button:hover {
  transition: all 0.3s ease;
  transform: scale(1.1);
}
.content-slider-navigation button:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}
._swiper {
  overflow: visible !important;
  overflow: hidden;
}
._swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}
._swiper.swiper-container-vertical .swiper-wrapper {
  flex-direction: column;
}
._swiper.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-block__navigation button {
  transition: all 0.3s ease;
}
.swiper-block__navigation button[disabled] path {
  fill: black;
  opacity: 0.3;
}
.swiper-block__navigation button:hover {
  transition: all 0.3s ease;
  transform: scale(1.1);
}
.swiper-block__navigation button:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}

.bread-crumbs {
  padding-top: 24px;
}
.bread-crumbs .bread-crumbs__items {
  display: flex;
  align-items: center;
}
.bread-crumbs .bread-crumbs__items .bread-crumbs__list-item {
  position: relative;
}
.bread-crumbs .bread-crumbs__items .bread-crumbs__list-item:hover .double-filter-block {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.bread-crumbs .bread-crumbs__items .bread-crumbs__list-item:not(:last-child) .bread-crumbs__item::after {
  content: "";
  width: 6.67px;
  height: 6.67px;
  background-color: #000000;
  border-radius: 50%;
  display: inline-block;
  margin: 0 15px;
  pointer-events: none;
  cursor: default;
}
.bread-crumbs .bread-crumbs__items .bread-crumbs__list-item:last-child .bread-crumbs__item {
  opacity: 0.6;
}
.bread-crumbs .bread-crumbs__items .bread-crumbs__list-item .bread-crumbs__item {
  display: flex;
  align-items: center;
  color: #000000;
  line-height: 160%;
}

.double-filter-block {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 500;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
  cursor: pointer;
}
.double-filter-block .double-filter {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.double-filter-block .double-filter .double-filter-item {
  position: relative;
  overflow: hidden;
}
.double-filter-block .double-filter .double-filter-item .double-filter-link {
  font-size: 14px;
  line-height: 170%;
  color: #000000;
  transition: all 0.2s;
}
.double-filter-block .double-filter .double-filter-item .double-filter-link:hover {
  transition: all 0.2s;
  color: #276EF6;
}

.c-accordion {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in;
}
.c-accordion:first-child {
  padding-top: 0;
}
.c-accordion_advertisement {
  padding: 18px 0 !important;
}

.accordion-item__content {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  overflow: hidden;
  max-height: 0;
  transition: 0.5s;
}
.accordion-item__content.is-expanded {
  max-height: 10000px;
  transition: 1s;
}

.c-accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
}
.c-accordion-trigger svg {
  transition: all 0.2s ease-in;
}
.c-accordion-trigger.is-active svg {
  transform: rotate(-90deg);
  transition: all 0.2s ease-in;
}

.content-accordeon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.content-accordeon__block {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.price-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.price-block .small-input {
  width: 155.5px;
}
@media screen and (max-width: 1200px) {
  .price-block .small-input {
    width: 48%;
  }
}
.price-block .input-range {
  width: 100%;
}

.multi-range {
  position: relative;
  width: 100%;
  height: 24px;
  margin-top: 24px;
  text-align: center;
}
.multi-range input {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent;
  border: none;
}
.multi-range input:focus {
  border: none;
  box-shadow: none;
}

.scroll-up-block {
  display: inline-block;
  position: fixed;
  bottom: 10%;
  z-index: 2;
  right: 7%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #9FC0FF;
  box-shadow: 0px 4px 8px rgba(0, 87, 255, 0.32);
  border-radius: 12px;
  padding: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.scroll-up-block:hover {
  transform: scale(1.1);
}
.scroll-up-block:active {
  transform: scale(0.9);
}
.scroll-up-block.hidden {
  transform: scale(0);
}

.bounce-enter-active {
  animation: bounce-in 0.5s;
}

.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.v-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box !important;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: pointer !important;
}
.vs__clear {
  display: none !important;
}

.vs--searchable .vs__dropdown-toggle {
  cursor: pointer !important;
}

.vs__dropdown-toggle {
  background-color: transparent;
  height: auto;
  width: 100%;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  border: none;
  padding: 0 16px;
}

.vs__selected-options {
  padding: 0;
  flex-wrap: nowrap !important;
}
.vs__selected-options input {
  margin: 0;
  padding: 0 !important;
  border-color: transparent !important;
  cursor: pointer !important;
}
.vs__selected-options input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.6);
}
.vs__selected-options input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.6);
}
.vs__selected-options input:focus {
  border: none;
}
.vs__selected-options input:active {
  border: none;
}
.vs__selected-options input:hover {
  border: none;
}

.vs__selected {
  font-size: 14px;
  line-height: 170%;
  margin: 0;
  padding: 0;
}

.vs__search::-moz-placeholder {
  font-weight: 700;
  font-size: 18px;
  line-height: 122%;
  color: #FFFFFF;
  opacity: 0.5;
}

.vs__search::placeholder {
  font-weight: 700;
  font-size: 18px;
  line-height: 122%;
  color: #FFFFFF;
  opacity: 0.5;
}

.vs__dropdown-menu {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  min-width: 80px;
}

.vs__dropdown-option {
  color: #000000;
  padding: 0px 12px 0 12px;
  line-height: 260%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.vs__dropdown-option:hover {
  transition: all 0.3s;
  background: rgba(236, 240, 241, 0.6);
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #FFFFFF;
}

.vs--open .vs__selected {
  opacity: 1 !important;
  position: static !important;
}

.vs__open-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
}

.multiselect {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  position: relative !important;
  font-size: 12px !important;
  margin: 0 !important;
}
.multiselect.h-48 {
  height: 48px !important;
}
.multiselect.number {
  width: 80px !important;
}
.multiselect.subscribe {
  width: 128px !important;
}
.multiselect.sort {
  width: 144px !important;
}
.multiselect input:focus {
  border: none !important;
  box-shadow: none !important;
}
.multiselect input:hover {
  border: none !important;
  box-shadow: none !important;
}
.multiselect.is-active {
  border: 1.5px solid #6C9FFF !important;
  box-shadow: 0px 0px 24px rgba(39, 110, 246, 0.3) !important;
}
.multiselect-single-label {
  padding-right: 40px !important;
  padding-left: 16px !important;
}
.multiselect-caret {
  -webkit-mask-image: url("/assets/front/img/icon/arrow.svg") !important;
          mask-image: url("/assets/front/img/icon/arrow.svg") !important;
  background-color: #000000 !important;
}
.multiselect-clear {
  display: none !important;
}
.multiselect-option {
  font-size: 12px !important;
}
.multiselect-option.is-selected {
  background-color: #276EF6 !important;
}
.multiselect-dropdown {
  border-radius: 8px !important;
  transform: translateY(calc(100% + 2px)) !important;
}

.labels-modal__select {
  margin-top: 36px !important;
  height: 48px !important;
}
.labels-modal__select .multiselect-options {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 16px;
}
.labels-modal__select .multiselect-options::-webkit-scrollbar {
  width: 4px;
}
.labels-modal__select .multiselect-options::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 96px;
}
.labels-modal__select .multiselect-options::-webkit-scrollbar-thumb {
  border-radius: 96px;
  background-color: #276EF6;
}
.labels-modal__select .multiselect-dropdown {
  height: 128px;
  padding: 16px;
}
.labels-modal__select .multiselect-single-label div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.labels-modal__select .multiselect-option {
  padding: 0 !important;
}
.labels-modal__select .multiselect-option.is-selected {
  background-color: transparent !important;
}
.labels-modal__select .multiselect-option.is-selected .check-option::before {
  content: url("/assets/front/img/icon/Vector.svg");
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.labels-modal__select .multiselect-option .options-block {
  font-size: 14px;
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.labels-modal__select .multiselect-option .options-block .option-name {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #000000 !important;
}
.labels-modal__select .multiselect-option .options-block .option-name .check-option {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1.5px solid #000000;
  position: relative;
}
.labels-modal__select .multiselect-option .options-block .option-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.labels-modal__select .multiselect-option .options-block .option-action .option-color {
  border-radius: 4px;
  flex: 0 0 16px;
  height: 16px;
}
.labels-modal__select .multiselect-option .options-block .option-action button {
  width: 20px;
  height: 20px;
  background-color: transparent;
  flex: 0 0 20px;
}

.address-multiselect {
  cursor: pointer;
}
.address-multiselect .multiselect-option.is-selected:last-child {
  display: none;
}

.breadCrumbs-enter-active,
.breadCrumbs-leave-active {
  transition: transform 0.1s, opacity 0.1s linear;
}

.breadCrumbs-enter,
.breadCrumbs-leave-to {
  opacity: 0;
  transform: scale(0.3) translateY(-50%);
}

.icon:hover {
  transition: all 0.3s ease-in;
  transform: scale(1.1);
}
.icon:active {
  transition: all 0.3s ease-in;
  transform: scale(0.95);
}

.page-enter-active, .page-leave-active {
  transition: opacity 0.3s;
}

.page-enter, .page-leave-active {
  opacity: 0;
}

.tab-enter-active, .fade-leave-active {
  transition: opacity 0.2s;
}

.tab-enter, .fade-leave-to {
  opacity: 0;
}

.breadCrumbs-enter-active {
  animation: bounce-in 0.5s;
}

.breadCrumbs-leave-active {
  animation: bounce-in 0.5s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.a-fav {
  transition: 0.3s ease;
}
.a-fav svg {
  transition: 0.3s ease;
}
.a-fav:hover {
  background-color: #D99F09 !important;
  transition: 0.3s ease;
}
.a-fav:hover svg path {
  fill: #FFFFFF;
  transition: 0.3s ease;
  stroke: #FFFFFF;
}

.favorite {
  transition: 0.3s ease;
}
.favorite svg {
  transition: 0.3s ease;
}
.favorite:hover {
  background-color: #D99F09 !important;
  transition: 0.3s ease;
}
.favorite:hover svg path {
  fill: #D99F09;
  transition: 0.3s ease;
  stroke: #FFFFFF;
}

.fav-svg {
  transition: 0.3s ease;
}
.fav-svg:hover svg rect {
  fill: #D99F09;
}
.fav-svg:hover svg path {
  fill: #FFFFFF;
}

.notif {
  transition: 0.3s ease;
}
.notif svg {
  transition: 0.3s ease;
}
.notif:hover {
  background-color: #35A591 !important;
  transition: 0.3s ease;
}
.notif:hover svg path {
  fill: #35A591;
  transition: 0.3s ease;
  stroke: #FFFFFF;
}

.scales {
  transition: 0.3s ease;
}
.scales svg {
  transition: 0.3s ease;
}
.scales:hover {
  background-color: #276EF6 !important;
  transition: 0.3s ease;
}
.scales:hover svg rect {
  fill: #276EF6;
  stroke: #FFFFFF;
}
.scales:hover svg path {
  fill: #fff;
  transition: 0.3s ease;
}

.pdf {
  transition: 0.3s ease;
}
.pdf svg {
  transition: 0.3s ease;
}
.pdf:hover {
  background-color: #DA4747;
  transition: 0.3s ease;
}
.pdf:hover svg rect {
  fill: #DA4747;
  stroke: #FFFFFF;
}
.pdf:hover svg path {
  fill: #fff;
  transition: 0.3s ease;
  stroke: #FFFFFF;
}

.a-pdf {
  transition: 0.3s ease;
}
.a-pdf svg {
  transition: 0.3s ease;
}
.a-pdf:hover {
  background-color: #DA4747 !important;
  transition: 0.3s ease;
}
.a-pdf:hover svg path {
  fill: #fff;
  transition: 0.3s ease;
}

.share {
  transition: 0.3s ease;
}
.share svg {
  transition: 0.3s ease;
}
.share:hover {
  background-color: #8344D2 !important;
  transition: 0.3s ease;
}
.share:hover svg rect {
  fill: #8344D2;
}
.share:hover svg path {
  fill: #8344D2;
  transition: 0.3s ease;
  stroke: #FFFFFF;
}

.a-share {
  transition: 0.3s ease;
}
.a-share svg {
  transition: 0.3s ease;
}
.a-share:hover {
  background-color: #276EF7 !important;
  transition: 0.3s ease;
}
.a-share:hover svg path {
  fill: #276EF7;
  transition: 0.3s ease;
  stroke: #FFFFFF;
}

.warning {
  transition: 0.3s ease;
}
.warning svg {
  transition: 0.3s ease;
}
.warning:hover {
  background-color: #E41D1D !important;
  transition: 0.3s ease;
  fill: #E41D1D;
}
.warning:hover svg path {
  stroke: #FFFFFF;
  transition: 0.3s ease;
}

.radio [type=radio]:checked,
.radio [type=radio]:not(:checked) {
  display: none;
}
.radio [type=radio]:checked + label,
.radio [type=radio]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  line-height: 160%;
  width: 220px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.radio [type=radio] + label:before {
  content: "";
  flex: 0 0 16px;
  height: 16px;
  border-radius: 100%;
  background: #fff;
  border: 1.5px solid rgba(0, 0, 0, 0.3);
}
.radio [type=radio]:checked + label:before {
  border: 1.5px solid #276EF6;
}
.radio [type=radio]:checked + label:after,
.radio [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #276EF6;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 4px;
  border-radius: 100%;
  transition: all 0.1s ease;
}
.radio [type=radio]:not(:checked) + label:after {
  opacity: 0;
}
.radio [type=radio]:checked + label:after {
  opacity: 1;
}

.input-file {
  cursor: pointer;
}
.input-file input[type=file] {
  display: none;
}
.input-file label {
  background: #FFFFFF;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.input-file__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
  max-width: 155px;
}
.input-file__text {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}

.accordeon-form__color {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.accordeon-form .content-accordeon__label {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  line-height: 170%;
  font-size: 14px;
}
.accordeon-form .content-accordeon__label .label {
  max-width: 100%;
}
.accordeon-form .content-accordeon__label span {
  color: #000000;
  background-color: #FFFFFF;
  padding: 0 6px;
  min-height: 24px;
  display: flex;
  align-items: center;
  border-radius: 64px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.accordeon-form input[type=checkbox] + label {
  cursor: pointer;
}
.accordeon-form input[type=checkbox] {
  display: none;
}
.accordeon-form input[type=checkbox] + label:before {
  content: "";
  border: 1.5px solid #000000;
  border-radius: 0.2em;
  display: inline-block;
  flex: 0 0 16px;
  height: 16px;
  color: transparent;
  transition: 0.2s;
}
.accordeon-form input[type=checkbox][disabled] + label {
  color: rgba(0, 0, 0, 0.3);
}
.accordeon-form input[type=checkbox] + label:active:before {
  transform: scale(0.9);
}
.accordeon-form input[type=checkbox]:checked + label:before {
  color: #276EF6;
}
.accordeon-form input[type=checkbox]:checked + label span {
  color: white;
  background-color: #276EF6;
  border-radius: 64px;
  border: 1px solid #276EF6;
}
.accordeon-form input[type=checkbox] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 5.5px;
  width: 5px;
  height: 8px;
  border-bottom: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  transform: rotate(44deg);
}
.accordeon-form input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5.5px;
  width: 5px;
  height: 8px;
  border-bottom: 1.5px solid #276EF6;
  border-right: 1.5px solid #276EF6;
  border-top: 0px solid #276EF6;
  border-left: 0px solid #276EF6;
  transform: rotate(44deg) translate(-3px, -50%);
}
.accordeon-form input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
.accordeon-form input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: transparent;
  border-color: #000000;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-ms-fill-lower {
  background: #000000;
}

input[type=range]:focus::-ms-fill-upper {
  background: #000000;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: #000000;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 6px solid #FFFFFF;
  background: #276EF6;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
.checkbox {
  width: 16px;
  height: 16px;
  position: relative;
}
.checkbox > * {
  position: absolute;
}
.checkbox-visible {
  border: 1.5px solid #000000;
  width: 16px;
  height: 16px;
  background: transparent;
  border-radius: 3px;
}
.checkbox > input {
  z-index: 1;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translatex(-50%) translatey(-50%);
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.checkbox > input:checked + .checkbox-visible {
  background: transparent;
  border-color: #276EF6;
}
.checkbox > input:checked + .checkbox-visible:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 4px;
  width: 5px;
  height: 8px;
  border-bottom: 1.5px solid #276EF6;
  border-right: 1.5px solid #276EF6;
  border-top: 0px solid #276EF6;
  border-left: 0px solid #276EF6;
  transform: rotate(44deg);
}
.switch {
  position: relative;
  display: inline-block;
  width: 25px;
}
.switch input {
  display: none;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: -4px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  height: 10px;
  width: 24px;
  background-color: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.switch .slider:before {
  position: absolute;
  content: "";
  left: 1px;
  bottom: 0px;
  transition: 0.4s;
  width: 8px;
  height: 8px;
  border-radius: 64px;
  background: #9FC0FF;
}
.switch input:checked + .slider::before {
  background: #4EBC65;
}
.switch input:checked + .slider:before {
  transform: translateX(12px);
}
.switch .slider.round {
  border-radius: 64px;
}
.switch .slider.round:before {
  border-radius: 50%;
}

.auth-settings__switch-block .switch {
  position: relative;
  display: inline-block;
  width: 96px;
}
.auth-settings__switch-block .switch input {
  display: none;
}
.auth-settings__switch-block .switch .slider {
  position: absolute;
  cursor: pointer;
  top: -4px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  height: 32px;
  width: 96px;
  background-color: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.auth-settings__switch-block .switch .slider:before {
  position: absolute;
  content: url("/assets/front/img/profile/off.svg");
  transition: 0.4s;
  top: 3px;
  left: 3px;
  background-color: transparent;
  width: 24px;
}
.auth-settings__switch-block .switch input:checked + .slider::before {
  content: url("/assets/front/img/profile/on.svg");
  background-color: transparent;
}
.auth-settings__switch-block .switch input:checked + .slider:before {
  transform: translateX(64px);
}
.auth-settings__switch-block .switch .slider.round {
  border-radius: 64px;
}
.auth-settings__switch-block .switch .slider.round:before {
  border-radius: 50%;
}

.file-drop-active .p-a-v__file-trigger {
  border-color: #276EF6 !important;
}

.login-modal .s-general__section {
  border: none;
  padding: 0;
}
.login-modal .modal {
  max-width: 785px;
  width: 100%;
}
.login-modal__content {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 288px 288px;
  justify-content: space-between;
}
.login-modal__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.login-modal__subtitle {
  font-size: 12px;
  color: #000000;
}
.login-modal__block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.login-modal__block input {
  height: 48px;
  width: 100%;
}
.login-modal__block button, .login-modal__block .btn-link {
  display: flex;
  height: 48px;
  align-items: center;
  gap: 8px;
}
.login-modal__block a {
  color: #000000;
}
.login-modal__block .relative-input {
  position: relative;
}
.login-modal__block .relative-input .switchType {
  background-color: transparent;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  height: -moz-max-content;
  height: max-content;
}
.login-modal__register {
  text-align: left;
  margin-top: 40px;
  font-size: 14px;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  color: #000000;
}
.login-modal__register:hover {
  color: #276EF6;
}
.login-modal__reset {
  width: -moz-max-content;
  width: max-content;
  margin-top: 40px;
  text-align: left;
  font-size: 14px;
  color: #000000;
}
.login-modal__reset:hover {
  color: #276EF6;
}
.login-modal__info {
  font-size: 8px;
  color: #000000;
  line-height: 160%;
}
.login-modal__info a {
  color: #276EF6;
  font-weight: 700;
}
.login-modal__info a:hover {
  text-decoration: underline;
}

.small-modal .modal {
  max-width: 416px;
}
.small-modal .title {
  text-align: center;
}
.small-modal__content {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.small-modal__content button {
  height: 48px;
}
.small-modal__content p {
  font-size: 10px;
  color: #000000;
  line-height: 160%;
  text-align: center;
}
.small-modal__content p.small-text-modal {
  font-size: 8px;
}
.small-modal__content p a {
  color: #276EF6;
  font-weight: 700;
}
.small-modal__content p a:hover {
  text-decoration: underline;
}
.small-modal__content input {
  height: 48px;
}
.small-modal__content .input-relative {
  position: relative;
}
.small-modal__content .input-relative input {
  width: 100%;
}
.small-modal__content .input-relative img {
  position: absolute;
  top: 10px;
  right: 16px;
  display: none;
}
.small-modal__content .input-relative .warning-text {
  display: none;
}
.small-modal__content.error .input-relative input {
  color: #E41D1D;
  border: 1px solid #E41D1D;
  height: 48px;
}
.small-modal__content.error .input-relative img {
  display: block;
}
.small-modal__content.error .input-relative .warning-text {
  color: #E41D1D;
  line-height: 160%;
  font-size: 10px;
  display: block;
  margin-top: 8px;
  text-align: left;
}

.send-mail .modal {
  max-width: 447px;
}
.send-mail .email-send {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
.send-mail .email-send__text-block {
  display: flex;
  flex-direction: column;
  max-width: 239px;
  text-align: center;
  gap: 24px;
}
.send-mail .email-send__text-block .title {
  text-align: center;
}
.send-mail .email-send__text-block .text {
  text-align: center;
  font-size: 12px;
  line-height: 160%;
}
.send-mail .email-send__btns {
  display: grid;
  grid-template-columns: 180px 127px;
  justify-content: space-between;
  gap: 12px;
}
.send-mail .email-send__btns button {
  height: 48px;
  font-size: 14px;
}

.new-account {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  flex-direction: column;
  gap: 24px;
}
.new-account .title {
  text-align: center;
}
.new-account p {
  font-size: 12px;
  color: #000000;
  line-height: 160%;
}
.new-account a {
  font-size: 12px;
  color: #276EF6;
  font-weight: 700;
}
.new-account a:hover {
  text-decoration: underline;
}
.new-account .btn {
  height: 48px;
  width: 100%;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.account-delete .modal {
  max-width: 399px;
  width: 100%;
}
.account-delete__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.account-delete__header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
}
.account-delete__header .text {
  font-size: 12px;
  color: #000000;
}
.account-delete__main-info {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.account-delete__img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
}
.account-delete__img img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.account-delete__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.account-delete__name {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
}
.account-delete__time {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.account-delete__time span {
  font-weight: 600;
  color: #276EF6;
}
.account-delete__btns {
  display: grid;
  grid-template-columns: 1fr 62px;
  gap: 6px;
}
.account-delete__btns .btn {
  height: 48px;
  font-size: 12px;
  color: #000000;
}

.choose-registration .modal {
  max-width: 634px;
  width: 100%;
}
.choose-registration .modal-close {
  display: none;
}
.choose-registration__content {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
.choose-registration__content .title {
  text-align: center;
  max-width: 399px;
  margin: auto;
}
.choose-registration__btns {
  display: grid;
  grid-template-columns: 240px 240px;
  gap: 12px;
}
.choose-registration__btns button {
  height: 48px;
  font-size: 14px;
  color: #000000;
}

.ad-modal .modal {
  max-width: 712px;
  width: 100%;
}
.ad-modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ad-modal__content .text {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  line-height: 160%;
}
.ad-modal__content textarea {
  width: 100%;
  max-width: 584px;
  height: 100%;
  max-height: 144px;
}
.ad-modal__content .btn {
  padding: 12px 32px;
  width: -moz-max-content;
  width: max-content;
}
.ad-modal__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ad-modal__action p {
  color: #E41D1D;
  font-size: 12px;
}
.ad-modal__action button {
  text-decoration: underline;
}
.ad-modal__checkbox-block {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ad-modal__checkbox-block label {
  top: 4px;
  gap: 0 !important;
}
.ad-modal__checkbox-block input[type=checkbox]:checked + label::after {
  top: 3px;
}
.ad-modal__checkbox-block input[type=checkbox]:checked + label::before {
  border: 1.5px solid #276EF6;
}
.ad-modal__checkbox-block p {
  max-width: 330px;
  font-size: 12px;
  line-height: 160%;
}
.ad-modal__input {
  width: 100%;
  font-weight: 600;
}
.ad-modal__text {
  font-size: 10px;
  line-height: 160%;
}
.ad-modal__text a {
  color: #276EF6;
  font-weight: 700;
}
.ad-modal__text a:hover {
  text-decoration: underline;
}

.locales-modal .modal {
  max-width: 1312px;
  width: 100%;
  padding: 64px 28px 64px 64px;
}
.locales-modal .locales {
  min-width: 360px;
}
.locales-modal .locales__head {
  max-width: 1151px;
}
.locales-modal .locales .grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.locales-modal .locales__body {
  margin-top: 24px;
  height: 677px;
  overflow: auto;
  padding-right: 65px;
  /* Handle */
}
.locales-modal .locales__body::-webkit-scrollbar {
  width: 4px;
  border-radius: 96px;
}
.locales-modal .locales__body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 96px;
}
.locales-modal .locales__body::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 96px;
}
.locales-modal .locales__title {
  font-size: 18px;
  font-weight: 700;
}
.locales-modal .locales__content {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.locales-modal .locales__content .country-item {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
}
.locales-modal .locales__content .country-item:hover span {
  color: #276EF6;
}
.locales-modal .locales__content .country-item img {
  width: 21px;
  height: 15px;
  border-radius: 3px;
}
.locales-modal .locales__content .country-item span {
  color: #000000;
  font-size: 14px;
}
.locales-modal .fill-2-cols {
  grid-column-start: 1;
  grid-column-end: 3;
}

.gallery-list {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #282828;
  z-index: 101;
  padding: 64px;
  display: grid;
  place-items: flex-start;
  place-self: center;
}
.gallery-list.zoom {
  padding: 24px 64px;
}
.gallery-list.zoom .gallery-list__close {
  top: 48px;
  right: 92px;
}
.gallery-list.zoom .gallery-list__content {
  grid-template-columns: 1fr;
  max-width: 100%;
}
.gallery-list .gl-hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-list .gl-hover:hover {
  background: rgba(255, 255, 255, 0.25);
  transition: 0.3s;
}
.gallery-list__close {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 24px;
  top: 24px;
  z-index: 2;
  transition: 0.3s;
}
.gallery-list__content {
  max-width: 1284px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 223px;
  gap: 28px;
  place-items: flex-start;
  height: 100%;
  margin: 0 auto;
}
.gallery-list .gallery-info {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #FFFFFF;
}
.gallery-list .gallery-info__name {
  font-size: 14px;
  line-height: 160%;
}
.gallery-list .gallery-info__name span {
  font-weight: 700;
}
.gallery-list .gallery-info__price-block {
  padding: 7px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 160%;
}
.gallery-list .gallery-info__price-block span:nth-child(1) {
  font-weight: 700;
}
.gallery-list .gallery-info__account {
  display: flex;
  align-items: center;
  gap: 12px;
}
.gallery-list .gallery-info__account-image {
  border-radius: 4px;
  width: 40px;
  height: 40px;
}
.gallery-list .gallery-info__account-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.gallery-list .gallery-info__account-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.gallery-list .gallery-info__account-name {
  font-size: 12px;
  line-height: 160%;
  font-weight: 700;
  width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.gallery-list .gallery-info__account-country {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.gallery-list .gallery-info__account-country img {
  width: 19px;
  height: 14px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}
.gallery-list .gallery-info__status {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.gallery-list .gallery-info__status-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.gallery-list .gallery-info__phone {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 170%;
}
.gallery-list .gallery-info__phone a {
  color: #FFFFFF;
}
.gallery-list .gallery-info__phone button {
  font-weight: 700;
  background-color: transparent;
  text-decoration: underline;
  text-align: left;
  color: #FFFFFF;
}
.gallery-list .gallery-info__socials {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gallery-list .gallery-info__socials button {
  background-color: transparent;
}
.gallery-list .gallery-images {
  display: grid;
  grid-template-columns: 98px 1fr;
  place-items: flex-start;
  gap: 48px;
}
.gallery-list .gallery-images__preview {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gallery-list .gallery-images__preview-btn {
  min-height: 44px;
  width: 100%;
}
.gallery-list .gallery-images__preview-images {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
}
.gallery-list .gallery-images__preview-images::-webkit-scrollbar {
  display: none;
  width: 0px;
}
.gallery-list .gallery-images__preview-image {
  flex: 0 0 98px;
  height: 98px;
  border-radius: 8px;
  opacity: 0.7;
}
.gallery-list .gallery-images__preview-image:hover {
  opacity: 1;
}
.gallery-list .gallery-images__preview-image.active {
  opacity: 1;
  background-color: transparent;
  border: 2px solid #FFFFFF;
}
.gallery-list .gallery-images__preview-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.gallery-list .gallery-images__list {
  padding-right: 12px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 980px;
}
.gallery-list .gallery-images__list::-webkit-scrollbar {
  width: 4px;
  border-radius: 96px;
}
.gallery-list .gallery-images__list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 96px;
}
.gallery-list .gallery-images__list::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 96px;
}
.gallery-list .gallery-images__list-image {
  width: 100%;
  border-radius: 16px;
}
.gallery-list .gallery-images__list-image img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-list .gallery-zoom {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: relative;
}
.gallery-list .gallery-zoom__swiper {
  height: 100%;
  border-radius: 16px;
  position: relative;
}
.gallery-list .gallery-zoom__swiper-slide {
  position: relative;
}
.gallery-list .gallery-zoom__swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-list .gallery-zoom__controller {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 36px;
}
.gallery-list .gallery-zoom__controller .btn {
  width: 62px;
  height: 48px;
  border-radius: 96px;
}
.gallery-list .gallery-zoom__controller .btn .plus-minus {
  box-sizing: border-box;
  transition: transform 0.5s;
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
  position: relative;
}
.gallery-list .gallery-zoom__controller .btn .plus-minus.active {
  transform: rotate(0deg);
}
.gallery-list .gallery-zoom__controller .btn .plus-minus::before {
  content: "";
  display: block;
  width: 12px;
  height: 0px;
  border-bottom: solid 2px #276EF6;
  position: absolute;
  bottom: 5px;
  transform: rotate(90deg);
  transition: width 0.5s;
}
.gallery-list .gallery-zoom__controller .btn .plus-minus.active::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: solid 2px #276EF6;
  position: absolute;
  bottom: 5px;
  transform: rotate(90deg);
}
.gallery-list .gallery-zoom__controller .btn .plus-minus::after {
  content: "";
  display: block;
  width: 12px;
  height: 0px;
  border-bottom: solid 2px #276EF6;
  position: absolute;
  bottom: 5px;
}
.gallery-list .gallery-zoom__controller-input {
  width: 200px;
}
.gallery-list .gallery-zoom__controller-input input {
  padding: 0;
  background: transparent;
  border: none;
}
.gallery-list .gallery-zoom__controller-input input[type=range]::-webkit-slider-runnable-track {
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 96px;
}
.gallery-list .gallery-zoom__controller-input input[type=range]::-webkit-slider-thumb {
  background: #FFFFFF;
}
.gallery-list .gallery-zoom__navigation {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  height: 98px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-list .gallery-zoom__navigation:disabled {
  background: rgba(255, 255, 255, 0.3019607843) !important;
}
.gallery-list .gallery-zoom__navigation:disabled svg path {
  stroke: white !important;
}
.gallery-list .gallery-zoom__navigation:nth-child(3) {
  right: 24px;
}
.gallery-list .gallery-zoom__navigation:nth-child(2) {
  left: 24px;
}
.gallery-list .gallery-zoom__pagination {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  height: 48px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 16px;
  background: #FFFFFF;
  border-radius: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.gallery-list .gallery-zoom__pagination .swiper-pagination-fraction {
  display: flex;
  align-items: center;
}
.gallery-list .gallery-zoom__pagination .swiper-pagination-fraction span {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  color: #000000;
}
.gallery-list .gallery-zoom__pagination .swiper-pagination-fraction span:last-child {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}

.choice-modal .modal {
  max-width: 684px;
}
.choice-modal .modal .s-general__section {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
}
.choice-modal .modal-close {
  display: none;
}
.choice-modal .title {
  text-align: center;
  max-width: 360px;
  margin: auto;
}
.choice-modal__buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.choice-modal__buttons button {
  width: 240px;
  height: 48px;
}

.lds-ellipsis {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  z-index: 100;
}
.lds-ellipsis.blur {
  background-color: rgba(250, 250, 250, 0.2509803922);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  position: absolute;
}
.lds-ellipsis.blur div:nth-child(1) {
  left: 30%;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis.blur div:nth-child(2) {
  left: 30%;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis.blur div:nth-child(3) {
  left: calc(30% + 24px);
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis.blur div:nth-child(4) {
  left: calc(30% + 48px);
  animation: lds-ellipsis3 0.6s infinite;
}

.lds-ellipsis div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #276EF6; /* Ваш колір */
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  top: 50%; /* Розташування по центру по вертикалі */
  transform: translate(-50%, -50%); /* Центруємо відносно середини */
}

.lds-ellipsis div:nth-child(1) {
  left: 50%;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 50%;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: calc(50% + 24px);
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: calc(50% + 48px);
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.index-page {
  padding-top: 12px;
  margin-top: 124px;
  padding-bottom: 80px;
}
.index-page__content .index-slider__block {
  display: flex;
  align-items: center;
  position: relative;
  gap: 12px;
}
.index-page__content .index-slider__swiper {
  flex: 0 0 66.38%;
  border-radius: 16px;
}
.index-page__content .index-slider__swiper img {
  border-radius: 0;
}
.index-page__content .index-slider__swiper-wrapper {
  position: relative;
  border-radius: 16px;
}
.index-page__content .index-slider__swiper-slide {
  position: relative;
  max-width: 871px;
  height: 480px;
  border-radius: 16px;
}
.index-page__content .index-slider__content {
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.index-page__content .index-slider__content .content-slider-top {
  flex: 1 1 auto;
}
.index-page__content .index-slider__content .content-slider-bottom .slider-bottom-text {
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.index-page__content .index-slider__content .content-slider-bottom .slider-bottom-text p {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
}
.index-page__content .index-slider__content .content-slider-bottom .slider-bottom-text span {
  font-size: 18px;
  line-height: 160%;
}

.images-block-section {
  flex: 0 0 32.69%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-block {
  margin-top: 80px;
}
.product-block__items {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
@media screen and (max-width: 1200px) {
  .product-block__items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.item-product {
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  background-color: #FFFFFF;
  display: inline-flex;
  padding: 24px;
  flex-direction: column;
  min-height: 148px;
  transition: all 0.3s ease;
  color: #000000;
}
.item-product:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.31);
}
.item-product__top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  flex: 1 1 auto;
}
.item-product__top img {
  width: 56px;
  height: 36px;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-product__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.item-product__count {
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 64px;
  padding: 4px 8px;
}
.item-product__name {
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  color: #000000;
}

.vip-categories {
  margin-top: 80px;
}
.vip-categories__items {
  margin-top: 48px;
  display: flex;
  gap: 12px;
}
.vip-categories .item-vip .item-vip-grid {
  flex: 0 0 66.31%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.vip-categories .item-vip .item-vip-advertisement {
  flex: 0 0 32.77%;
}
.vip-categories .item-vip .item-vip-advertisement .item-vip-advertisement-content {
  height: 100%;
  width: 100%;
  background: #DFEAFF;
  border-radius: 16px;
  padding: 32px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}
.vip-categories .item-vip .item-vip-advertisement .item-vip-advertisement-content .content-slider__data-block {
  width: 198px;
}
.vip-categories .item-vip .item-vip-advertisement .item-vip-advertisement-content .item-vip-advertisement-section .item-vip-advertisement-text p {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #000000;
}
.vip-categories .item-vip .item-vip-advertisement .item-vip-advertisement-content .item-vip-advertisement-section .item-vip-advertisement-text span {
  display: inline-block;
  margin-top: 24px;
  font-size: 18px;
  line-height: 160%;
  color: #000000;
}
.vip-categories .item-vip .item-vip-advertisement .item-vip-advertisement-content .item-vip-advertisement-section .item-vip-advertisement__button {
  margin-top: 24px;
  height: 50px;
  padding: 0 16px;
  font-size: 16px;
  color: #FFFFFF;
}

.description-block {
  margin-top: 65px;
}
.description-block__text {
  color: rgba(0, 0, 0, 0.6);
}
.description-block__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: center;
  text-align: center;
  max-width: 857px;
  margin: 0 auto;
  padding: 15px;
  line-height: 160%;
}

.tags-block__content {
  margin-top: 65px;
}
.tags-block__items {
  margin-top: 48px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.tags-block__item {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  min-width: 96px;
  color: #000000;
}

.brands .tags-block__item {
  text-transform: uppercase;
}

.swiper-block {
  margin-top: 80px;
}
.swiper-block__section {
  margin-top: 28px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.swiper-block__swiper {
  margin-top: 36px;
}
.swiper-block__swiper-slide {
  width: 261px !important;
  color: #000000;
}
.swiper-block__swiper-slide:hover .swiper-block__img {
  transition: 0.3s ease;
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.5);
}
.swiper-block__swiper-slide .swiper-block__item {
  width: 261px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__content-image {
  height: 180px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__content-image .swiper-block__content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__content-image .swiper-block__content .content-block__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__content-image .swiper-block__content .content-block__top .content-block__status {
  background: #F9DD09;
  border-radius: 6px;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  text-transform: uppercase;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__content-image .swiper-block__content .content-block__top .content-block__video {
  margin-left: auto;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__content-image .swiper-block__content .content-block__bottom .content-block__eye {
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 96px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block {
  margin-top: 24px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__location {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.6;
  line-height: 170%;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__name-info {
  display: flex;
  align-items: center;
  gap: 4px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__name-info .hr {
  display: block;
  opacity: 0.6;
  height: 20px;
  width: 1px;
  background-color: #000000;
  margin: 0 2px;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__name-info .content__id {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
  text-transform: uppercase;
  text-decoration-line: underline;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__price {
  line-height: 160%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__price button {
  background-color: transparent;
  transition: all 0.3s ease;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__price button:hover svg rect:nth-child(1) {
  fill: #F3B516;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__price button:hover svg path {
  fill: white;
  stroke: white;
}
.swiper-block__swiper-slide .swiper-block__item .swiper-block__description-block .description-block__info-block .content__price button:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}

.swiper-block-baner {
  width: 261px;
  height: 327px;
  border-radius: 12px;
}
.swiper-block-baner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.swiper-block__navigation {
  position: absolute;
  top: -115px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.swiper-block__navigation button {
  background-color: transparent;
}

.swiper-index {
  padding: 108px 0 22px;
}
.swiper-index__container {
  max-width: 1112px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
.swiper-index__container .swiper .swiper-slide {
  margin: 0 auto;
}
.swiper-index__container .swiper .swiper-slide__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  text-align: center;
}
.swiper-index__container .swiper .swiper-slide__title span {
  color: #276EF6;
}
.swiper-index__container .swiper .swiper-slide__content {
  position: relative;
  max-width: 768px;
  margin: 100px auto 0;
}
.swiper-index__container .swiper .swiper-slide__decor {
  position: absolute;
  top: -36px;
  left: -36px;
}
.swiper-index__container .swiper .swiper-slide__text {
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}
.swiper-index__container .swiper .swiper-slide__line {
  margin: 24px auto 0;
  width: 320px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.swiper-index__container .swiper .swiper-slide__name-block {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 160%;
  flex-direction: column;
}
.swiper-index__container .swiper .swiper-slide__name {
  font-weight: 700;
}
.swiper-index__container .swiper .swiper-slide .btn {
  width: 243px;
  height: 48px;
  margin: 48px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
}
.swiper-index__navigation {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
}
.swiper-index__navigation button {
  background-color: transparent;
  transition: all 0.3s ease;
}
.swiper-index__navigation button:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
}
.swiper-index__navigation button:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}

.category-page__section {
  display: grid;
  grid-template-columns: 319px 1fr;
  gap: 36px;
}
@media screen and (max-width: 1200px) {
  .category-page__section {
    gap: 18px;
    grid-template-columns: 290px 1fr;
  }
}
.category-page__title {
  margin: 36px 0 48px;
}
.category-page .botom-section {
  margin-top: 80px;
}
.category-page .botom-section__images .botom-section__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.category-page .botom-section .illusatration {
  position: relative;
  padding-top: 48px;
  padding-left: 48px;
  height: 273px;
  margin-top: 80px;
}
.category-page .botom-section .illusatration .illusatration__content p {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #276EF6;
}
.category-page .botom-section .illusatration .illusatration__content span {
  font-size: 14px;
  line-height: 170%;
  display: inline-block;
  margin-top: 16px;
}
.category-page .botom-section .illusatration .illusatration__content .illusatration__btn {
  padding: 12px 24px;
  gap: 8px;
  margin-top: 28px;
}
.category-page .botom-section__text-block {
  margin-top: 80px;
  position: relative;
}
.category-page .botom-section__text-block.opacity::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 99%;
  height: 50px;
  background-color: #FAFAFA;
  opacity: 0.6;
  transition: 0.3s ease;
  z-index: 1;
}
.category-page .botom-section__text-block .text-block {
  display: flex;
  flex-direction: column;
  gap: 36px;
  max-height: 519px;
  overflow: auto;
  line-height: 160%;
}
.category-page .botom-section__text-block .text-block p, .category-page .botom-section__text-block .text-block li {
  max-width: 1200px;
}
.category-page .botom-section__text-block .text-block::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  background: rgba(0, 0, 0, 0.04);
}
.category-page .botom-section__text-block .text-block::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #000000;
  border-radius: 96px;
}
.category-page .botom-section__text-block .text-block h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
}
.category-page .botom-section__text-block .text-block h4 {
  font-weight: 700;
}
.category-page .botom-section__text-block .text-block ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.category-page .botom-section__text-block .text-block ul li {
  list-style: disc;
  margin-left: 20px;
}

.section-filter {
  position: relative;
  height: -moz-max-content;
  height: max-content;
}
.section-filter .find-block {
  width: 308px;
  background-color: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  padding: 28px;
  height: 146px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 36px; /* for Safari */
  position: sticky;
  bottom: 0;
}
@media screen and (max-width: 1200px) {
  .section-filter .find-block {
    padding: 20px;
  }
}
.section-filter .find-block__count {
  line-height: 160%;
}
.section-filter .find-block__count span {
  font-weight: 600;
  color: #276EF6;
}
.section-filter .find-block__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-filter .find-block__btn {
  font-size: 14px;
  line-height: 170%;
  color: #FFFFFF;
  padding: 8px 16px;
}

.find-block__icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.find-block__icons .find-block__icon-btn {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.find-block__icons .find-block__icon-btn:nth-child(1):hover {
  background-color: #8344D2;
}
.find-block__icons .find-block__icon-btn:nth-child(1):hover svg path {
  stroke: white;
}
.find-block__icons .find-block__icon-btn:nth-child(2):hover {
  background-color: #F3B516;
}
.find-block__icons .find-block__icon-btn:nth-child(2):hover svg path {
  stroke: white;
}
.find-block__icons .find-block__icon-btn:nth-child(3):hover {
  background-color: #35A591;
}
.find-block__icons .find-block__icon-btn:nth-child(3):hover svg path {
  fill: white;
}

.section-product__header {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 5px;
}
@media screen and (max-width: 1200px) {
  .section-product__header {
    grid-template-columns: auto auto;
    justify-content: space-between;
    row-gap: 20px;
  }
}
.section-product__header .section-product__select-block {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section-product__header .section-product__select-block .section-product__select-label {
  font-size: 14px;
  line-height: 170%;
  color: #000000;
}
.section-product__header .section-product__select-block .section-product__select.sort {
  max-width: 224px;
  width: 100%;
  min-width: 200px;
}
.section-product__header .section-product__select-block .section-product__select.number {
  flex: 0 0 80px;
}
.section-product__header .section-product__block-all-icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .section-product__header .section-product__block-all-icons {
    grid-column: 2/3;
    gap: 48px;
    justify-content: flex-end;
  }
}
.section-product__header .find-block__icons {
  gap: 6px;
}
.section-product__header .find-block__icons .find-block__icon-btn {
  width: 36px;
  height: 36px;
}
.section-product__header .section-product__look-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
}
.section-product__header .section-product__look-tabs .section-product__look-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.section-product__header .section-product__look-tabs .section-product__look-btn.active {
  background-color: #276EF6;
  border: 1px solid #276EF6;
}
.section-product__header .section-product__look-tabs .section-product__look-btn.active svg path {
  stroke: #FFFFFF;
}
.section-product__filter-tags {
  margin-top: 48px;
}
.section-product__filter-tags .section-product__tags-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.section-product__filter-tags .section-product__tags-items .section-product__tags-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9.5px 12px;
  font-size: 12px;
  line-height: 160%;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
}
.section-product__filter-tags .section-product__tags-items .section-product__tags-item svg {
  cursor: pointer;
}
.section-product__filter-tags .section-product__more-tags {
  padding: 8px 12px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
}
.section-product__filter-tags .section-product__detete-all-tags {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.section-product__body {
  margin-top: 40px;
}
.section-product__body .section-product__body-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section-product .section-product__pagination {
  margin-top: 96px;
}
.section-product .section-product__banner {
  width: 100%;
  height: 200px;
  border-radius: 16px;
}
.section-product .section-product__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-product .section-product__card-banner {
  width: 100%;
  height: 393px;
  border-radius: 16px;
}
.section-product .section-product__card-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-product .section-product__body-items-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 20px;
}
@media screen and (max-width: 1200px) {
  .section-product .section-product__body-items-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.product-item-list {
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 20px;
  width: 100%;
  display: flex;
  gap: 24px;
  color: #000000;
  transition: 0.2s ease;
}
.product-item-list:hover {
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5);
  transition: 0.2s ease;
}
@media screen and (max-width: 1200px) {
  .product-item-list {
    padding: 15px;
    gap: 12px;
  }
}
.product-item-list:active {
  color: #000000;
}
.product-item-list.v-two {
  font-size: 12px;
  line-height: 160%;
}
.product-item-list.v-two .product-item-list__image-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 211px;
  gap: 6px;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .product-item-list.v-two .product-item-list__image-content {
    height: 200px;
    gap: 4px;
  }
}
.product-item-list.v-two .product-item-list__image-content .product-item-list__image-relative {
  position: relative;
  width: 100%;
  height: 100%;
}
.product-item-list.v-two .product-item-list__image-content .product-item-list__photos {
  display: flex;
  gap: 9px;
}
.product-item-list.v-two .product-item-list__image-content .product-item-list__photos .product-item-list__right-photo {
  height: 64px;
  border-radius: 6px;
}
.product-item-list.v-two .product-item-list__image-content .product-item-list__photos .product-item-list__right-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
@media screen and (max-width: 1200px) {
  .product-item-list.v-two .product-item-list__info-section {
    gap: 9px;
  }
}
.product-item-list.v-two .roduct-item-list__produc-id {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-item-list.v-two .roduct-item-list__produc-id .product-item-list__product-name {
  padding-right: 8px;
  border-right: 1px solid #000000;
}
.product-item-list.v-two .roduct-item-list__produc-id .roduct-item-list__id {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: underline;
}
.product-item-list.v-two .product-item-list__user-block {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1200px) {
  .product-item-list.v-two .product-item-list__user-block {
    gap: 6px;
  }
}
.product-item-list.v-two .product-item-list__user-block .product-item-list__user-image {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.product-item-list.v-two .product-item-list__user-block .product-item-list__user-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.product-item-list.v-two .product-item-list__user-block .product-item-list__block-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.product-item-list.v-two .product-item-list__user-block .product-item-list__block-content .product-item-list__block-icons {
  display: flex;
  align-items: center;
  gap: 5px;
}
.product-item-list__image-content {
  position: relative;
  flex: 0 0 26.2%;
  height: 160px;
}
.product-item-list__image-content .product-item-list__content {
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.product-item-list__section {
  display: flex;
  justify-content: space-between;
  max-width: 646px;
  width: 100%;
}
.product-item-list__info-section {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.product-item-list__info-section .product-item-list__info-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.product-item-list__info-section .product-item-list__icons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.product-item-list__info-section .product-item-list__icons span {
  margin-left: 4px;
  padding-left: 8px;
  display: inline-block;
  border-left: 1px solid #000000;
  font-size: 12px;
  line-height: 160%;
}
@media screen and (max-width: 1200px) {
  .product-item-list__info-section .product-item-list__icons span {
    margin-left: 1px;
    padding-left: 5px;
  }
}
.product-item-list__info-section .product-item-list__location-product-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
@media screen and (max-width: 1200px) {
  .product-item-list__info-section .product-item-list__location-product-name {
    gap: 5px;
  }
}
.product-item-list__info-section .product-item-list__location-product-name .product-item-list__location {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 8px;
  border-right: 1px solid #000000;
}
@media screen and (max-width: 1200px) {
  .product-item-list__info-section .product-item-list__location-product-name .product-item-list__location {
    gap: 5px;
  }
}
.product-item-list__info-section .product-item-list__info {
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 1200px) {
  .product-item-list__info-section .product-item-list__info {
    gap: 5px;
  }
}
.product-item-list__info-section .product-item-list__info span:not(:last-child) {
  padding-right: 8px;
  border-right: 1px solid #000000;
}
@media screen and (max-width: 1200px) {
  .product-item-list__info-section .product-item-list__info span:not(:last-child) {
    padding-right: 5px;
  }
}
.product-item-list__info-section .product-item-list__info .product-item-list__id {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .product-item-list__info-section .product-item-list__info .product-item-list__id {
    gap: 5px;
  }
}
.product-item-list__info-section .product-item-list__price-block {
  line-height: 160%;
}
.product-item-list__info-section .product-item-list__price-block .product-item-list__uah {
  font-weight: 700;
  font-size: 16px;
}
.product-item-list__info-section .product-item-list__price-block .product-item-list__currency {
  font-size: 14px;
}
.product-item-list .product-action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-item-list .product-action .product-action-top {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
}
.product-item-list .product-action .product-action-top .product-action__status {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  text-transform: uppercase;
  background: #F9DD09;
  border-radius: 8px;
  padding: 7px 16px;
}
.product-item-list .product-action .product-action-top .product-action-icon {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-item-list .product-action .product-action-top .product-action-icon:nth-child(2):hover {
  background-color: #F3B516;
}
.product-item-list .product-action .product-action-top .product-action-icon:nth-child(2):hover svg path {
  fill: white;
}
.product-item-list .product-action .product-action-top .product-action-icon:nth-child(3):hover {
  background-color: #276EF7;
}
.product-item-list .product-action .product-action-top .product-action-icon:nth-child(3):hover svg path {
  fill: white;
}
.product-item-list .product-action .product-action-top .product-action-icon:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}
.product-item-list .product-action .product-action-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
}
.product-item-list .product-action .product-action-bottom .product-action-view {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
}
.product-item-list .product-action .product-action-bottom .product-action-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
}
@media screen and (max-width: 1200px) {
  .product-item-list .product-action .product-action-bottom .product-action-btn {
    gap: 4px;
    padding: 8px;
  }
}

.cards-item {
  height: 393px;
  background: #FFFFFF;
  border-radius: 16px;
  padding: 20px;
  display: block;
  color: #000000;
  transition: 0.2s ease;
}
.cards-item:hover {
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5);
  transition: 0.2s ease;
}
.cards-item:active {
  color: #000000;
}
.cards-item__block-img {
  height: 182px;
  position: relative;
}
.cards-item__block-img .cards-item__content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cards-item__block-img .cards-item__content .content-block__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cards-item__block-img .cards-item__content .content-block__top .content-block__status {
  background: #F9DD09;
  border-radius: 6px;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  text-transform: uppercase;
}
.cards-item__block-img .cards-item__content .content-block__top .content-block__video {
  margin-left: auto;
}
.cards-item__block-img .cards-item__content .content-block__bottom .content-block__eye {
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 96px;
}
.cards-item__info {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cards-item__info .cards-item__location {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 170%;
}
.cards-item__info .cards-item__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.cards-item__info .cards-item__description {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.cards-item__info .cards-item__description span:not(:last-child) {
  padding-right: 8px;
  border-right: 1px solid black;
}
.cards-item__info .cards-item__description .cards-item__id {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: underline;
}
.cards-item__info .cards-item__sort {
  font-size: 12px;
  line-height: 160%;
}
.cards-item__info .cards-item__price-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  line-height: 160%;
}
.cards-item__info .cards-item__price-block .cards-item__icons {
  display: flex;
  gap: 4px;
}
.cards-item__info .cards-item__price-block .cards-item__icons .cards-item__icon {
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
}
.cards-item__info .cards-item__price-block .cards-item__icons .cards-item__icon:hover {
  transition: all 0.3s ease;
  transform: scale(1.05);
}
.cards-item__info .cards-item__price-block .cards-item__icons .cards-item__icon:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}

.filter-modal {
  justify-content: flex-start;
  position: absolute;
  display: none;
}
.filter-modal.overlay {
  padding: 0 !important;
}
.filter-modal.show {
  display: flex;
  top: 0;
  left: 0;
}
.filter-modal .modal-filter {
  position: absolute;
}
.filter-modal .modal-filter::before {
  content: "";
  position: absolute;
  top: 23%;
  left: -20px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 16px;
  border-bottom-width: 16px;
  border-right: 20px solid #FFFFFF;
}
.filter-modal .filter-modal__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
  color: #276EF6;
}
.filter-modal .filter-modal__body {
  margin-top: 8px;
}
.filter-modal .filter-modal__body .filter-modal__acordeons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-modal .filter-modal__body .accordeon-form__show {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 32px;
  position: relative;
  display: none;
}
.filter-modal .filter-modal__body .accordeon-form__show.is-active {
  display: flex;
}
.filter-modal .filter-modal__body .accordeon-form__show::after {
  content: "";
  position: absolute;
  top: 12px;
  left: -19.5px;
  height: 84%;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.filter-modal .filter-modal__body .accordeon-form__show .accordeon-form {
  position: relative;
}
.filter-modal .filter-modal__body .accordeon-form__show .accordeon-form::before {
  content: "";
  position: absolute;
  top: 11px;
  left: -22px;
  width: 5px;
  height: 5px;
  background-color: #276EF6;
  border-radius: 50%;
}

.more-tags__block {
  position: relative;
}
.more-tags__modal .modal-filter {
  padding: 24px;
  background: #FFFFFF;
  box-shadow: 6px -6px 24px rgba(0, 0, 0, 0.06), 0px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  position: absolute;
  max-width: 416px;
  width: -moz-max-content;
  width: max-content;
  top: 55%;
  left: 49%;
  z-index: 300;
}
.more-tags__modal .modal-filter.active {
  display: block;
}
.more-tags__modal .modal-filter::before {
  content: "";
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 16px;
  border-left-width: 16px;
  border-bottom: 10px solid #FFFFFF;
  position: absolute;
  top: -9px;
  left: 40%;
}
.more-tags__modal .block-show-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.view-all-block {
  position: relative;
}
.view-all-block .view-overlay {
  position: absolute;
  top: -50%;
  left: 150%;
  z-index: 103;
}
.view-all-block .view-all-show {
  background-color: #FFFFFF;
  border-radius: 16px;
  width: -moz-max-content;
  width: max-content;
}
.view-all-block .view-all-show__body {
  padding: 24px;
  position: relative;
}
.view-all-block .view-all-show__body::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -20px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 16px;
  border-bottom-width: 16px;
  border-right: 20px solid #FFFFFF;
}
.view-all-block .view-all-show__body .filter-modal__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px 48px;
}
@media screen and (max-width: 1200px) {
  .view-all-block .view-all-show__body .filter-modal__body {
    grid-template-columns: 1fr 1fr;
  }
}

.details-block {
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.details-block__search {
  position: relative;
  margin: 0 24px;
}
.details-block__search .details-block__input {
  width: 100%;
}
.details-block__search svg {
  position: absolute;
  top: 12px;
  right: 16px;
}
.table {
  width: 100%;
  margin-top: 25px;
  border-collapse: collapse;
}
.table .thead .t-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table .thead .t-row .row-head {
  text-align: left;
  padding-bottom: 24px;
}
.table .thead .t-row .row-head:first-child {
  padding-left: 24px;
}
.table .thead .t-row .row-head:last-child {
  padding-right: 24px;
}
.table .thead .t-row .row-head .row-head-block {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  gap: 5px;
}
.table .thead .t-row .row-head .row-head-block .table-filter {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.table .tbody .body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table .tbody .body-row .body-block {
  padding: 16px 0;
  vertical-align: top;
}
.table .tbody .body-row .body-block-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.table .tbody .body-row .body-block span {
  display: inline-block;
}
.table .tbody .body-row .body-block:first-child {
  padding-left: 24px;
}
.table .tbody .body-row .body-block:last-child {
  padding-right: 24px;
}
.table .tbody .body-row .body-block .body__image {
  width: 100px;
  height: 74px;
  border-radius: 6px;
}
.table .tbody .body-row .body-block .body__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.table .tbody .body-row .body-block .body-maker {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: 12px;
  line-height: 160%;
  gap: 6px;
}
.table .tbody .body-row .body-block .body-maker .body-maker__id {
  display: flex;
  align-items: center;
  gap: 8px;
}
.table .tbody .body-row .body-block .body-maker .body-maker__name {
  font-weight: 400;
}
.table .tbody .body-row .body-block .body-image {
  border-radius: 6px;
  width: 100px;
  height: 100px;
}
.table .tbody .body-row .body-block .body-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.table .tbody .body-row .body-block .body__view {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
}
.table .tbody .body-row .body-block .body-description {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
}
.table .tbody .body-row .body-block .body-description span {
  max-width: 91px;
}
.table .tbody .body-row .body-block .body-dispatch {
  font-weight: 700;
  font-size: 12px;
  line-height: 160%;
  color: #276EF6;
}
.table .tbody .body-row .body-block .body-city {
  font-size: 12px;
  line-height: 160%;
}
.table .tbody .body-row .body-block .body-price {
  font-size: 14px;
  line-height: 160%;
}
.table .tbody .body-row .body-block .body-price span {
  font-weight: 700;
  text-transform: uppercase;
}
.table .tbody .body-row .body-block .body-company {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 9px;
}
.table .tbody .body-row .body-block .body-company-img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.table .tbody .body-row .body-block .body-company-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.table .tbody .body-row .body-block .body-company-info {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: 5px;
}
.table .tbody .body-row .body-block .body-company-name {
  font-size: 12px;
  line-height: 160%;
  height: 19px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table .tbody .body-row .body-block .body-company-icons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.table .tbody .body-row .body-block .body-seller {
  display: inline-flex;
  flex-direction: column;
  gap: 12.5px;
  text-align: right;
}
.table .tbody .body-row .body-block .body-seller .body-seller-status {
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #FF6737;
  border-radius: 6px;
  padding: 2.5px 10px;
  width: -moz-max-content;
  width: max-content;
  align-self: end;
}
.table .tbody .body-row .body-block .body-seller .body-seller-id {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons {
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: flex-end;
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons button {
  background-color: transparent;
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons button:nth-child(1):hover rect:nth-child(1) {
  fill: #F3B516;
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons button:nth-child(1):hover path {
  stroke: white;
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons button:nth-child(2):hover rect:nth-child(1) {
  fill: rgb(46, 170, 73);
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons button:nth-child(2):hover path {
  stroke: white;
  fill: white;
}
.table .tbody .body-row .body-block .body-seller .body-seller-icons button:active {
  transition: all 0.3s ease;
  transform: scale(0.9);
}

.advertising-page__tab-content {
  margin-top: 48px;
}
.advertising-page__header {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  margin-top: 36px;
}
.advertising-page__icons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.advertising-page__icon {
  background-color: #FFFFFF;
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
  padding: 13px;
}
.advertising-page__icon:hover {
  transition: all 0.3s ease;
}
.advertising-page__icon:active {
  transition: all 0.3s ease;
  transform: scale(0.95);
}
.advertising-page__section {
  margin-top: 48px;
}

.general-tab__gallery-information {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.general-tab__gallery {
  flex: 0 0 650px;
}
@media screen and (max-width: 1200px) {
  .general-tab__gallery {
    flex: 0 0 56.5%;
  }
}
.general-tab__gallery .gallery {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.general-tab__gallery .gallery__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.general-tab__gallery .gallery__images {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 98px !important;
}
.general-tab__gallery .gallery__images .swiper-wrapper {
  width: 98px !important;
  max-height: 430px !important;
}
.general-tab__gallery .gallery__small-img {
  width: 98px !important;
  height: 98px !important;
  border-radius: 8px;
}
.general-tab__gallery .gallery__small-img:hover {
  transition: 0.2s ease;
  cursor: pointer;
}
.general-tab__gallery .gallery__small-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.general-tab__gallery .gallery_icon {
  width: 98px;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: pointer;
}
.general-tab__gallery .gallery__image-block {
  position: relative;
  width: 540px;
  height: 540px;
}
@media screen and (max-width: 1200px) {
  .general-tab__gallery .gallery__image-block {
    width: 100%;
  }
}
.general-tab__gallery .gallery__image-active {
  border-radius: 16px;
}
.general-tab__gallery .gallery__image-active img {
  border-radius: 16px;
}
.general-tab__gallery .gallery__image-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.general-tab__gallery .gallery__image-content .gallery__image-icon {
  display: flex;
}
.general-tab__gallery .gallery__image-content .gallery__image-count-block {
  background: #FFFFFF;
  border-radius: 96px;
  padding: 12px 16px;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  gap: 6px;
}
.general-tab__gallery .gallery__image-content .gallery__image-count-block span {
  font-weight: 700;
  color: #000000;
}
.general-tab__gallery .gallery__main-swiper {
  position: absolute;
  width: 540px;
  height: 100%;
}
.general-tab__information {
  flex: 0 0 517px;
  margin-right: 65px;
}
@media screen and (max-width: 1200px) {
  .general-tab__information {
    margin-right: 0;
    flex: 0 0 39.17%;
  }
}
.general-tab__information .information__name-block {
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.general-tab__information .information__name-block .information__name {
  color: #276EF6;
}
.general-tab__information .information__price-block {
  padding: 16px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  align-items: center;
  gap: 0px;
}
.general-tab__information .information__price-block .information__currency {
  font-size: 18px;
  line-height: 160%;
}
.general-tab__information .information__characteristic {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}
.general-tab__information .information__characteristic .characteristic__item .label {
  line-height: 160%;
}
.general-tab__information .information__characteristic .characteristic__item .text {
  font-weight: 700;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.general-tab__information .information__characteristic .characteristic__item .text .flag {
  width: 21px;
  height: 15px;
  border-radius: 3px;
}
.general-tab__information .information__characteristic .characteristic__item .text .flag img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.general-tab__information .information__characteristic .characteristic__item .text .distance {
  color: #276EF6;
}
.general-tab__information .information__characteristic .characteristic__item .text .telephone {
  color: #000000;
}
.general-tab__information .information__characteristic .characteristic__item .text .telephone span {
  opacity: 0.6;
}
.general-tab__information .information__characteristic .characteristic__item .text .link {
  text-decoration: underline;
  color: #276EF6;
  font-weight: 400;
}
.general-tab__information .information__characteristic .characteristic__item.grid {
  display: grid;
  grid-template-columns: 48.9% 1fr;
  align-items: center;
}

.hid-enter-active,
.hid-leave-active {
  transition: opacity 0.5s ease;
}

.hid-enter-from,
.hid-leave-to {
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
  height: auto;
}

.fade-enter, .fade-leave-active {
  height: 0;
}

.general-tab__accordeons {
  margin-top: 48px;
}

.general-tab__accordeon {
  padding-top: 0;
  border: none;
}
.general-tab__accordeon .c-accordion-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.general-tab__accordeon .c-accordion-trigger.is-active .icon-accordeon {
  transform: rotate(180deg);
  transition: 0.5s ease;
}
.general-tab__accordeon .c-accordion-trigger.is-active .icon-accordeon span:nth-child(2) {
  transition: 0.5s ease;
  transition-delay: 0.5s;
  width: 0%;
}
.general-tab__accordeon .c-accordion-trigger .icon-accordeon {
  position: relative;
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: rotate(0deg);
  transition: 0.3s ease;
  transition-delay: 0.3s;
}
.general-tab__accordeon .c-accordion-trigger .icon-accordeon span {
  border-radius: 3px;
  width: 12px;
  height: 1px;
  background-color: #276EF6;
}
.general-tab__accordeon .c-accordion-trigger .icon-accordeon span:nth-child(2) {
  position: absolute;
  transform: rotate(90deg);
  background-color: transparent;
  border-top: 1px solid #276EF6;
  width: 12px;
  transition: all 0.3s ease;
}
.general-tab__accordeon .description-block {
  margin-top: 24px;
  display: grid;
  width: 100%;
  grid-template-columns: 49.5% 43.9%;
  justify-content: space-between;
  gap: 10px;
}
.general-tab__accordeon .description-block .title {
  color: #276EF6;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.general-tab__accordeon .description-block .description .description__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.general-tab__accordeon .description-block .description .description__title span {
  font-size: 14px;
  line-height: 170%;
  color: #276EF6;
  cursor: pointer;
  font-weight: 400;
}
.general-tab__accordeon .description-block .description .description__title span:hover {
  text-decoration: underline;
}
.general-tab__accordeon .description-block .description .description__body {
  margin-top: 20px;
}
.general-tab__accordeon .description-block .description .description__body .discription__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.general-tab__accordeon .description-block .description .description__body .discription__list .description__item {
  line-height: 160%;
}
.general-tab__accordeon .description-block .description .description__body .discription__list .description__item span {
  font-weight: 700;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: -moz-max-content;
  width: max-content;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__image {
  width: 64px;
  height: 64px;
  border-radius: 8px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-top .contacts__information-icons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-top .contacts__information-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom {
  display: flex;
  align-items: center;
  gap: 16px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom .contacts__information-country {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 160%;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom .contacts__information-country .flag {
  width: 19px;
  height: 14px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom .contacts__information-country .flag img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom .contacts__information-responds {
  display: flex;
  align-items: center;
  gap: 10px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom .contacts__information-responds span {
  font-size: 14px;
  line-height: 160%;
  text-decoration: underline;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__name .contacts__information .contacts__information-bottom .contacts__information-responds span span {
  font-weight: 700;
  color: #276EF6;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone {
  margin-top: 20px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-icon {
  padding: 6px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-number a {
  color: #000000;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-number button {
  color: #276EF6;
  text-decoration: underline;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links {
  display: flex;
  align-items: center;
  gap: 8px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link {
  padding: 6px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
  display: inline-flex;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link:nth-child(1):hover {
  background-color: #2766DF;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link:nth-child(1):hover svg path {
  fill: white;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link:nth-child(2):hover {
  background-color: #279FF7;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link:nth-child(2):hover svg path {
  fill: white;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link:nth-child(3):hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__telephone .telephone__items .telephone__item .telephone__item-social-links .telephone__item-social-link:nth-child(3):hover svg path {
  fill: white;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__person {
  margin-top: 24px;
  color: rgba(0, 0, 0, 0.6);
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__person span {
  font-weight: 600;
  color: #000000;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__languages {
  max-width: 385px;
  margin-top: 24px;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 170%;
  gap: 4px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__languages span {
  font-weight: 600;
  color: #000000;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts__local-time {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.general-tab__accordeon .description-block .contacts .contacts__body .contacts-btn {
  margin-top: 24px;
  padding: 12px 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 170%;
  color: #276EF6;
}

.notification {
  padding: 12px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  opacity: 0.6;
  line-height: 160%;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
  margin: 25px 0 36px 0;
}

.characteristics .characteristics-block {
  margin-top: 24px;
  -moz-column-count: 2;
       column-count: 2;
  width: 100%;
  gap: 18.7%;
  max-width: 1230px;
}
.characteristics .characteristics-block .characteristics-block__item {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  max-width: 500px;
}
.characteristics .characteristics-block .characteristics-block__item:not(:first-child) {
  margin-top: 48px;
}
.characteristics .characteristics-block .characteristics-block__item .title {
  color: #276EF6;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body {
  margin-top: 36px;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-bottom: 12px;
  gap: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid.is-arr {
  grid-template-columns: 1fr;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid:not(:first-child) {
  padding-top: 6px;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__label {
  line-height: 160%;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__label.strong {
  font-weight: 700;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__label.disc {
  margin-left: 25px;
  position: relative;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__label.disc::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: -13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000000;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__text {
  font-weight: 700;
  line-height: 160%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__text .characteristics-block__text-content a {
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  color: #276EF6;
  padding: 6px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__text .characteristics-block__text-responds {
  display: flex;
  align-items: center;
  gap: 8px;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__text .characteristics-block__text-responds span {
  font-size: 14px;
  line-height: 160%;
  text-decoration: underline;
  font-weight: 400;
}
.characteristics .characteristics-block .characteristics-block__item .characteristics-block__body .characteristics-block__body-grid .characteristics-block__text .characteristics-block__text-responds span a {
  font-weight: 700;
  color: #276EF6;
}

.files .files-block {
  margin-top: 36px;
}
.files .files-block .files-block__items {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.files-block__item {
  width: 168px;
}
.files-block__item .files-block__image-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 108px;
  border-radius: 4px;
}
.files-block__item .files-block__image-block {
  height: 108px;
  border-radius: 4px;
}
.files-block__item .files-block__image-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.files-block__item .files-block__name-file {
  font-size: 12px;
  line-height: 160%;
  word-wrap: break-word;
  margin-top: 14px;
  display: flex;
}
.files-block__item .files-block__name-file span {
  font-weight: 700;
  white-space: nowrap;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.files-block__item .files-block__data-weight {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.files-block__item .files-block__data-weight .files-block__data {
  font-size: 12px;
  line-height: 160%;
}
.files-block__item .files-block__data-weight .files-block__weight {
  font-weight: 700;
  font-size: 12px;
  line-height: 170%;
}

.grid-help {
  margin-top: 80px;
}
.grid-help .grid-help__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.grid-help .grid-help__items .grid-help__item {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  display: flex;
  height: 144px;
  overflow: hidden;
}
.grid-help .grid-help__items .grid-help__item svg {
  transition: all 0.3s ease;
}
.grid-help .grid-help__items .grid-help__item:hover svg {
  transition: all 0.3s ease;
  margin-left: 4px;
}
.grid-help .grid-help__items .grid-help__item .grid-help__img {
  flex: 0 0 47.1%;
}
.grid-help .grid-help__items .grid-help__item .grid-help__img img {
  width: 100%;
  height: 100%;
}
.grid-help .grid-help__items .grid-help__item .grid-help__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding-left: 44px;
}
@media screen and (max-width: 1200px) {
  .grid-help .grid-help__items .grid-help__item .grid-help__content {
    padding-left: 22px;
  }
}
.grid-help .grid-help__items .grid-help__item .grid-help__content .grid-help__title {
  color: #276EF6;
}
.grid-help .grid-help__items .grid-help__item .grid-help__content .grid-help__text {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #000000;
  opacity: 0.6;
}

.spare-parts {
  margin-top: 80px;
}
.spare-parts .spare-parts__content .spare-parts__title {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.spare-parts .spare-parts__content .spare-parts__items {
  margin-top: 36px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.spare-parts .spare-parts__content .spare-parts__items .spare-parts__item {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 24px;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 70px;
  color: #000000;
}
.spare-parts .spare-parts__content .spare-parts__items .spare-parts__item svg {
  transition: all 0.3s ease;
}
.spare-parts .spare-parts__content .spare-parts__items .spare-parts__item:hover svg {
  transition: all 0.3s ease;
  transform: translate(4px);
}
.spare-parts .spare-parts__content .spare-parts__items .spare-parts__item .spare-parts__block {
  display: flex;
  align-items: center;
  gap: 12px;
}
.spare-parts .spare-parts__content .spare-parts__items .spare-parts__item .spare-parts__block .spare-parts__name {
  font-weight: 600;
}
.spare-parts .spare-parts__content .spare-parts__items .spare-parts__item .spare-parts__block .spare-parts__count {
  font-size: 12px;
  line-height: 160%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 64px;
  padding: 4px 8px;
}

.contacts-tab__grid-block {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 383px 57.77%;
  justify-content: space-between;
  gap: 20px;
}
.information-contacts__img {
  width: 108px;
  height: 108px;
  border-radius: 12px;
}
.information-contacts__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.information-contacts__name {
  margin-top: 36px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.information-contacts__person-info {
  margin-top: 24px;
}
.information-contacts__location-feedback {
  display: flex;
  align-items: center;
  gap: 16px;
}
.information-contacts__location {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 160%;
}
.information-contacts__location .flag {
  width: 19px;
  height: 14px;
  border-radius: 3px;
}
.information-contacts__location .flag img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}
.information-contacts__feedback {
  display: flex;
  align-items: center;
  gap: 8px;
}
.information-contacts__feedback span {
  font-size: 14px;
  line-height: 160%;
}
.information-contacts__feedback span a {
  font-weight: 700;
  color: #276EF6;
}
.information-contacts__availability {
  margin-top: 16px;
  line-height: 160%;
}
.information-contacts__availability span {
  font-weight: 700;
}
.information-contacts__status-block {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.information-contacts__status {
  display: flex;
  align-items: center;
  gap: 12px;
}
.information-contacts__status-lang {
  margin-top: 8px;
  font-size: 14px;
}
.information-contacts__status-lang span {
  font-weight: 700;
}
.information-contacts__status-text {
  font-size: 14px;
  line-height: 160%;
}
.information-contacts__status-text span {
  font-weight: 700;
}
.information-contacts__social-block {
  margin-top: 24px;
}
.information-contacts__social-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.information-contacts__social-link {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 170%;
  color: #000000;
  width: -moz-max-content;
  width: max-content;
}
.information-contacts__social-link:hover {
  color: #276EF6;
}
.information-contacts__data {
  margin-top: 36px;
}
.information-contacts__data-user {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 47px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.information-contacts__data-user-block {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 16px;
}
.information-contacts__data-user-block .information-contacts__data-links {
  margin-top: 0 !important;
}
.information-contacts__data-user-block a {
  color: #276EF6;
  text-decoration: underline;
}
.information-contacts__data .information-contacts__data-block {
  margin-top: 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-info .information-contacts__data-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-info .information-contacts__data-telephone {
  margin-top: 8px;
  font-size: 14px;
  line-height: 170%;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-info .information-contacts__data-telephone a {
  text-decoration: underline;
  color: #276EF6;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-info .information-contacts__data-languages {
  font-size: 14px;
  line-height: 170%;
}
.information-contacts__data .information-contacts__data-block .information-contacts__data-info .information-contacts__data-languages span {
  font-weight: 700;
}
.information-contacts__data .information-contacts__data-links {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.information-contacts__data .information-contacts__data-links a {
  display: inline-flex;
  border-radius: 50%;
}
.information-contacts__data .information-contacts__data-links a:nth-child(1):hover {
  background-color: #2766DF;
}
.information-contacts__data .information-contacts__data-links a:nth-child(1):hover svg path {
  fill: white;
}
.information-contacts__data .information-contacts__data-links a:nth-child(2):hover {
  background-color: #279FF7;
}
.information-contacts__data .information-contacts__data-links a:nth-child(2):hover svg path {
  fill: white;
}
.information-contacts__data .information-contacts__data-links a:nth-child(3):hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.information-contacts__data .information-contacts__data-links a:nth-child(3):hover svg path {
  fill: white;
}
.information-contacts__address {
  margin-top: 44px;
}
.information-contacts__address .information-contacts__address-items {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.information-contacts__address .information-contacts__address-items .information-contacts__address-item {
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  gap: 12px;
}

.question-contacts__grid-inputs {
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  row-gap: 12px;
}
.question-contacts__grid-inputs .question-contacts__grid-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.question-contacts__grid-inputs .question-contacts__grid-item .question-contacts__grid-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.question-contacts__grid-inputs .question-contacts__grid-item .question-contacts__grid-input::-moz-placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.question-contacts__grid-inputs .question-contacts__grid-item .question-contacts__grid-input::placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.question-contacts__textarea-block {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.question-contacts__textarea-block .question-contacts__textarea-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.question-contacts__textarea-block .question-contacts__textarea {
  margin-top: 12px;
  height: 240px;
}
.question-contacts__textarea-block .question-contacts__textarea::-moz-placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.question-contacts__textarea-block .question-contacts__textarea::placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.question-contacts__textarea-block .question-contacts__textarea-limit {
  display: block;
  text-align: right;
  margin-top: 8px;
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.question-contacts__btn {
  margin-left: auto;
  margin-top: 48px;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  color: #276EF6;
  padding: 12px 68.5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.leave-feedback {
  margin-top: 80px;
}
.leave-feedback__grid-block {
  margin-top: 36px;
  max-width: 816px;
  width: 100%;
  display: grid;
  grid-template-columns: 367px 1fr;
  gap: 36px;
}
.leave-feedback__grid-block .leave-feedback__grid-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.leave-feedback__grid-block .leave-feedback__grid-items .leave-feedback__grid-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.leave-feedback__grid-block .leave-feedback__grid-items .leave-feedback__grid-item .leave-feedback__grid-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.leave-feedback__grid-block .leave-feedback__grid-items .leave-feedback__grid-item .leave-feedback__grid-input::-moz-placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.leave-feedback__grid-block .leave-feedback__grid-items .leave-feedback__grid-item .leave-feedback__grid-input::placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.leave-feedback__grid-block .leave-feedback__grid-likes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.leave-feedback__grid-block .leave-feedback__grid-likes .leave-feedback__grid-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leave-feedback__grid-block .leave-feedback__grid-likes .leave-feedback__grid-like .leave-feedback__grid-like-icons {
  display: flex;
  align-items: center;
  gap: 16px;
}
.leave-feedback__textarea-block {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  max-width: 996px;
  width: 100%;
}
.leave-feedback__textarea-block .leave-feedback__textarea-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.leave-feedback__textarea-block .leave-feedback__textarea {
  height: 144px;
  margin-top: 12px;
}
.leave-feedback__textarea-block .leave-feedback__textarea::-moz-placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.leave-feedback__textarea-block .leave-feedback__textarea::placeholder {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.3);
}
.leave-feedback__files {
  margin-top: 12px;
}
.leave-feedback__files label {
  height: 134px;
}
.leave-feedback__btn {
  margin-top: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  color: #276EF6;
  padding: 12px 68.5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.logistics-tab__section {
  margin-top: 36px;
}
.logistics-tab__section .logistics-tab__adress .logistics-tab__address-items {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.logistics-tab__section .logistics-tab__adress .logistics-tab__address-items .logistics-tab__address-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.logistics-tab__section .logistics-tab__adress .logistics-tab__address-items .logistics-tab__address-item .logistics-tab__address-text {
  font-size: 14px;
  line-height: 170%;
}
.logistics-tab__section .logistics-tab__adress .logistics-tab__address-items .logistics-tab__address-item .logistics-tab__address-text a {
  color: #276EF6;
  font-weight: 700;
}
.logistics-tab__section .logistics-tab__block-input {
  margin-top: 45px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.logistics-tab__section .logistics-tab__block-input .logistics-tab__grid {
  max-width: 852px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 94px;
  gap: 12px;
  align-items: flex-end;
}
.logistics-tab__section .logistics-tab__block-input .logistics-tab__grid .logistics-tab__grid-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.logistics-tab__section .logistics-tab__block-input .logistics-tab__grid .logistics-tab__grid-item .logistics-tab__grid-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.logistics-tab__section .logistics-tab__block-input .logistics-tab__grid .logistics-tab__grid-btn {
  width: 94px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 170%;
  color: #FFFFFF;
}
.logistics-tab__section .logistics-tab__block-input .logistics-tab__block-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 276px;
}
.logistics-tab__section .logistics-tab__block-input .logistics-tab__block-btn .btn-white {
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 170%;
}
.logistics-tab__section .logistics-tab__map {
  width: 100%;
  height: 600px;
  border-radius: 24px;
  margin-top: 48px;
}
.logistics-tab__section .logistics-tab__map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}
.logistics-tab .swiper-block {
  margin-top: 92px;
}
.logistics-tab .swiper-block .swiper-block__navigation {
  top: -96px;
}

.feedback-tab .sort .vs__dropdown-menu, .feedback-tab .number .vs__dropdown-menu {
  top: 48px !important;
}
.feedback-tab__title-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}
.feedback-tab__title-block .feedback-tab__title {
  font-weight: 700;
}
.feedback-tab__title-block .feedback-tab__header-selects {
  max-width: 653px;
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: flex-end;
}
.feedback-tab__title-block .feedback-tab__header-selects .section-product__select-label {
  font-size: 14px;
  line-height: 170%;
  font-weight: 400;
}
.feedback-tab__title-block .feedback-tab__header-selects .vs__dropdown-option {
  font-weight: 400;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__select-block {
  display: flex;
  align-items: center;
  gap: 12px;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__select-block .feedback-tab__select-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__select-block .feedback-tab__select {
  font-weight: 400;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__select-block .feedback-tab__select.number {
  margin-left: 12px;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 170%;
  background: rgba(39, 110, 247, 0.1);
  color: #276EF6;
  border-radius: 8px;
  transition: 0.3s ease;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__btn:hover {
  background: rgba(121, 160, 236, 0.1);
  transition: 0.3s ease;
}
.feedback-tab__title-block .feedback-tab__header-selects .feedback-tab__btn:active {
  background: rgba(39, 110, 247, 0.3);
  transition: 0.3s ease;
}
.feedback-tab__section .feedback-tab__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
}
.feedback-tab__pagination {
  margin-top: 100px;
}

.item-feedback {
  padding: 24px 26px;
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.04);
  border-radius: 16px;
}
.item-feedback .item-feedback__header {
  display: flex;
  align-items: center;
  gap: 36px;
  line-height: 160%;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.item-feedback .item-feedback__header .item-feedback__name {
  font-weight: 700;
  font-size: 18px;
}
.item-feedback .item-feedback__header .item-feedback__email {
  flex: 1 1 auto;
}
.item-feedback .item-feedback__header .item-feedback__date {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 15px;
}
.item-feedback .item-feedback__header .item-feedback__date .item-feedback__btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-feedback .item-feedback__header .item-feedback__date .item-feedback__btns button {
  width: 98px;
  height: 31px;
  border-radius: 4px;
  justify-content: center;
}
.item-feedback .item-feedback__content .item-feedback__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.item-feedback .item-feedback__content .item-feedback__actions .item-feedback__element {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 170%;
}
.item-feedback .item-feedback__content .item-feedback__actions .item-feedback__element span {
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
  padding: 2.5px 9px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 64px;
}
.item-feedback .item-feedback__content .item-feedback__text {
  margin-top: 24px;
  line-height: 160%;
}

.profile-page .page {
  position: static;
  padding-bottom: 0;
}
.profile-page__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-page__top .bread-crumbs {
  padding-top: 0 !important;
}
.profile-page__balance {
  display: flex;
  align-items: center;
  gap: 12px;
}
.profile-page__balance-count {
  font-size: 16px;
  line-height: 160%;
  color: #000000;
}
.profile-page__balance-block {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: transparent;
}
.profile-page__balance-text {
  font-size: 16px;
  line-height: 160%;
  color: #000000;
  opacity: 0.6;
  cursor: pointer;
}
.profile-page__balance-text:hover {
  color: #276EF6;
  opacity: 1;
}
.profile-page__tabs {
  margin-top: 36px;
  flex-wrap: wrap;
}
.profile-page__tabs .tab {
  padding: 8px 16px;
  white-space: nowrap;
}
.profile-page__block {
  padding: 36px 0 64px;
}

.p-overview {
  padding-bottom: 32px;
}
.p-overview__block-email {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-overview__block-email .hr {
  display: inline-block;
  height: 20px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.p-overview__email {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-overview__email-confirm {
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-overview__password {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-overview__password-confirmed {
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-overview__confirm-social {
  margin-top: 48px;
}
.p-overview__confirm-social-items {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: wrap;
}
.p-overview__grid-card {
  margin-top: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.p-overview__swiper {
  margin-top: 65px;
}

.overview-info {
  display: flex;
  align-items: flex-start;
  gap: 26px;
}
@media screen and (max-width: 1200px) {
  .overview-info {
    gap: 36px;
  }
}
.overview-info__block-name {
  display: flex;
  align-items: flex-start;
  gap: 36px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 48px;
}
@media screen and (max-width: 1200px) {
  .overview-info__block-name {
    padding-right: 36px;
    gap: 24px;
  }
}
.overview-info__img {
  width: 128px;
  height: 128px;
  border-radius: 16px;
  ovrflow: hidden;
  background: #FFFFFF;
}
.overview-info__img img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.overview-info__name-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.overview-info__name {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.02em;
}
.overview-info__term-block {
  font-size: 14px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.overview-info__term-icon {
  color: #4EBC65;
  border: 2px solid #4EBC65;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  margin-right: 6px;
  line-height: 1;
}
.overview-info__term-text {
  font-weight: 600;
  color: #276EF6;
}
.overview-info__btn {
  width: 155px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 9px;
}
.overview-info__block-lang {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 48px;
  height: 100%;
  min-height: 128px;
}
@media screen and (max-width: 1200px) {
  .overview-info {
    padding-right: 36px;
  }
}
.overview-info__langs {
  display: flex;
  max-width: 315px;
  gap: 2px;
  flex-wrap: wrap;
  line-height: 160%;
}
.overview-info__langs .text-blue {
  margin-left: 4px;
}
.overview-info__lang {
  font-weight: 600;
  color: #276EF6;
}
.overview-info__block-id {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.overview-info__rating {
  display: flex;
  align-items: center;
  gap: 8px;
}
.overview-info__rating-block {
  display: flex;
  align-items: center;
  gap: 8px;
}

.confirm-email.confirm-tell .confirm-email__content {
  max-width: 288px;
}
.confirm-email.confirm-tell .confirm-email__btns {
  flex-direction: column;
  width: 100%;
}
.confirm-email.confirm-tell .confirm-email__btn {
  width: 100%;
  color: #FFFFFF;
  justify-content: center;
}
.confirm-email .modal {
  padding: 64px;
  width: -moz-max-content;
  width: max-content;
}
.confirm-email__content {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
  max-width: 381px;
}
.confirm-email__text-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.confirm-email__title {
  text-align: center;
}
.confirm-email__text {
  text-align: center;
  font-size: 12px;
  line-height: 160%;
}
.confirm-email__text .bold {
  font-weight: 700;
}
.confirm-email__btns {
  display: flex;
  gap: 12px;
}
.confirm-email__btn {
  padding: 12px 16px;
  font-size: 14px;
}
.confirm-email__btn:first-child {
  color: #FFFFFF;
}
.confirm-email__btn:last-child {
  color: #276EF6;
}

.failedModal .modal {
  padding: 64px;
  width: -moz-max-content;
  width: max-content;
}
.failedModal__content {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: center;
  max-width: 281px;
}
.failedModal__text-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.failedModal__title {
  text-align: center;
}
.failedModal__text {
  text-align: center;
  font-size: 12px;
  line-height: 160%;
}
.failedModal__text .bold {
  font-weight: 700;
}
.failedModal__btns {
  display: flex;
  gap: 12px;
}
.failedModal__btn {
  padding: 12px 24px;
  font-size: 14px;
  color: #276EF6;
}

.confirm-social {
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.confirm-social:not(:last-child) {
  padding-right: 48px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.confirm-social__left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.confirm-social__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.confirm-social__right {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
  gap: 15px;
}
.confirm-social__item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.p-card-balance .hr {
  height: 155px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.p-card-balance__content {
  margin-top: 32px;
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
.p-card-balance__balance .p-card-balance__btn {
  color: #FFFFFF;
}
.p-card-balance__top {
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-card-balance__top span {
  opacity: 0.6;
}
.p-card-balance__summ {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  margin-top: 12px;
}
.p-card-balance__btn {
  padding: 12px 24px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}
.p-card-balance__bottom {
  margin-top: 39px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-card-balance__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
  cursor: pointer;
}
.p-card-balance__item:hover {
  color: #276EF6;
}
.p-card-balance__item:not(:last-child) {
  padding-right: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.replenich-modal .modal {
  max-width: 842px;
  width: 100%;
}
.replenich-modal__content {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.replenich-modal__name {
  font-size: 12px;
  line-height: 160%;
}
.replenich-modal .input {
  margin-top: 24px;
  max-width: 288px;
  width: 100%;
}
.replenich-modal__text {
  font-size: 12px;
  line-height: 160%;
  opacity: 0.6;
  max-width: 288px;
  margin-top: 12px;
}
.replenich-modal__payment-block {
  margin-top: 36px;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  line-height: 170%;
}
.replenich-modal__payment-block span {
  font-weight: 700;
}
.replenich-modal__btn {
  margin-top: 36px;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 170%;
  color: #FFFFFF;
}
.replenich-modal__items {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 288px;
  width: 288px;
}
.replenich-modal__button {
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
}

.pay-done__title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pay-done__section {
  width: 317px;
  display: grid;
  grid-template-columns: 1fr 92px;
  gap: 24px;
  margin-top: 36px;
}
.pay-done__text-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pay-done__text-title {
  font-size: 12px;
  line-height: 160%;
}
.pay-done__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.pay-done__link-block {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 24px;
}
.pay-done__orders {
  margin-top: 36px;
}
.pay-done__orders-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
}
.pay-done__orders-text {
  font-size: 12px;
  line-height: 160%;
  opacity: 0.6;
  margin-top: 16px;
  padding-left: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.pay-done__orders-text::before {
  content: "";
  width: 2px;
  height: 3px;
  border-radius: 50%;
  background-color: #000000;
  opacity: 0.6;
}
.pay-done .pay-done__replenish-block {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
  margin-top: 12px;
}
.pay-done .pay-done__replenish-block .opacity {
  opacity: 0.6;
  font-weight: 400;
}
.pay-done .pay-done__replenish-block span {
  margin-right: 2px;
  font-weight: 700;
}
.pay-done__input-block {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
  width: 466px;
}
.pay-done__input-block .input {
  width: 288px;
  height: 48px;
}
.pay-done__input-block button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  width: 170px;
  font-size: 14px;
  line-height: 170%;
}
.pay-done__bottom-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 160%;
  text-decoration-line: underline;
  margin-top: 24px;
  display: block;
  cursor: pointer;
}
.pay-done__sent {
  max-width: 366px;
  padding: 12px 24px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 36px;
}
.pay-done__sent-block {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.6);
}
.pay-done__sent-text span {
  font-weight: 700;
}
.thank-modal__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  max-width: 288px;
}
.thank-modal__text {
  text-align: center;
  font-size: 12px;
  line-height: 160%;
}
.thank-modal__text .text-blue {
  font-weight: 700;
}

.p-advertisement__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-advertisement .btn {
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 160%;
  width: 254px;
}
.p-advertisement .btn.btn-link {
  color: #000000;
}
.p-advertisement__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.p-advertisement__item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-advertisement__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.p-advertisement__text {
  margin-left: 6px;
  line-height: 160%;
}
.p-advertisement__count {
  width: 21px;
  height: 23px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 64px;
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-notify__not-found {
  max-width: 345px;
  margin: 82px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-notify__not-found-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  margin-top: 24px;
  text-align: center;
}
.p-notify__not-found-text {
  font-size: 14px;
  line-height: 170%;
  margin-top: 12px;
  text-align: center;
}

.p-message__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.p-message__all {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-message__all-count {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #276EF6;
  border-radius: 64px;
  color: #FFFFFF;
}
.p-message__items {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
}
.p-message__not-found {
  max-width: 288px;
  margin: 82px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-message__not-found-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  margin-top: 24px;
  text-align: center;
}
.p-message__not-found-text {
  font-size: 14px;
  line-height: 170%;
  margin-top: 12px;
  text-align: center;
}

.item-message {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 5px;
}
.item-message:hover {
  background: rgba(39, 110, 247, 0.1);
  border-radius: 8px;
}
.item-message__content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.item-message__icon {
  margin-top: 6px;
}
.item-message__text-block {
  max-width: 262px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.item-message__text-title {
  font-size: 14px;
  line-height: 170%;
}
.item-message__text {
  font-size: 12px;
  line-height: 160%;
  opacity: 0.6;
}
.item-message__date-time {
  display: flex;
  flex-direction: column;
  line-height: 162%;
  align-items: flex-end;
}
.item-message__date {
  font-size: 14px;
}
.item-message__time {
  font-size: 12px;
}

.p-services__content {
  min-height: 403px;
}
.p-services__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
}
.p-services__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  line-height: 160%;
}
.p-services__item:not(:last-child) {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.p-services__text-block {
  display: flex;
  align-items: center;
  gap: 14px;
}
.p-services__dot {
  width: 8px;
  height: 8px;
}
.p-services__not-found {
  max-width: 357px;
  margin: 82px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-services__not-found-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  margin-top: 24px;
  text-align: center;
}
.p-services__not-found-text {
  font-size: 14px;
  line-height: 170%;
  margin-top: 12px;
  text-align: center;
}
.p-services__not-found-text span {
  font-weight: 700;
}

.p-not-found__text {
  line-height: 160%;
  margin-top: 24px;
}
.p-not-found .btn {
  width: 254px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 50px;
}
.p-not-found .btn.btn-link {
  color: #000000;
}

.p-sign-up {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-sign-up__text {
  line-height: 160%;
  max-width: 367px;
}
.p-sign-up .btn {
  width: 192px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.totlip {
  position: relative;
  cursor: pointer;
}
.totlip:hover .totlip__block {
  display: block;
}
.totlip__block {
  background: #FFFFFF;
  box-shadow: 6px -6px 24px rgba(0, 0, 0, 0.12), 0px 4px 24px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 16px;
  position: absolute;
  top: -80px;
  left: -57px;
  width: 268px;
  display: none;
}
.totlip__content {
  position: relative;
  font-size: 12px;
  line-height: 160%;
}
.totlip__content .text-blue {
  font-weight: 700;
}
.totlip__content::before {
  content: "";
  position: absolute;
  bottom: -26px;
  left: 41px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
}

.transfer .modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 288px;
}
.transfer__company-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.transfer__balance {
  display: flex;
  align-items: center;
  gap: 6px;
}
.transfer__balance-text {
  font-size: 12px;
  line-height: 160%;
  opacity: 0.6;
}
.transfer__balance-count {
  font-weight: 700;
  font-size: 12px;
  line-height: 160%;
}
.transfer__select-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.transfer__select-name {
  font-size: 12px;
  line-height: 160%;
  opacity: 0.6;
}
.transfer .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  font-size: 14px;
  line-height: 170%;
  height: 48px;
}
.transfer__history {
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.p-bill__top {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.p-bill .btn {
  width: 128px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 160%;
  color: #FFFFFF;
}
.p-bill__select-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-bill__select-block .v-select {
  width: 80px;
  height: 36px;
}
.p-bill__select-block .v-select .vs__dropdown-menu {
  top: 35px;
}
.p-bill__select-block .v-select input {
  display: none;
}
.p-bill__table {
  margin-top: 36px;
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding-bottom: 36px;
}
.p-bill__table .td-id {
  font-weight: 700;
}
.p-bill__table .td-name {
  width: 102px;
}
.p-bill__table .td-status {
  font-weight: 700;
  color: #276EF7;
}
.p-bill__table .td-sum-block {
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-bill__table .td-sum span {
  font-weight: 700;
}
.p-bill__table .td-btns {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-bill__table .td-btns button {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-bill__table .td-btns button:hover {
  color: #276EF6;
}
.p-bill__table .td-btns .detete {
  background: transparent;
}
.p-bill__table .td-line {
  background-color: rgba(0, 0, 0, 0.1);
  width: 1px;
  height: 24px;
}
.p-bill__table .table-pagination {
  margin-top: 64px;
}

.p-checks__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-checks__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-checks__select-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-checks__select-btn .v-select {
  width: 80px;
  height: 36px;
}
.p-checks__select-btn .v-select .vs__dropdown-menu {
  top: 35px;
}
.p-checks__select-btn .v-select input {
  display: none;
}
.p-checks__btn {
  width: 127px;
  height: 36px;
  background: rgba(39, 110, 247, 0.1);
  border-radius: 8px;
  font-size: 12px;
  line-height: 160%;
  color: #276EF6;
  transition: 0.3s ease;
}
.p-checks__btn:hover {
  background: rgba(140, 179, 255, 0.1);
  transition: 0.3s ease;
}
.p-checks__btn:active {
  background: rgba(39, 110, 247, 0.2);
  transition: 0.3s ease;
}
.p-checks__text {
  font-size: 14px;
  line-height: 160%;
  opacity: 0.6;
}
.p-checks__btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-checks__btns button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7.5px 11px;
}

.p-transaction .td-appointment-block {
  width: 320px;
}
.p-transaction .td-appointment {
  max-width: 262px;
}
.p-transaction .transaction-status {
  font-weight: 700;
  color: #4EBC65;
}
.p-transaction .select-transaction {
  width: 80px;
  height: 36px;
  background-color: #FFFFFF;
}

.modal-feedback .leave-feedback__files {
  margin-top: 0;
}
.modal-feedback .modal-body {
  max-width: 843px;
}
.modal-feedback__top {
  display: flex;
  align-items: center;
  gap: 24px;
}
.modal-feedback__img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
}
.modal-feedback__img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-feedback__title-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.modal-feedback__top-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.modal-feedback__top-link {
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 160%;
}
.modal-feedback__top-link span {
  transition: 0.3s ease;
}
.modal-feedback__top-link:hover span {
  text-decoration: underline;
  transition: 0.3s ease;
}
.modal-feedback__title {
  margin-top: 36px;
}
.modal-feedback__info {
  width: 100%;
  height: 72px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px;
  margin-top: 36px;
}
.modal-feedback__info-text {
  font-size: 14px;
  line-height: 170%;
  letter-spacing: -0.2px;
}
.modal-feedback__info-link {
  font-weight: 700;
  color: #276EF6;
}
.modal-feedback__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-top: 36px;
}
.modal-feedback__radio {
  display: flex;
  flex-direction: column;
  height: 402px;
}
.modal-feedback__radio-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
}
.modal-feedback__radio-block {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
}
.modal-feedback__radio-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-feedback__radio-btns button {
  width: 116px;
  height: 48px;
  display: flex;
  justify-content: center;
}
.modal-feedback__inputs {
  max-width: 537px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal-feedback__inputs textarea {
  height: 144px;
}
.modal-feedback__inputs-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.modal-feedback__inputs-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
}

.p-feedback .profile-page__tabs {
  margin-top: 0;
}
.p-feedback__top-title {
  font-size: 36px;
}
.p-feedback__tabs {
  gap: 12px;
}
.p-feedback__tabs .tab {
  padding: 6px 12px;
  font-size: 14px;
}
.p-feedback__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-feedback__top-left {
  display: flex;
  align-items: center;
  gap: 31px;
}
.p-feedback__top-count {
  font-size: 14px;
  line-height: 170%;
}
.p-feedback__top-count span {
  font-weight: 700;
}
.p-feedback__dot {
  min-width: 6.67px;
  height: 6.67px;
  border-radius: 50%;
  background: #276EF6;
}
.p-feedback__select-block {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-feedback__label {
  font-size: 14px;
}
.p-feedback .v-select {
  width: 144px;
  height: 48px;
}
.p-feedback__section {
  margin-top: 45px;
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
.p-feedback__section-top {
  padding: 36px 36px 20px;
  display: flex;
  align-items: center;
  gap: 98px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.p-feedback__section-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 24px 36px 24px 0;
}
.p-feedback__info-block {
  display: flex;
  align-items: center;
  gap: 16px;
}
.p-feedback__avatar {
  width: 36px;
  height: 36px;
  background: #f2f2f2;
  border-radius: 4px;
}
.p-feedback__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.p-feedback__name {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #276EF6;
}
.p-feedback__info-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-feedback__sum {
  font-weight: 700;
  font-size: 12px;
  line-height: 160%;
}
.p-feedback__id {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.p-feedback__id span {
  font-weight: 700;
}
.p-feedback__bottom {
  padding: 24px 36px 36px;
}
.p-feedback__bottom-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-feedback__bottom-btns button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  font-size: 12px;
  line-height: 160%;
  color: #000000;
}

.p-new-feedback {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.p-new-feedback .message-list {
  max-width: 564px;
  width: 100%;
  position: relative;
}
.p-new-feedback .message-list.notify .message-list__content {
  gap: 12px;
}
.p-new-feedback .message-list.notify .message-list__content .message-list__item {
  max-width: 488px;
  padding: 0px 0px 0px 24px;
}
.p-new-feedback .message-list.notify .message-list__content .message-list__item:not(:last-child) > div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.p-new-feedback .message-list.notify .message-list__content .message-list__item > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 12px 21px 12px 0px;
}
.p-new-feedback .message-list.notify .message-list__content .message-list__item:hover {
  background: rgba(39, 110, 246, 0.04);
  border-radius: 0px 8px 8px 0px;
}
.p-new-feedback .message-list.notify .message-list__content .message-list__item:hover > div {
  border-bottom: 1px solid rgba(39, 110, 246, 0.04);
}
.p-new-feedback .message-list.notify .message-list__search-block {
  max-width: 100%;
}
.p-new-feedback .message-list.notify .message-list__search-block input {
  padding: 12px 38px 12px 16px;
}
.p-new-feedback .message-list.notify .message-list__search-block svg {
  position: absolute;
  top: 10px;
  right: 16px;
}
.p-new-feedback .message-list.notify .message-list__item-content {
  flex-direction: row;
  gap: 12px;
  width: 100%;
}
.p-new-feedback .message-list.notify .message-list__item-content .checkbox {
  margin-top: 6px;
}
.p-new-feedback .message-list.notify .message-list__item-message {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.p-new-feedback .message-list.notify .message-list__item-block {
  flex-direction: column;
  align-items: flex-start;
}
.p-new-feedback .message-list.notify .message-list__item-block p {
  padding-left: 0;
}
.p-new-feedback .message-list__top {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 512px;
  position: absolute;
  top: 0;
  z-index: 10;
  background: white;
  width: 100%;
  padding-left: 24px;
}
.p-new-feedback .message-list__search-block {
  position: relative;
  max-width: 238px;
  width: 100%;
}
.p-new-feedback .message-list__search-block .input {
  width: 100%;
}
.p-new-feedback .message-list__search-block .svg {
  position: absolute;
  top: 10px;
  right: 16px;
}
.p-new-feedback .message-list .v-select {
  width: 100%;
  max-width: 238px;
}
.p-new-feedback .message-list__content {
  padding-top: 68px;
  height: 584px;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.p-new-feedback .message-list__content::-webkit-scrollbar {
  width: 4px;
}
.p-new-feedback .message-list__content::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 96px;
}
.p-new-feedback .message-list__content::-webkit-scrollbar-thumb {
  border-radius: 96px;
  background-color: #276EF6;
}
.p-new-feedback .message-list__block {
  padding-bottom: 1rem;
  padding-left: 24px;
  max-width: 516px;
  padding-top: 15px;
  position: relative;
}
.p-new-feedback .message-list__block:hover {
  background: rgba(39, 110, 246, 0.04);
  border-radius: 0px 8px 8px 0px;
}
.p-new-feedback .message-list__block:hover .message-list__item {
  border: none !important;
  padding-bottom: 13px;
}
.p-new-feedback .message-list .hover {
  background: rgba(39, 110, 246, 0.04);
  border-radius: 0px 8px 8px 0px;
}
.p-new-feedback .message-list .hover .message-list__item {
  border: none !important;
  padding-bottom: 13px;
}
.p-new-feedback .message-list .hover:not(:last-child) .message-list__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.p-new-feedback .message-list__item {
  padding: 0px 4px 12px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 452px;
  cursor: pointer;
}
.p-new-feedback .message-list__item-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p-new-feedback .message-list__item-time {
  font-size: 12px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-new-feedback .message-list__item-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-new-feedback .message-list__item-top .checkbox {
  margin-top: 6px;
}
.p-new-feedback .message-list__item-text {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
  padding-left: 30px;
  max-width: 330px;
  max-height: 37px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.p-new-feedback .message-list__item-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-new-feedback .message-list__item-number {
  font-size: 14px;
  line-height: 170%;
}
.p-new-feedback .message-list__item-name {
  font-size: 14px;
  line-height: 160%;
  color: #276EF6;
}
.p-new-feedback .message-content {
  max-width: 700px;
  width: 100%;
  height: 100%;
}
.p-new-feedback .message-content__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.p-new-feedback .message-content__top-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p-new-feedback .message-content__top-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-new-feedback .message-content__top-icon button {
  background-color: transparent;
  transition: 0.2s ease;
}
.p-new-feedback .message-content__top-icon button:active {
  transform: scale(0.96);
  transition: 0.2s ease;
}
.p-new-feedback .message-content__top-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.p-new-feedback .message-content__top-info span {
  font-weight: 700;
}
.p-new-feedback .message-content__top-info img {
  width: 21px;
  height: 15px;
  border-radius: 3px;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-new-feedback .message-content__top-country {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-new-feedback .message-content__top-text {
  font-weight: 600;
  font-size: 12px;
  line-height: 160%;
}
.p-new-feedback .message-content__top-link {
  font-size: 12px;
  line-height: 160%;
  color: #276EF6;
}
.p-new-feedback .message-content__top-link:hover {
  text-decoration: underline;
}
.p-new-feedback .message-content__section {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 500px;
}
.p-new-feedback .message-content__items {
  flex: 1 1 auto;
}
.p-new-feedback .message-content__item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  max-width: 654px;
  background: rgba(39, 159, 247, 0.1);
  border-radius: 8px;
  padding: 12px 16px;
}
.p-new-feedback .message-content__item-time {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.p-new-feedback .message-content__like {
  margin-top: 36px;
  display: flex;
  gap: 36px;
}
.p-new-feedback .message-content__like-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.p-new-feedback .message-content__like-label {
  font-weight: 600;
  font-size: 12px;
  line-height: 170%;
}
.p-new-feedback .message-content__appeal {
  background: rgba(217, 159, 9, 0.1);
  border-radius: 8px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  text-decoration-line: underline;
  color: #4EBC65;
  margin-top: 36px;
}
.p-new-feedback .message-content__send {
  position: relative;
}
.p-new-feedback .message-content__send input {
  width: 100%;
  height: 52px;
  padding-right: 135px;
}
.p-new-feedback .message-content__send-btns {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer !important;
}
.p-new-feedback .message-content__send-icon {
  background-color: transparent;
}
.p-new-feedback .message-content__send-icon label {
  cursor: pointer !important;
  transition: 0.3s;
}
.p-new-feedback .message-content__send .btn {
  width: 91px;
  height: 28px;
  border-radius: 96px;
  justify-content: center;
}

.icon-yellow:hover svg rect:nth-child(1), .icon-yellow-active svg rect:nth-child(1) {
  fill: #D99F09;
}
.icon-yellow:hover svg path, .icon-yellow-active svg path {
  stroke: white;
  fill: white;
}
.icon-black:hover svg rect:nth-child(1), .icon-black-active svg rect:nth-child(1) {
  fill: black;
}
.icon-black:hover svg path, .icon-black-active svg path {
  stroke: white;
  fill: white;
}
.icon-blue:hover svg rect:nth-child(1), .icon-blue-active svg rect:nth-child(1) {
  fill: #276EF7;
}
.icon-blue:hover svg path, .icon-blue-active svg path {
  stroke: white;
  fill: white;
}
.icon-red:hover svg rect:nth-child(1), .icon-red-active svg rect:nth-child(1) {
  fill: #E41D1D;
}
.icon-red:hover svg path, .icon-red-active svg path {
  stroke: #E41D1D;
  fill: white;
}

.advertisement {
  display: grid;
  grid-template-columns: 319px 1fr;
  grid-gap: 36px;
  gap: 36px;
  margin-top: -5px;
}
.advertisement .section-product__header .section-product__select-block {
  justify-content: flex-end;
}
.advertisement .section-product__header .section-product__select-block:first-child {
  justify-content: flex-start;
}
.advertisement .section-product__header .section-product__block-all-icons {
  justify-content: flex-end;
}
.advertisement .section-filter__content {
  margin-top: 24px;
}
.advertisement .section-filter__content .accordeon-form .input[type=checkbox]:checked + label::after {
  top: 8px;
}
.advertisement .section-filter__content .accordeon-form input[type=checkbox]:checked + label:before {
  color: #276EF6;
  border: 1.5px solid #276EF6;
}
.advertisement .section-filter__content .accordeon-form input[type=checkbox] + label:before {
  content: "";
  border: 1.5px solid #000000;
  border-radius: 0.2em;
  display: inline-block;
  width: 16px;
  height: 16px;
  color: transparent;
  transition: 0.2s;
}
.advertisement__filter-content {
  margin-top: 48px;
}
.advertisement__search-block {
  width: 100%;
  position: relative;
}
.advertisement__search-block input {
  width: 100%;
}
.advertisement__search-block svg {
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 10;
  background-color: #FFFFFF;
}
.advertisement .v-select .vs__dropdown-option {
  justify-content: flex-start;
}
.advertisement .v-select .vs__dropdown-menu {
  top: 35px;
}
.advertisement .v-select input {
  display: none;
}
.advertisement__btns-block {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.advertisement__btns {
  max-width: 650px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.advertisement__btns button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  font-size: 12px;
  line-height: 160%;
  color: #000000;
}
.advertisement__items {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 30px;
  flex-direction: column;
}
.advertisement__pagination {
  margin-top: 96px;
}
.advertisement__pagination .pagination__pages {
  gap: 5px;
  align-items: flex-end;
}

.item-adv {
  width: 100%;
}
.item-adv .checkbox {
  min-width: 16px;
  margin: 0 0 3px 3px;
}
.item-adv__dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
}
.item-adv__status-select {
  width: 100%;
  height: 36px;
  border: none;
}
.item-adv__status-select.green {
  background: rgba(46, 170, 73, 0.1);
}
.item-adv__status-select.green .multiselect-single-label {
  color: #0B7522 !important;
}
.item-adv__status-select.blue {
  background: rgba(39, 110, 247, 0.1);
}
.item-adv__status-select.blue .multiselect-single-label {
  color: #276EF6 !important;
}
.item-adv__status-select.red {
  background: rgba(228, 29, 29, 0.05);
}
.item-adv__status-select.red .multiselect-single-label {
  color: #DA4747 !important;
}
.item-adv__status-select.is-active {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.item-adv__status-select.is-open {
  border-radius: 8px 8px 0px 0px !important;
  border-bottom: none;
}
.item-adv__status-select .multiselect-single-label {
  padding-left: 12px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-adv__status-select .multiselect-single-label .dot-block {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.item-adv__status-select .multiselect-dropdown {
  border-radius: 0px 0px 8px 8px !important;
  border-top: none;
  bottom: 2px;
}
.item-adv__status-select .multiselect-dropdown li .options-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-adv__status-select .multiselect-dropdown li .options-block .dot-block {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.item-adv__status-select .multiselect-dropdown .multiselect-option.is-selected {
  display: none;
}
.item-adv__status-select .multiselect-dropdown .vs__selected {
  border-radius: 8px;
  width: 100%;
}
.item-adv__status-select .multiselect-dropdown .vs__selected div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-adv__status-select .multiselect-dropdown .vs__dropdown-menu {
  border: none;
  box-shadow: none;
  border-radius: 0 0 8px 8px;
  padding: 0;
}
.item-adv__status-select .vs__dropdown-option--selected {
  display: none;
}
.item-adv__top {
  display: flex;
  align-items: center;
  gap: 14px;
}
.item-adv__top-btns {
  display: flex;
  align-items: center;
  gap: 7px;
}
.item-adv__activate {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 170%;
  color: #D99F09;
  background: rgba(249, 221, 9, 0.1);
  border-radius: 8px;
  transition: 0.3s ease;
}
.item-adv__activate:hover {
  background: rgba(249, 221, 9, 0.3);
  transition: 0.3s ease;
}
.item-adv__activate:active {
  background: rgba(249, 221, 9, 0.5);
  transition: 0.3s ease;
}
.item-adv .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: 14px;
  line-height: 170%;
  color: #000000;
}
.item-adv .btn .count {
  width: 24px;
  height: 24px;
  background: #F9DD09;
  border-radius: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 160%;
  color: #000000;
}
.item-adv__top-icons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-adv__top-icons button {
  background-color: transparent;
}
.item-adv__top-icons button:nth-child(1):hover svg rect:nth-child(1) {
  fill: #276EF7;
}
.item-adv__top-icons button:nth-child(1):hover svg path {
  fill: #276EF7;
  stroke: white;
}
.item-adv__top-icons button:nth-child(2):hover svg rect:nth-child(1) {
  fill: #DA4747;
}
.item-adv__top-icons button:nth-child(2):hover svg path {
  stroke: white;
}
.item-adv__top-icons button.delete-btn:hover svg rect:nth-child(1) {
  fill: black;
}
.item-adv__top-icons button.delete-btn:hover svg path:nth-child(1) {
  fill: black;
  stroke: white;
}
.item-adv .notes {
  position: relative;
}
.item-adv .notes .notes-modal .modal {
  max-width: 1082px;
  width: 100%;
}
.item-adv .notes .notes-modal .modal-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.item-adv .notes .notes-modal__add {
  max-width: 432px;
  width: 100%;
}
.item-adv .notes .notes-modal__add-time {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
.item-adv .notes .notes-modal__add-inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.item-adv .notes .notes-modal__add-inputs input {
  height: 48px;
}
.item-adv .notes .notes-modal__add-inputs textarea {
  height: 128px;
  resize: none;
}
.item-adv .notes .notes-modal__add button {
  margin-top: 24px;
  font-size: 14px;
  line-height: 170%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 8px;
  padding: 11px 23px;
  height: 48px;
}
.item-adv .notes .notes-modal__list {
  max-width: 428px;
  width: 100%;
}
.item-adv .notes .notes-modal__list-items {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 312px;
  width: 100%;
  overflow: auto;
  padding-right: 28px;
}
.item-adv .notes .notes-modal__list-items::-webkit-scrollbar {
  width: 4px;
}
.item-adv .notes .notes-modal__list-items::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 96px;
}
.item-adv .notes .notes-modal__list-items::-webkit-scrollbar-thumb {
  border-radius: 96px;
  background-color: #276EF6;
}
.item-adv .notes .notes-modal__list-item {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 12px;
}
.item-adv .notes .notes-modal__list-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.item-adv .notes .notes-modal__list-time {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.item-adv .notes .notes-modal__list-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
}
.item-adv .notes .notes-modal__list-text {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.item-adv .notes .notes-modal__list-icon {
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}
.item-adv .notes .notes-modal__list .btn {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 14px;
  line-height: 170%;
  width: 169px;
  height: 48px;
  margin-top: 50px;
}
.item-adv .notes .notes-modal__text {
  font-size: 14px;
  line-height: 170%;
  margin-top: 16px;
}
.item-adv .notes .notes-modal__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #276EF6;
  margin-top: 24px;
}
.item-adv .notes .notes-modal__img {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-adv .notes .notes-modal__img img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.item-adv .labels .labels-modal .modal {
  max-width: 739px;
  width: 100%;
}
.item-adv .labels .labels-modal__top {
  display: flex;
  align-items: center;
  gap: 24px;
}
.item-adv .labels .labels-modal__top-img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
}
.item-adv .labels .labels-modal__top-img img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-adv .labels .labels-modal__top-left {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.item-adv .labels .labels-modal__top-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.item-adv .labels .labels-modal__top-link {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.item-adv .labels .labels-modal__top-link:hover {
  text-decoration: underline;
}
.item-adv .labels .labels-modal__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  margin-top: 24px;
}
.item-adv .labels .labels-modal__text {
  font-size: 14px;
  line-height: 170%;
  margin-top: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.item-adv .labels .labels-modal__subtitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  margin-top: 16px;
}
.item-adv .labels .labels-modal .input {
  max-width: 544px;
  height: 48px;
  width: 100%;
  margin-top: 24px;
}
.item-adv .labels .labels-modal__colors {
  max-width: 294px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.item-adv .labels .labels-modal__color {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.item-adv .labels .labels-modal__color:first-child {
  border: 1px solid rgba(39, 110, 246, 0.1);
}
.item-adv .labels .labels-modal__color.active::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  outline: 1px solid #276EF6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item-adv .labels .labels-modal__btns {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
}
.item-adv .labels .labels-modal__btns .btn {
  width: 140px;
  height: 48px;
  justify-content: center;
  font-size: 14px;
  line-height: 170%;
  color: #FFFFFF;
}
.item-adv .labels .labels-modal__btns .btn-white {
  color: #000000;
}
.item-adv .labels .labels-modal__select-content {
  margin-top: 36px;
  display: flex;
  align-items: flex-start;
  gap: 36px;
}
.item-adv .labels .labels-modal__select-block {
  max-width: 288px;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select {
  margin-top: 36px;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .multiselect__option--highlight:after {
  background-color: transparent;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .multiselect__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 24px;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .multiselect__option.multiselect__option--selected::after {
  border-bottom: 1.5px solid #276EF6;
  border-right: 1.5px solid #276EF6;
  border-top: 0px solid #276EF6;
  border-left: 0px solid #276EF6;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .multiselect__option::before {
  content: "";
  border: 1.5px solid #000000;
  flex: 0 0 16px;
  height: 16px;
  border-radius: 2px;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .multiselect__option::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5.5px;
  width: 5px;
  height: 8px;
  border-bottom: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  transform: rotate(44deg);
  padding-left: 0;
  padding-right: 0;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .select-options__name {
  color: #000000;
}
.item-adv .labels .labels-modal__select-block .labels-modal__select .select-options__name:hover {
  color: #276EF6;
}
.item-adv .labels .labels-modal__select-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.item-adv .labels .labels-modal__text-block {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.item-adv .labels .labels-modal__text-block p {
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.item-adv .labels .labels-modal__text-block p::before {
  content: "";
  flex: 0 0 3px;
  height: 3px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  margin-top: 8px;
}
.item-adv__content {
  margin-top: 12px;
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 20px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.item-adv__content .top {
  margin-right: auto;
}
.item-adv__block-content {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.item-adv__info {
  display: flex;
  flex-direction: column;
  gap: 11px;
  flex: 1 1 auto;
}
.item-adv__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.item-adv__location-block {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.item-adv__location {
  display: flex;
  align-items: center;
  gap: 8px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
}
.item-adv__date-block {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
}
.item-adv__date {
  display: flex;
  align-items: center;
  gap: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
}
.item-adv__switch {
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-adv__statistics-block {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 160%;
  text-decoration-line: underline;
}
.item-adv__statistics {
  display: flex;
  align-items: center;
  gap: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
}
.item-adv__id {
  display: flex;
  align-items: center;
  gap: 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
}
.item-adv__colors {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
}
.item-adv__color {
  width: 16px;
  height: 16px;
  background: #276EF7;
  border-radius: 4px;
  cursor: pointer;
}
.item-adv__price-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-adv__price-show {
  font-size: 14px;
  line-height: 160%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
}
.item-adv__price-show span {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
}
.item-adv__price-hidden {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  text-decoration-line: underline;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
}
.item-adv__price-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 160%;
  cursor: pointer;
}
.item-adv__price-btn:hover {
  text-decoration: underline;
}
.item-adv__price-edit {
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-adv__price-edit input {
  width: 96px;
  height: 23px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 160%;
  padding: 2px 6px;
}
.item-adv__action-content {
  width: 160px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.item-adv__position {
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-adv__position-text {
  font-size: 12px;
  line-height: 160%;
}
.item-adv__position-text span {
  font-weight: 700;
}
.item-adv button {
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.item-adv__advertising {
  background: rgba(249, 221, 9, 0.1);
  border: 1px solid #F9DD09;
  border-radius: 8px;
  transition: 0.3s ease;
}
.item-adv__advertising.active {
  border: none;
  background: #F9DD09;
}
.item-adv__advertising.active:hover {
  transition: 0.3s ease;
  background: #FFEF73;
}
.item-adv__advertising.active:active {
  transition: 0.3s ease;
  background: #DCC200;
}
.item-adv__advertising.active svg {
  display: inline-block;
}
.item-adv__advertising:hover {
  background: rgba(249, 221, 9, 0.3);
  transition: 0.3s ease;
}
.item-adv__advertising:active {
  background: rgba(249, 221, 9, 0.5);
  transition: 0.3s ease;
}
.item-adv__advertising svg {
  display: none;
}

.color-modal {
  padding: 100px 100px 100px 19%;
  justify-content: flex-start;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.color-modal .modal-filter {
  padding: 16px;
  width: 220px;
  border-radius: 8px;
}
.color-modal .modal-filter::before {
  top: 124px;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 16px 0 16px;
  border-color: #FFFFFF transparent transparent transparent;
}
.color-modal__items {
  height: 92px;
  overflow: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 28px;
}
.color-modal__items::-webkit-scrollbar {
  width: 4px;
}
.color-modal__items::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 96px;
}
.color-modal__items::-webkit-scrollbar-thumb {
  border-radius: 96px;
  background-color: #276EF6;
}
.color-modal__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  height: 20px;
}
.color-modal__color-block {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 160%;
  gap: 12px;
}
.color-modal__delete {
  cursor: pointer;
}

.delete-modal .modal {
  max-width: 405px;
  width: 100%;
}
.delete-modal__text {
  margin-top: 24px;
  font-size: 12px;
  line-height: 160%;
}
.delete-modal__text span {
  font-weight: 700;
}
.delete-modal__notify {
  margin-top: 24px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 8px;
}
.delete-modal__notify-text {
  font-size: 12px;
  line-height: 160%;
}
.delete-modal__btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 36px;
}
.delete-modal__btns button {
  width: 100%;
  height: 48px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.activate-ad .activate-icons__icon {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.activate-ad .activate-icons__icon:hover {
  transition: all 0.3s ease;
}
.activate-ad .activate-icons__icon:active {
  transition: all 0.3s ease;
  transform: scale(0.95);
}
.activate-ad .general-tab {
  margin-top: 32px !important;
}
.activate-ad .general-tab__information {
  flex: 0 0 531px;
}
.activate-ad .general-tab__accordeons {
  margin-top: 62px;
}
.activate-ad .advertising-page__tab {
  gap: 8px;
}
.activate-ad .advertising-page__tab .tab {
  font-size: 14px;
  line-height: 170%;
  padding: 11px 15px;
}
.activate-ad .advertising-page__tab .tab.active {
  font-weight: 400;
}
.activate-ad .information__name-block {
  margin-top: 36px;
}
.activate-ad__labels {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.activate-ad__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 96px;
  width: 119px;
  height: 28px;
  font-size: 12px;
  line-height: 160%;
}
.activate-ad__label svg {
  cursor: pointer;
}
.activate-ad__label-block {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.activate-ad__actions {
  position: relative;
}
.activate-ad__actions-top {
  font-size: 14px;
  line-height: 170%;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(39, 110, 247, 0.1);
  border-radius: 8px;
  cursor: pointer;
}
.activate-ad__actions-modal {
  padding: 100px 100px 100px 19%;
  justify-content: flex-start;
  position: absolute;
  top: -500px;
  height: 2000px;
  width: 3000px;
  left: -1300px;
}
.activate-ad__actions-modal .modal-filter {
  top: -289px;
  left: 1260px;
  width: 215px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08), 6px -6px 24px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 0;
}
.activate-ad__actions-modal .activate-ad__actions-top {
  border-radius: 8px 8px 0 0;
}
.activate-ad__actions-content {
  background: #FFFFFF;
  padding: 16px 0px;
  border-radius: 0 0 8px 8px;
  cursor: pointer;
}
.activate-ad__actions-item {
  padding: 0 16px;
  font-size: 14px;
  line-height: 270%;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease;
  width: 100%;
  color: #000000;
}
.activate-ad__actions-item:hover {
  transition: 0.3s ease;
  background: rgba(236, 240, 241, 0.6);
}
.activate-ad__content {
  margin-top: 36px;
}
.activate-ad__content-top {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}
.activate-ad__content-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.activate-ad__status-postponed {
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 48px;
  gap: 8px;
  background: rgba(39, 110, 247, 0.1);
  border-radius: 8px;
  color: #276EF6;
}
.activate-ad__status-active {
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4EBC65;
  width: 150px;
  height: 48px;
  gap: 8px;
  background: rgba(78, 188, 101, 0.1);
  border-radius: 8px;
}
.activate-ad__status-archived {
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  height: 48px;
  gap: 8px;
  background: rgba(39, 110, 247, 0.1);
  border-radius: 8px;
  color: #276EF6;
}
.activate-ad__attention {
  margin-top: 36px;
  max-width: 863px;
}
.activate-ad .general-tab {
  margin-top: 36px;
}
.activate-ad__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
  flex-wrap: wrap;
}
.activate-ad__buttons button, .activate-ad__buttons a {
  padding: 11px 15px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 170%;
  gap: 6px;
}
.activate-ad .feedback-tab__select-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.activate-ad .feedback-tab__select-block .v-select {
  height: 48px !important;
}
.activate-ad .feedback-tab__select-block .v-select .vs__dropdown-menu {
  top: 48px;
}

.a-contact {
  margin-top: 36px;
}
.a-contact .information-contacts__data {
  margin-top: 0;
}
.a-contact .information-contacts__address {
  margin-top: 0;
}
.a-contact .title-tab {
  font-size: 24px;
}
.a-contact__content {
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 36px;
  justify-content: space-between;
  margin-top: 36px;
}
.a-contact__content .information-contacts__status-block {
  max-width: 305px;
}
.a-contact__block {
  display: flex;
  align-items: flex-start;
  gap: 36px;
}
.a-contact__block.is-user {
  flex-direction: column;
  gap: 48px;
}

.a-logistics {
  margin-top: 36px;
}
.a-logistics .title-tab {
  font-size: 24px;
}

.a-feedback {
  margin-top: 27px;
}
.a-feedback .title-tab {
  padding-bottom: 12px;
}
.a-feedback .item-feedback__header {
  margin-left: 10px;
  gap: 12px;
}
.a-feedback .item-feedback__date {
  margin-right: 10px;
}
.a-feedback .item-feedback__element {
  padding: 8px 14px !important;
}
.a-feedback .item-feedback__content {
  margin-left: 10px;
}
.a-feedback .feedback-tab__pagination {
  margin-top: 75px;
}
.a-feedback .pagination__pages {
  gap: 5px;
  align-items: flex-end;
}
.a-feedback .feedback-tab__title-block {
  margin-top: 0;
}
.a-feedback .feedback-tab__title {
  font-size: 24px;
}

.page-message__content {
  margin-top: 32px;
}
.page-message .p-feedback__section-top {
  gap: 31px;
}
.page-message .profile-page__tabs {
  margin-top: 0;
  gap: 8px;
}
.page-message .profile-page__tabs .tab {
  padding: 5px 11px;
  font-size: 14px;
}
.page-message__tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.page-message__tab {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 170%;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: #000000;
  padding: 0 11px;
  cursor: pointer;
}
.page-message__tab .tab-count {
  font-size: 12px;
  line-height: 160%;
  color: #000000;
  padding: 0 8.6px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 64px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.page-message__tab:nth-child(1) .svg-m {
  transform: rotateY(0deg);
  transition: 0.5s;
}
.page-message__tab:nth-child(1) .svg-n {
  display: none;
}
.page-message__tab:nth-child(2) .svg-n {
  transform: rotateY(0deg);
  transition: 0.5s;
}
.page-message__tab:nth-child(2) .svg-m {
  display: none;
}
.page-message__tab.active:nth-child(1) {
  background: #DA4747;
  padding: 0 12px;
  color: #FFFFFF;
  font-weight: 600;
}
.page-message__tab.active:nth-child(1) .svg-m path {
  stroke: #FFFFFF;
}
.page-message__tab.active:nth-child(2) {
  background: #35A591;
  padding: 0 12px;
  color: #FFFFFF;
  font-weight: 600;
}
.page-message__tab.active:nth-child(2) .svg-n path {
  fill: #FFFFFF;
}
.page-message .message-content__items {
  display: flex;
  flex-direction: column-reverse !important;
  gap: 12px;
  height: 387px;
  overflow-x: auto;
  padding: 1rem 0;
}
.page-message .message-content__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page-message .message-content__item.you {
  align-items: flex-end;
}
.page-message .message-content__item.you .message-content__item-text {
  background: rgba(39, 110, 247, 0.1);
}
.page-message .message-content__item .message-content__item-text {
  max-width: 430px;
  font-size: 12px;
  width: -moz-max-content;
  width: max-content;
}
.page-message .message-content__item .message-content__item-time {
  font-size: 12px;
}
.page-message .notification-content__top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.page-message .notification-content__email {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.page-message .notification-content__dot {
  width: 6px;
  height: 6px;
  background: #000000;
  border-radius: 50%;
}
.page-message .notification-content__time {
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.6);
}
.page-message .message-not-found {
  width: 100%;
  height: 584px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.page-message .message-not-found .message-not-found__text {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}

.message-content__send-icon {
  cursor: pointer;
}
.message-content__send-icon input {
  display: none;
}
.message-content__send-icon input label {
  cursor: pointer;
}

.p-subscribes__btn-select {
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-subscribes__btn {
  font-size: 14px;
  line-height: 170%;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-subscribes__items {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.p-subscribes__item {
  padding: 36px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.p-subscribes__pagination {
  padding: 0;
  margin-top: 48px;
}

.item-subscribe__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item-subscribe__top-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.item-subscribe__top-action {
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-subscribe__top-action button {
  background-color: transparent;
}
.item-subscribe__tags {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
}
.item-subscribe__tags svg {
  cursor: pointer;
}
.item-subscribe__image-block {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
}
.item-subscribe__image-block .btn {
  width: 48px;
  height: 48px;
  justify-content: center;
  border-radius: 6px;
}
.item-subscribe__img {
  width: 48px;
  height: 48px;
  border-radius: 6px;
}
.item-subscribe__img img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-subscribe__checkbox {
  margin-top: 16px;
}
.item-subscribe__confirm-block {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.item-subscribe__status {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 12px;
}
.item-subscribe__confirm-status {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
}
.item-subscribe__confirm-status .confirm {
  width: 97px;
  height: 28px;
}
.item-subscribe__confirm-status .confirm svg {
  display: none;
}
.item-subscribe__confirmed-status .confirmed {
  flex-direction: row-reverse;
}
.item-subscribe__confirm-select {
  display: flex;
  align-items: center;
  gap: 12px;
}
.item-subscribe__confirm-select .v-select {
  width: 128px;
}
.item-subscribe__confirm-text {
  font-size: 12px;
}
.item-subscribe__confirm-btn {
  font-size: 12px;
  padding: 4.5px 12px;
  border-radius: 4px;
}
.item-subscribe__social-block {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.item-subscribe__social-items {
  display: flex;
  align-items: center;
  gap: 12px;
}
.item-subscribe__social-item {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 7px;
  border-radius: 96px;
  font-size: 12px;
  line-height: 160%;
}
.item-subscribe__social-item .svg-confirmed {
  display: none;
}
.item-subscribe__social-item.is_confirmed .svg-confirmed {
  display: inline-block;
}
.item-subscribe__calendar {
  font-size: 12px;
  line-height: 170%;
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-subscribe__mobile {
  font-size: 14px;
  line-height: 170%;
}
.item-subscribe__mobile span {
  font-weight: 700;
}

.confirm-modal .modal {
  width: 490px;
  padding: 48px 36px;
}
.confirm-modal__title {
  text-align: center;
}
.confirm-modal__text {
  margin-top: 24px;
  text-align: center;
  font-size: 14px;
  line-height: 160%;
}
.confirm-modal__confirmed-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 313px;
  margin: 36px auto 0;
}
.confirm-modal__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.confirm-modal__social {
  width: 144px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  line-height: 170%;
}
.confirm-modal__social.tg {
  background: rgba(39, 159, 247, 0.1);
}
.confirm-modal__social.viber {
  background: rgba(91, 42, 230, 0.1);
}
.confirm-modal__social.whatsap {
  background: rgba(78, 188, 101, 0.1);
}
.confirm-modal__confirmed {
  gap: 8px;
  width: 161px;
  height: 48px;
  background: #4EBC65;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 170%;
  color: #FFFFFF;
}
.confirm-modal__btn {
  gap: 8px;
  width: 161px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 170%;
  color: #000000;
}

.subscribe-new {
  margin-top: 36px;
}
.subscribe-new__content {
  background: #FFFFFF;
  border-radius: 32px;
  padding: 36px;
  margin-top: 36px;
}
.subscribe-new__btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.subscribe-new__btns button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  gap: 8px;
  height: 48px;
  font-size: 14px;
  line-height: 170%;
}
.subscribe-new__btns button.btn-green-l {
  color: #FFFFFF;
}
.subscribe-new__section-block {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.subscribe-new__section {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.subscribe-new__section.bottom-section {
  justify-content: flex-start;
  gap: 150px;
}
.subscribe-new__section:not(:last-child) {
  padding-bottom: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.subscribe-new__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.subscribe-new__block .price-block {
  width: 317px;
}
.subscribe-new__block .price-block .small-input {
  width: 154px;
}
.subscribe-new__checkbox-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.subscribe-new .accordion-item__view-all {
  width: -moz-max-content;
  width: max-content;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .subscribe-new .accordion-item__view-all:hover {
    transition: all 0.3s ease;
    background: #D7E4FF;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
}
.subscribe-new .accordion-item__view-all:active {
  transition: all 0.3s ease;
  background: #98BBFF;
}
.subscribe-new__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
}
.subscribe-new__select-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
.subscribe-new__select-block .v-select {
  width: 240px;
}
.subscribe-new__select-block .subscribe-new__select-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
}
.subscribe-new__checkbox-bottom {
  height: 132px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  flex-wrap: wrap;
  width: 256px;
}

.p-settings__content {
  background: #FFFFFF;
  box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  margin-top: 36px;
  padding: 36px;
}
.p-settings .advertising-page__tab {
  gap: 8px;
}
.p-settings .advertising-page__tab .tab {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 170%;
}
.p-settings__section {
  margin-top: 44px;
}

.s-general__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #276EF6;
}
.s-general__upload-block {
  margin-top: 48px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.s-general__upload-block .upload {
  cursor: pointer;
}
.s-general__upload-block .upload-label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  cursor: pointer;
}
.s-general__upload-block .upload input[type=file] {
  display: none;
}
.s-general__upload-image {
  width: 96px;
  height: 96px;
  background: rgba(39, 110, 246, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.s-general__upload-image .img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-general__upload-text-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 340px;
}
.s-general__upload-text {
  font-size: 14px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.s-general__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.s-general__section {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.s-general__grid-block {
  margin-top: 36px;
}
.s-general__grid-block.grid3 {
  max-width: 926px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.s-general__grid-block.flex-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.s-general__grid-block.grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.s-general__select {
  z-index: 1;
}
.s-general__select .multiselect__option--highlight::after {
  background-color: transparent;
}
.s-general__select .multiselect__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.s-general__select .multiselect__option.multiselect__option--selected::after {
  border-bottom: 1.5px solid #276EF6;
  border-right: 1.5px solid #276EF6;
  border-top: 0 solid #276EF6;
  border-left: 0 solid #276EF6;
}
.s-general__select .multiselect__option::before {
  content: "";
  border: 1.5px solid #000000;
  flex: 0 0 16px;
  height: 16px;
  border-radius: 2px;
}
.s-general__select .multiselect__option::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5.5px;
  width: 5px;
  height: 8px;
  border-bottom: 1.5px solid transparent;
  border-right: 1.5px solid transparent;
  border-top: 0 solid transparent;
  border-left: 0 solid transparent;
  transform: rotate(44deg);
  padding-left: 0;
  padding-right: 0;
}
.s-general__select.lang .multiselect__option::after {
  top: 4px;
}
.s-general__select.lang .multiselect__tags-wrap span, .s-general__select.lang .multiselect__tags-wrap img {
  height: 18px;
}
.s-general__select.lang .option__desc img {
  height: 18px;
}
.s-general__select .multiselect__placeholder {
  color: rgba(0, 0, 0, 0.6) !important;
}
.s-general__select .multiselect__content {
  overflow: visible;
}
.s-general__select .multiselect__tags-wrap {
  gap: 8px;
}
.s-general__select .multiselect__tags-wrap span {
  padding-left: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.s-general__select .multiselect__tags-wrap span:first-child {
  border-left: 0;
  padding-left: 0;
}
.s-general__select .multiselect__tags-wrap span img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.s-general__select .option__desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.s-general__select .option__desc .option__title {
  flex: 1 1 auto;
  color: #000000;
}
.s-general__select .option__desc .option__title:hover {
  color: #276EF6;
}
.s-general__select .option__desc img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.s-general__select .multiselect__content-wrapper {
  max-height: 199px !important;
  bottom: auto;
  height: -moz-max-content;
  height: max-content;
}
.s-general__select .multiselect__content-wrapper .multiselect__content {
  height: -moz-max-content;
  height: max-content;
}
.s-general__input-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.s-general__input-block .v-select img {
  width: 24px;
  height: 18px;
  border-radius: 3px;
  -o-object-fit: cover;
     object-fit: cover;
}
.s-general__input-block .v-select .s-general__language {
  display: flex;
  align-items: center;
  width: 100%;
}
.s-general__input-block .v-select .s-general__language .s-general__language-label {
  flex: 1 1 auto;
  width: 100%;
}
.s-general__input-block .v-select .vs__selected-options {
  align-items: center;
  gap: 8px;
}
.s-general__input-block .v-select .s-general__language-select {
  height: 18px;
}
.s-general__input-block .v-select .vs__selected {
  background-color: transparent;
  height: -moz-max-content;
  height: max-content;
  border-radius: 0;
  border: none;
  padding-left: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.s-general__input-block .v-select .vs__selected:first-child {
  padding-left: 0;
  border-left: 0px solid rgba(0, 0, 0, 0.1);
}
.s-general__input-block .v-select .vs__selected .vs__deselect {
  display: none;
}
.s-general__input-block input {
  height: 48px;
  width: 100%;
}
.s-general .input-status {
  position: absolute;
  font-size: 10px;
  line-height: 170%;
  bottom: -19px;
  color: #E41D1D;
}
.s-general__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.s-general__grid2 {
  display: grid;
  grid-template-columns: minmax(200px, 300px) minmax(200px, 240px);
  row-gap: 20px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.s-general__add {
  margin-top: 36px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  text-decoration-line: underline;
  color: #276EF6;
}
.s-general .btn {
  width: 153px;
  height: 48px;
  margin-top: 48px;
  justify-content: center;
}
.s-general__switch-block {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.s-general__text-block {
  font-size: 14px;
  line-height: 170%;
}
.s-general__text-block span {
  color: #276EF6;
  font-weight: 700;
}

.s-confirm-modal .modal {
  width: 546px;
}
.s-confirm-modal__title {
  text-align: center;
}
.s-confirm-modal__text {
  font-size: 14px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
  max-width: 322px;
  margin: 24px auto 0;
  text-align: center;
}
.s-confirm-modal__section {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.s-confirm-modal__section-block {
  display: grid;
  grid-template-columns: 144px 1fr;
  gap: 8px;
}
.s-confirm-modal__btn {
  color: #000000;
  margin-top: 36px;
  width: 100% !important;
  height: 48px;
  justify-content: center;
  font-size: 14px;
}

.access-control .btn-link {
  color: #000000;
}
.access-control__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.access-control__text-block {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.access-control__subtitle {
  font-weight: 700;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.access-control__text {
  font-size: 14px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.access-control__btns {
  margin-top: 36px;
  width: 288px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.access-control__btns .btn {
  width: 100%;
  height: 48px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.password-change__inputs {
  margin-top: 48px;
  display: flex;
  gap: 24px;
}
.password-change__input-block {
  max-width: 367px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.password-change__input-block input {
  height: 48px;
}
.password-change__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
}
.password-change .btn {
  font-size: 14px;
  line-height: 170%;
  padding: 12px 24px;
  margin-top: 48px;
}

.account-deletion .btn {
  margin-top: 24px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 23px;
}

.auth-settings__content {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.auth-settings__settings {
  padding-right: 48px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.auth-settings__text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.auth-settings .btn {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  padding: 7px 15px;
}
.auth-settings__authentication-block {
  margin-top: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.auth-settings__switch-block {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.auth-settings__switch-block span {
  cursor: pointer;
  pointer-events: none;
  font-size: 12px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.3);
}
.auth-settings__switch-block span.on {
  pointer-events: auto;
  cursor: pointer;
  color: #000000;
}
.auth-settings__switch-block span.off {
  pointer-events: auto;
  cursor: pointer;
  color: #000000;
}
.auth-settings__switch-block .switch {
  width: 96px;
  height: 32px;
  margin-top: 3px;
  cursor: pointer;
}
.auth-settings__switch-block .switch .slider {
  width: 96px;
  height: 32px;
}
.auth-settings__email-tell {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.auth-settings__email {
  font-size: 14px;
  line-height: 160%;
}
.auth-settings__email span {
  color: #276EF6;
}
.auth-settings__tell {
  font-size: 14px;
  line-height: 160%;
}
.auth-settings__tell span {
  color: #276EF6;
}
.auth-settings__btn {
  background-color: transparent;
  display: flex;
  gap: 8px;
  font-size: 14px;
  line-height: 160%;
}
.auth-settings__btn:hover {
  text-decoration: underline;
}

.auth-settings__modal .modal {
  max-width: 432px;
  width: 100%;
  padding: 64px 96px 64px 64px;
}
.auth-settings__modal .v-select {
  margin-left: 32px;
}
.auth-settings__modal-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.auth-settings__modal-content {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auth-settings__modal-email {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
  color: #276EF6;
}
.auth-settings__modal-tell-block {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.auth-settings__modal-tell {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 12px;
  line-height: 160%;
}
.auth-settings__modal-social-block {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.auth-settings__modal .btn-blue-light {
  height: 48px;
  width: 240px;
  margin-left: auto;
  margin-top: 24px;
  font-size: 14px;
  line-height: 170%;
  justify-content: center;
  color: #000000;
}

.s-addresses__title {
  font-size: 18px;
  line-height: 160%;
  font-weight: 700;
}
.s-addresses__text {
  font-size: 14px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 24px;
}
.s-addresses__btns {
  margin-top: 24px;
  display: flex;
  gap: 8px;
}
.s-addresses__btns a {
  color: #000000;
}
.s-addresses__btns .btn-blue {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 170%;
  padding: 6px 16px;
}
.s-addresses__btns .btn-white {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  font-size: 12px;
}
.s-addresses__table td {
  padding-right: 10px;
}
.s-addresses__table .td-location {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 170%;
  text-decoration-line: underline;
  color: #276EF6;
  cursor: pointer;
}
.s-addresses__table .td-comments {
  display: inline-block;
  width: 284px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.address-modal .modal {
  max-width: 808px;
  width: 100%;
}
.address-modal__selects {
  margin-top: 43px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.address-modal__select-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.address-modal__label {
  font-weight: 600;
  font-size: 14px;
}
.address-modal__textarea-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 43px;
}
.address-modal__textarea-block textarea {
  height: 114px;
}
.address-modal__btns {
  margin-top: 43px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.address-modal__btns .btn-white {
  font-size: 14px;
  line-height: 170%;
  padding: 11px 23px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.address-modal__btns .btn-blue {
  font-size: 14px;
  line-height: 170%;
  padding: 12px 24px;
}

.map-modal .modal {
  max-width: 876px;
  width: 100%;
  padding: 24px 24px 36px;
}
.map-modal .modal .modal-close {
  display: none;
}
.map-modal__img {
  width: 100%;
  height: 444px;
}
.map-modal__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.map-modal__text-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 292px;
  margin: 36px auto 0;
  align-items: center;
}
.map-modal__text {
  font-size: 12px;
  line-height: 160%;
}
.map-modal .btn {
  font-size: 14px;
  line-height: 170%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  width: -moz-max-content;
  width: max-content;
}

.error-page {
  padding-top: 104px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.error-page__content {
  padding-top: 170px;
  flex: 1 1 auto;
}
.error-page__main {
  max-width: 1119px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 96px;
  align-items: flex-start;
}
.error-page__text-block {
  display: none;
  max-width: 285px;
  width: 100%;
}
.error-page__text-block.visit {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.error-page__text-block.visit p:nth-child(1) {
  font-weight: 700;
  font-size: 56px;
  line-height: 130%;
}
.error-page__text-block.visit p:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
}
.error-page__text-block.visit p:nth-child(3) {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.error-page__text-block.visit p:nth-child(3) span {
  font-weight: 700;
  color: #276EF6;
}
.error-page__text-block.visit div:nth-child(1) {
  font-weight: 700;
  font-size: 42px;
  line-height: 130%;
}
.error-page__text-block.visit div:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
}
.error-page__text-block.visit button {
  height: 48px;
  max-width: 247px;
  justify-content: center;
}
.error-page__text-block.second-visit {
  display: block;
}
.error-page__footer {
  height: 95px;
  flex: 0 0 95px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-page__bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 64px;
}
.error-page__bottom .swiper-block {
  margin-top: 64px !important;
}
.error-page__bottom .product-block, .error-page__bottom .swiper-block {
  display: none;
}
.error-page__bottom .product-block.visit-bottom, .error-page__bottom .swiper-block.visit-bottom {
  display: block;
}
.error-page__links {
  display: flex;
  align-items: center;
  gap: 8px;
}
.error-page__links a {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.error-page__links a:nth-child(1):hover {
  background-color: #2766DF;
}
.error-page__links a:nth-child(1):hover svg path {
  fill: white;
}
.error-page__links a:nth-child(2):hover {
  background-color: #5B2AE6;
}
.error-page__links a:nth-child(2):hover svg path {
  fill: white;
}
.error-page__links a:nth-child(3):hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.error-page__links a:nth-child(3):hover svg path {
  fill: white;
}
.error-page__links a:nth-child(4):hover {
  background: #3A99FF;
}
.error-page__links a:nth-child(4):hover svg path {
  fill: white;
}

.coming-son {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.coming-son__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 220px 15px 0;
}
.coming-son__title {
  margin-top: 24px;
  font-weight: 700;
  font-size: 56px;
  line-height: 130%;
}
.coming-son__text {
  max-width: 671px;
  text-align: center;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.6);
}
.coming-son__input-block {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 459px;
  width: 100%;
}
.coming-son__input-block input {
  height: 44px;
  max-width: 334px;
  width: 100%;
}
.coming-son__input-block button {
  width: 117px;
  flex: 0 0 117px;
  height: 44px;
  justify-content: center;
}

.site-map {
  padding-top: 110px;
}
.site-map__content {
  padding-top: 48px;
}
.site-map__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
}

.accordion {
  padding-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.accordion__child-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 0 12px 24px;
}
.accordion__title {
  display: flex;
  align-items: center;
  gap: 13px;
  cursor: pointer;
}
.accordion__title.arrow::after {
  content: url("/assets/front/img/icon/arrow.svg");
  position: relative;
  top: -2px;
  transition: 0.3s ease;
}
.accordion__title.is-open::after {
  transform: rotate(180deg);
  top: 5px;
  transition: 0.3s ease;
}
.accordion__title.parent-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.accordion__title.child-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
}
.accordion__content {
  max-height: 0;
  overflow: hidden;
}
.accordion__list {
  display: flex;
  flex-direction: column;
  padding: 12px 0 12px 24px;
  gap: 6px;
}
.accordion__link {
  font-weight: 700;
  font-size: 14px;
  line-height: 170%;
  color: rgba(0, 0, 0, 0.6);
}

.static-page {
  padding-top: 110px;
}
.static-page__section {
  padding: 56px 15px 132px;
}
.static-page__content {
  max-width: 870px;
  margin: 0 auto;
  padding-top: 48px;
}
.static-page__content-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 64px;
}
.static-page__content-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #276EF6;
}
.static-page__content-text {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 46px;
}
.static-page__content-text p {
  line-height: 160%;
}
.static-page__content-text p a {
  color: #000000;
}
.static-page__content-text p a:hover {
  text-transform: underline;
}
.static-page__title {
  font-weight: 700;
  font-size: 42px;
  line-height: 130%;
  text-align: center;
}
.static-page__time {
  margin-top: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  line-height: 170%;
}
.static-page__ua-forces {
  margin-top: 48px;
}

.ua-forces__img {
  width: 100%;
  height: 411px;
}
.ua-forces__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ua-forces__content {
  margin-top: 48px;
}
.ua-forces__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #276EF6;
}
.ua-forces__text {
  line-height: 160%;
  margin-top: 24px;
}
.ua-forces .btn {
  width: 146px;
  height: 48px;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 24px;
}
.ua-forces__text-content {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 16px;
  line-height: 160%;
}
.ua-forces__text-content .strong {
  font-weight: 700;
}

.add-page__container {
  margin-top: 48px;
}
.add-page__content {
  margin-top: 36px;
}
.add-page__main-block {
  display: grid;
  grid-template-columns: 1fr 218px;
  -moz-column-gap: 64px;
       column-gap: 64px;
}
.add-page__right-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  height: -moz-max-content;
  height: max-content;
  top: 115px;
}
.add-page .product-block__items {
  margin-top: 36px;
}

.steps {
  padding: 36px 24px;
  background: #FFFFFF;
  border-radius: 16px;
}
.steps__item:not(:first-child) {
  cursor: pointer;
}
.steps__item.current .steps__item-count {
  background-color: #FFFFFF;
  color: #276EF6;
  border: 1px solid #276EF6;
}
.steps__item.current .steps__item-text {
  color: #276EF6;
}
.steps__item.current .steps__item-dashed {
  border: none;
  border-left: 1px dashed #276EF6;
}
.steps__item.done .steps__item-count {
  background-color: #276EF6;
  color: #FFFFFF;
}
.steps__item.done .steps__item-dashed {
  border: none;
  border-left: 1px dashed #276EF6;
}
.steps__item-top {
  display: flex;
  align-items: center;
  gap: 16px;
}
.steps__item-count {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D1D1D1;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.1);
}
.steps__item-text {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.steps__item-dashed {
  height: 24px;
  border: none;
  border-left: 1px dashed #D1D1D1;
  width: 1px;
  margin-left: 12px;
}

.occupancy {
  padding: 24px;
  background-color: #FFFFFF;
  border-radius: 16px;
}
.occupancy__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.occupancy__text {
  color: #276EF6;
  font-weight: 700;
  font-size: 12px;
}
.occupancy__range {
  height: 6px;
  border-radius: 96px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.occupancy__range-current {
  border-radius: 96px;
  height: 100%;
}
.occupancy__percent {
  font-size: 12px;
  font-weight: 600;
  color: #000000;
}

.add-info {
  padding: 24px;
  background-color: #FFFFFF;
  border-radius: 16px;
}
.add-info__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-info__content p {
  font-size: 12px;
  color: #000000;
  line-height: 160%;
}
.add-info__content p span {
  font-weight: 700;
  color: #276EF6;
}

.search-block {
  padding: 36px;
  background-color: #FFFFFF;
  border-radius: 16px;
}

.sb__input {
  position: relative;
  width: 100%;
  height: 56px;
}
.sb__input input {
  width: 100%;
  height: 100%;
  padding: 12px 38px 12px 16px;
}
.sb__input svg {
  position: absolute;
  top: 16px;
  right: 16px;
}
.sb__recently {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
.sb__recently-title {
  font-size: 14px;
  color: #000000;
  line-height: 160%;
}
.sb__recently-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sb__recently-item {
  text-decoration: underline;
  color: #276EF6;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  line-height: 160%;
}
.sb__autocomplete {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sb__autocomplete li {
  line-height: 160%;
  font-size: 14px;
  cursor: pointer;
}
.sb__autocomplete li:hover {
  text-decoration: underline;
}
.sb__autocomplete li span {
  color: #276EF6;
  font-weight: 700;
}
.sb__fb {
  margin-top: 36px;
}
.sb__fb-title {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sb__fb-title h3 {
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  line-height: 160%;
}
.sb__fb-list {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sb__fb-list li {
  line-height: 160%;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
}
.sb__fb-list li:hover {
  color: #276EF6;
}

.ad-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ad-options .ad-video__content {
  margin-top: 36px;
  width: 666px;
  display: grid;
  grid-template-columns: 1fr 101px;
  gap: 12px;
}
.ad-options .ad-video__content .btn {
  justify-content: center;
}
.ad-options .ad-title {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 170%;
  display: block;
}
.ad-options .ad__select {
  height: 48px !important;
}
.ad-options .title {
  font-size: 16px;
}
.ad-options__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 29px;
}
.ad-options__btns .btn-blue {
  padding: 12px 54.5px;
}
.ad-options__btns .btn-white {
  padding: 12px 16px;
  gap: 8px;
}

.ad-attention {
  padding: 17px 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  border-radius: 8px;
}
.ad-attention__text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 170%;
}
.ad-attention__text .bold {
  color: #000000;
  font-weight: 700;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-wrap: wrap;
}

.ad-accordion {
  background: #FFFFFF;
  /* secondary/ad detail */
  border: 1px solid rgba(39, 110, 246, 0.1);
  border-radius: 16px;
  padding: 37.5px 36px;
}
.ad-accordion__title-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.ad-accordion__title {
  font-size: 18px;
  font-weight: 700;
}
.ad-accordion__icon {
  box-sizing: border-box;
  transition: transform 0.5s;
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  position: relative;
}
.ad-accordion__icon.active {
  transform: rotate(0deg);
}
.ad-accordion__icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 0px;
  border-bottom: solid 2px #000000;
  position: absolute;
  bottom: 7px;
  transform: rotate(90deg);
  transition: width 0.5s;
}
.ad-accordion__icon.active::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: solid 2px #000000;
  position: absolute;
  bottom: 7px;
  transform: rotate(90deg);
}
.ad-accordion__icon::after {
  content: "";
  display: block;
  width: 16px;
  height: 0px;
  border-bottom: solid 2px #000000;
  position: absolute;
  bottom: 7px;
}
.ad-accordion__content {
  overflow: hidden;
  max-height: 0;
  transition: 0.8s;
}
.ad-accordion__content.active {
  max-height: 3000px;
  transition: 1s;
  overflow: visible;
}
.ad-accordion .ad-content {
  padding-top: 48px;
}

.accordion-enter-active,
.accordion-leave-active {
  will-change: height, opacity;
  transition: height 0.3s ease, opacity 0.3s ease;
  overflow: visible;
}

.accordion-enter,
.accordion-leave-to {
  height: 0 !important;
  opacity: 0;
}

.p-a-v__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.p-a-v__content .btn {
  padding: 6px 16px;
  width: -moz-max-content;
  width: max-content;
  color: #276EF6;
  font-weight: 600;
  font-size: 14px;
}
.p-a-v__child-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-a-v__title {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.p-a-v__file-block .p-a-v__file-name {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}
.p-a-v__file-block .p-a-v__file-name p {
  white-space: nowrap;
  max-width: 68%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-a-v__file-block .p-a-v__file-name span {
  font-weight: 400;
}
.p-a-v__file input[type=file] {
  display: none;
}
.p-a-v__file .p-a-v__file-trigger {
  border: 1px dashed rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 100%;
  height: 134px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.p-a-v__file .p-a-v__file-trigger p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  text-align: center;
  width: 140px;
  line-height: 160%;
}
.p-a-v .grid-files {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.p-a-v .grid-files .p-a-v__file-item {
  height: 100px;
  border-radius: 4px;
  position: relative;
  width: 160px;
}
.p-a-v .grid-files .p-a-v__file-item.youtube-link .p-a-v__action-block .close {
  display: flex;
  justify-content: flex-end;
}
.p-a-v .grid-files .p-a-v__file-item.youtube-link .p-a-v__action-block .mouse img {
  width: 24px;
  height: 24px;
}
.p-a-v .grid-files .p-a-v__file-item.youtube-link .p-a-v__action-block .arrows {
  display: flex;
  justify-content: space-between;
}
.p-a-v .grid-files .p-a-v__file-item.youtube-link .p-a-v__action-block img {
  width: 16px;
  height: 16px;
}
.p-a-v .grid-files .p-a-v__file-item:hover .p-a-v__action-block {
  display: flex;
}
.p-a-v .grid-files .p-a-v__file-item.includes-file {
  height: 134px;
}
.p-a-v .grid-files .p-a-v__file-item.includes-file .p-a-v__action-block .close {
  display: flex;
  justify-content: flex-end;
}
.p-a-v .grid-files .p-a-v__file-item.includes-file .p-a-v__action-block .close img {
  width: 16px;
  height: 16px;
}
.p-a-v .grid-files .p-a-v__file-item.includes-file .p-a-v__action-block .mouse {
  display: none;
}
.p-a-v .grid-files .p-a-v__file-item.includes-file .p-a-v__action-block .arrows {
  display: none;
}
.p-a-v .grid-files .p-a-v__file-item.includes-file .files-block__image-icon {
  position: relative;
}
.p-a-v .grid-files .p-a-v__file-item .p-a-v__file-main {
  position: absolute;
  top: 8px;
  left: 8px;
  line-height: 160%;
  padding: 1px 8px;
  border: 1px solid #FFFFFF;
  font-size: 10px;
  font-weight: 600;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 96px;
}
.p-a-v .grid-files .p-a-v__file-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.p-a-v .grid-files .p-a-v__file-item video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.p-a-v .grid-files .p-a-v__file-item .files-block__item {
  width: 100%;
  height: 134px;
}
.p-a-v .grid-files .p-a-v__file-item .p-a-v__file-block {
  height: 134px;
}
.p-a-v .grid-files .p-a-v__file-item .p-a-v__file-block .files-block__image-icon {
  height: 100px;
}
.p-a-v .grid-files .p-a-v__file-item .p-a-v__file-block img {
  width: 48px;
  height: 48px;
}
.p-a-v .grid-files .p-a-v__file-item video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.p-a-v .grid-files .p-a-v__file-item iframe {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.p-a-v .grid-files .p-a-v__file-trigger {
  height: 100px;
}
.p-a-v__action-block {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 8px;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.p-a-v__warning {
  padding: 12px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-a-v__warning div {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.p-a-v__warning div span {
  font-weight: 700;
  color: #000000;
}
.p-a-v__help-text {
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
}
.p-a-v__youtube-link {
  display: grid;
  grid-template-columns: 1fr 101px;
  gap: 12px;
}
.p-a-v__youtube-link .btn {
  justify-content: center;
  color: #276EF6;
  font-size: 14px;
}
.p-a-v__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-o {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 887px;
}
.m-o__content-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 48px;
}
.m-o__content-block .accordeon-form {
  padding-left: 5px;
}
.m-o__content-block .accordeon-form input[type=checkbox] + label:before {
  border-radius: 0.15em;
}
.m-o__content-block .accordeon-form input[type=checkbox]:checked + label:before {
  border: 1px solid #276EF6;
  border-radius: 0.15em;
}
.m-o__input {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.m-o__input-container {
  position: relative;
  width: 100%;
}
.m-o__input-container input {
  width: 100%;
  padding: 12px 36px 12px 16px;
  height: 48px;
}
.m-o__input-container img {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
.m-o__input label {
  height: 23px;
}
.m-o__address-block {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.m-o__address-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: flex-end;
}
.m-o__address-grid .btn {
  gap: 8px;
  height: 48px;
}
.m-o__address-grid label {
  height: 0;
}
.m-o__item-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.m-o__item-block-checkbox {
  justify-content: center;
}

.t-d {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.t-d__grid {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 36px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  max-width: 887px;
}
.t-d__radio-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.t-d__radio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 16px;
}
.t-d__radio .radio {
  width: 48%;
}
.t-d__radio .radio label {
  width: 100% !important;
  font-size: 14px;
  white-space: nowrap;
}
.t-d__radio .radio [type=radio]:checked + label {
  color: #276EF6;
}
.t-d__inputs {
  display: flex;
  align-items: center;
  gap: 16px;
}
.t-d__inputs .m-o__input {
  width: 49%;
}
.t-d__input-block {
  max-width: 586px;
  width: 100%;
  place-self: end;
}
.t-d__flex {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.t-d__flex .m-o__input {
  gap: 24px;
}

.a-t {
  max-width: 823px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.a-t textarea {
  height: 114px;
  max-width: 823px;
}

.dimensions {
  max-width: 887px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dimensions__content {
  row-gap: 24px;
}
.dimensions .axles {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 0;
}

.engine {
  max-width: 887px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.i-s.m-o__input-container {
  position: relative;
}
.i-s .i-s__select {
  position: absolute !important;
  top: 12px;
  width: 70px;
  right: 1px;
  border-radius: 0 !important;
  border: none !important;
  border-left: 1px solid rgba(0, 0, 0, 0.3) !important;
  height: 24px !important;
  min-height: 24px !important;
}
.i-s .i-s__select .multiselect-wrapper {
  height: 24px !important;
  min-height: 24px !important;
}
.i-s .i-s__select .multiselect-wrapper .multiselect-single-label {
  padding-right: 22px !important;
  padding-left: 8px !important;
}

.publication {
  margin-top: 36px;
}
.publication h1 {
  margin-bottom: 36px;
}
.publication .profile-page__tabs {
  margin-top: 0;
  gap: 8px;
}
.publication .profile-page__tabs .tab {
  padding: 12px 16px;
}
.publication-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.publication__btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.publication__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 14px;
  border-radius: 8px;
}
.publication__btn:nth-child(1) {
  font-weight: 600;
  color: #4EBC65;
  background: rgba(78, 188, 101, 0.1);
  transition: 0.3s;
}
.publication__btn:nth-child(1):hover {
  background: rgba(0, 171, 36, 0.2);
  transition: 0.3s;
}
.publication__btn:nth-child(1):active {
  background: rgba(78, 188, 101, 0.5);
  transition: 0.3s;
}
.publication__btn:nth-child(3) {
  color: #D99F09;
  background: rgba(217, 159, 9, 0.1);
  transition: 0.3s;
}
.publication__btn:nth-child(3):hover {
  background: rgba(217, 159, 9, 0.3);
  transition: 0.3s;
}
.publication__btn:nth-child(3):active {
  background: rgba(217, 159, 9, 0.5);
  transition: 0.3s;
}
.publication__btn:nth-child(4) {
  font-weight: 600;
  color: #E41D1D;
  background: rgba(228, 29, 29, 0.1);
  transition: 0.3s;
}
.publication__btn:nth-child(4):hover {
  background: rgba(255, 142, 142, 0.1);
  transition: 0.3s;
}
.publication__btn:nth-child(4):active {
  background: rgba(228, 29, 29, 0.3);
  transition: 0.3s;
}
.publication__content {
  margin-top: 36px;
}
.publication__modal .modal {
  padding: 36px;
  max-width: 576px;
}
.publication__modal .modal .title {
  padding-right: 12px;
}
.publication__modal .modal-close {
  top: 36px;
}

.pm__container {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.pm__activate {
  display: flex;
  align-items: flex-start;
  gap: 36px;
}
.pm__activate-img {
  flex: 0 0 240px;
  height: 212px;
  border-radius: 8px;
}
.pm__activate-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.pm__activate-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pm__activate-name-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pm__activate-name {
  font-weight: 700;
}
.pm__activate-id {
  font-size: 14px;
  color: #000000;
}
.pm__activate-action {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pm__go-ad {
  background-color: transparent;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  gap: 14px;
}
.pm__go-ad:hover {
  text-decoration: underline;
}
.pm__btns {
  display: grid;
  grid-template-columns: 96px 126px;
  gap: 6px;
}
.pm__btns button {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
}
.pm .btn-yellow {
  border-radius: 4px;
  width: 100%;
  height: 36px;
  font-size: 12px;
  justify-content: center;
}
.pm .btn-yellow span {
  font-weight: 700;
}
.pm__bottom {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pm__bottom button, .pm__bottom a {
  background-color: transparent;
  font-size: 12px;
  color: #000000;
}
.pm__bottom button:hover, .pm__bottom a:hover {
  color: #276EF6;
}
.pm__bottom hr {
  width: 1px;
  height: 19px;
  background-color: rgba(0, 0, 0, 0.1);
}

.cancel .modal {
  max-width: 584px;
}
.cancel .pm__activate-img {
  height: 146px;
}
.cancel__title {
  font-weight: 700;
  line-height: 125%;
  color: #276EF6;
}
.cancel__text {
  line-height: 160%;
  font-size: 12px;
  color: #000000;
}
.cancel__btns {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 164px 66px;
  gap: 6px;
  height: 36px;
  font-size: 14px;
}
.cancel__btns .btn {
  border-radius: 4px;
}

.postpone .pm__activate-name-block {
  gap: 12px;
}
.postpone .pm__activate-img {
  height: 172px;
}
.postpone .pm__activate-action {
  gap: 24px;
}

.cancel-ad .modal {
  max-width: 415px;
}
.cancel-ad__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cancel-ad__content .title {
  text-align: center;
}
.cancel-ad__text {
  font-size: 12px;
  line-height: 160%;
  color: black;
  text-align: center;
}
.cancel-ad__btns {
  display: grid;
  grid-template-columns: 164px 62px;
  margin: auto;
  gap: 6px;
}
.cancel-ad__btns .btn {
  border-radius: 4px;
  height: 36px;
  font-size: 14px;
}

.multiselect-search {
  background: transparent !important;
}

.pointer {
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.no-click {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  pointer-events: none !important;
}

thead > tr > td {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.btn-rounded {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 6px 16px;
  gap: 10px;
  font-family: inherit;
  height: 28px;
  font-size: 14px;
  background: #FFFFFF;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
}

.back-line {
  position: relative;
}
.back-line:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  top: 50%;
}

.block-scroll {
  overflow: hidden !important;
}

.fetch-triangle, .fetch-triangle-bottom {
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 344px 0 344px;
  border-color: rgba(104, 156, 255, 0.5882352941) transparent transparent transparent;
  line-height: 0px;
  filter: blur(12px);
  _border-color: rgba(104, 156, 255, 0.5882352941) #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color="#000000");
  -webkit-transform: rotate(360deg);
  transition: all 0.3s ease-in-out;
}
.fetch-triangle .fetch-trigger-prev, .fetch-triangle .fetch-trigger-next, .fetch-triangle-bottom .fetch-trigger-prev, .fetch-triangle-bottom .fetch-trigger-next {
  content: "";
  position: absolute;
  top: 400px;
  left: 0;
  /*width: 100px; 
  height: 100px;
  background: #689cff96;
  border-radius: 50%;*/
  z-index: -1;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.fetch-triangle-bottom {
  transform: rotate(180deg);
  top: 1rem;
}

.custom-select {
  width: 100%;
  position: relative;
}
.custom-select__placeholder {
  position: relative;
  display: flex;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 36px;
  padding: 6px 48px 6px 16px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  align-items: center;
  cursor: pointer;
}
.custom-select__placeholder::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../../front/img/components/custom-select/arrow.svg");
  right: 16px;
  transition: 0.3s;
}
.custom-select__content {
  display: none;
  position: absolute;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.custom-select__option {
  padding: 6px 16px;
  cursor: pointer;
}
.custom-select__option:hover {
  background-color: #f3f4f6;
}
.custom-select__option.selected {
  background-color: #276EF6;
  color: #FFFFFF;
}
.custom-select.open .custom-select__placeholder {
  border: 1.5px solid #6C9FFF !important;
  box-shadow: 0px 0px 24px rgba(39, 110, 246, 0.3) !important;
}
.custom-select.open .custom-select__placeholder::before {
  transform: rotate(180deg);
}
.custom-select.open .custom-select__content {
  display: flex;
  flex-direction: column;
}