@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;

  src:
    url('../../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../../fonts/Roboto-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;

  src:
    url('../../fonts/Roboto-Medium.woff2') format('woff2'),
    url('../../fonts/Roboto-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;

  src:
    url('../../fonts/Roboto-SemiBold.woff2') format('woff2'),
    url('../../fonts/Roboto-SemiBold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;

  src:
    url('../../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../../fonts/Roboto-Regular.woff') format('woff');
  font-display: swap;
}

:root {
  --ap-font-family: 'Roboto', 'Arial', sans-serif;
  --ap-color-primary-white: #ffffff;
  --ap-color-black: #000000;
  --ap-color-w5gim: #d9d9d9;
  --ap-color-primary-black: #0a0a0a;
  --ap-color-primary-orange: #ff6600;
  --ap-color-secondary-white-15: rgb(255 255 255 / 15%);
  --ap-color-secondary-white-60: rgb(255 255 255 / 60%);
  --ap-secondary-black-40: rgb(0 0 0 / 40%);
  --ap-color-secondary-gray-light: #f1f4f4;
  --ap-color-secondary-gray-light-shadow: #ebebeb;
  --ap-color-secondary-gray-light-shadow-2: #e0e0e0;
  --ap-color-secondary-gray-medium: #b3b3b3;
  --ap-color-secondary-gray-not-very-dark: #939393;
  --ap-color-secondary-gray-dark: #666666;
  --ap-color-secondary-gray-super-dark: #333333;
  --ap-color-secondary-orange-extra-light: #ffc199;
  --ap-color-secondary-orange-super-light: #ffb280;
  --ap-color-secondary-orange-light: #fb944f;
  --ap-color-secondary-orange-dark: #e54c00;
  --ap-color-secondary-orange-dark-2: #cc3300;
  --ap-color-secondary-orange-10: rgb(255 102 0 / 10%);
  --ap-color-tertiary-red: #990000;
  --ap-color-tertiary-green: rgb(56 170 0 / 100%);
  --ap-color-uluxh: #1e293b;
  --ap-spacing-4: 4px;
  --ap-spacing-5: 5px;
  --ap-spacing-8: 8px;
  --ap-spacing-10: 10px;
  --ap-spacing-12: 12px;
  --ap-spacing-14: 14px;
  --ap-spacing-16: 16px;
  --ap-spacing-18: 18px;
  --ap-spacing-20: 20px;
  --ap-spacing-22: 22px;
  --ap-spacing-24: 24px;
  --ap-spacing-30: 30px;
  --ap-spacing-32: 32px;
  --ap-spacing-40: 40px;
  --ap-spacing-52: 52px;
  --ap-spacing-72: 72px;
  --ap-corner-4: 4px;
  --ap-corner-8: 8px;
  --ap-corner-12: 12px;
  --ap-corner-16: 16px;
  --ap-corner-20: 20px;
  --ap-menu-paddings: 40px;
}

@media (max-width: 768px) {
  :root {
    --ap-menu-paddings: 25px;
  }
}

@media (max-width: 520px) {
  :root {
    --ap-menu-paddings: 12px;
  }
}

html {
  box-sizing: border-box;

  height: 100%;
  scroll-behavior: smooth;

  font-size: 16px;
}

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

.ap-body {
  height: auto;
  min-height: 100%;

  padding: 0;
  margin: 0;

  font-family: var(--ap-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-primary-black);

  background-color: var(--ap-color-primary-white);
}

.ap-body--grid {
  display: grid;

  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
}

.ap-body--locked {
  overflow: hidden;
}

.ap-page-main {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

.ap-visually-hidden {
  position: absolute;

  display: block;

  width: 1px;
  height: 1px;

  padding: 0;
  margin: -1px;

  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.ap-list-reset {
  padding: 0;
  margin: 0;

  list-style: none;
}

.ap-container {
  width: 100%;
  max-width: 1280px;

  padding-right: var(--ap-menu-paddings);
  padding-left: var(--ap-menu-paddings);
  margin: 0 auto;
}

.page-navigation {
    grid-column: 1 / -1;
}

@media (max-width: 768px) {
  .ap-container {
    padding-right: var(--ap-menu-paddings);
    padding-left: var(--ap-menu-paddings);
  }
}

@media (max-width: 520px) {
  .ap-container {
    padding-right: var(--ap-menu-paddings);
    padding-left: var(--ap-menu-paddings);
  }
}

.ap-h1 {
  margin: 0;

  font-size: clamp(1.25rem, 0.9773rem + 1.3636vw, 2rem);
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-primary-black);
}

.ap-h2 {
  margin: 0;

  font-size: clamp(1rem, 0.9091rem + 0.4545vw, 1.25rem);
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-primary-black);
}

.ap-h3 {
  margin: 0;

  font-size: 16px;
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-primary-black);
}

.ap-t1 {
  margin: 0;

  font-size: 20px;
  font-weight: 400;
}

.ap-t2 {
  margin: 0;

  font-size: 16px;
  font-weight: 600;
}

.ap-t3 {
  margin: 0;

  font-size: 16px;
  font-weight: 400;
}

.ap-t4 {
  margin: 0;

  font-size: 14px;
  font-weight: 400;
}

.ap-t5 {
  margin: 0;

  font-size: 12px;
  font-weight: 400;
}

.ap-tenders__top nav {
  max-width: 100%;

  overflow-x: clip;
}

.ap-breadcrumb {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  padding-bottom: 8px;

  overflow-x: auto;
}

.ap-breadcrumb__item {
  color: var(--ap-color-secondary-gray-not-very-dark);

  white-space: nowrap;
}

.ap-breadcrumb__item--active {
  color: var(--ap-color-black);
}

.ap-breadcrumb__link {
  display: flex;

  align-items: center;

  font: inherit;

  color: inherit;

  text-decoration: none;
}

.ap-breadcrumb__link:hover {
  color: var(--ap-color-primary-black);
}

@media (max-width: 768px) {
  .ap-breadcrumb__item {
    font-size: 12px;
  }
}

.ap-button-primary-orange {
  display: inline-flex;

  row-gap: var(--ap-spacing-10);
  column-gap: var(--ap-spacing-4);
  align-items: center;
  justify-content: center;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-primary-white);

  text-decoration: none;

  cursor: pointer;

  background-color: var(--ap-color-primary-orange);
  border: none;
  border-radius: var(--ap-corner-8);

  transition: background-color 0.3s;
}

.ap-button-primary-orange--sm {
  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-size: 14px;
}

.ap-button-primary-orange--md {
  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-16);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-16);

  font-size: 16px;
}

.ap-button-primary-orange:hover {
  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-secondary-orange-dark);
}

.ap-button-primary-orange:active {
  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-secondary-orange-dark-2);
}

.ap-button-primary-orange:disabled {
  color: var(--ap-color-primary-white);

  pointer-events: none;

  background-color: var(--ap-color-secondary-orange-super-light);
}

.ap-button-primary-orange.disabled {
  color: var(--ap-color-primary-white);

  pointer-events: none;

  background-color: var(--ap-color-secondary-orange-super-light);
}

.ap-burger-btn {
  display: none;

  flex-shrink: 0;

  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  padding: 0;
  margin-top: var(--ap-spacing-12);
  margin-bottom: var(--ap-spacing-12);

  cursor: pointer;

  background-color: transparent;
  border: none;
}

.ap-burger-btn--expanded {
  width: 20px;
  height: 20px;

  margin-top: var(--ap-spacing-14);
  margin-bottom: var(--ap-spacing-14);
}

.ap-burger-btn__icon {
  width: 100%;
  height: auto;

  color: var(--ap-color-primary-white);
}

.ap-burger-btn__icon--close {
  display: none;
}

.ap-burger-btn--expanded .ap-burger-btn__icon--burger {
  display: none;
}

.ap-burger-btn--expanded .ap-burger-btn__icon--close {
  display: block;
}

.ap-show-more-txt-btn {
  display: inline-flex;

  align-items: center;

  padding: 0;

  color: var(--ap-color-primary-orange);
  text-decoration: none;

  background-color: transparent;
  border: none;

  transition: color 0.3s;
}

.ap-show-more-txt-btn:hover,
.ap-show-more-txt-btn:active {
  color: var(--ap-color-secondary-orange-dark);
}

@media (max-width: 1280px) {
  .ap-burger-btn {
    display: inline-flex;
  }

  .ap-header--expanded .ap-burger-btn {
    order: 1;
  }
}

.ap-badge-count {
  display: inline-flex;

  align-items: center;
  justify-content: center;
  min-width: 12px;
  width: fit-content;
  aspect-ratio: 1/1;

  padding: 2px;

  font-size: 8px;
  font-style: normal;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-primary-white);

  background: var(--ap-color-primary-orange);
  border-radius: var(--ap-corner-20);
}

.ap-badge-count--abs {
  position: absolute;
  top: -6px;
  right: -10px;
}

.ap-badge-itext {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  padding: var(--ap-spacing-4);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  border-radius: var(--ap-corner-4);
}

.ap-badge-itext--bw {
  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-primary-black);
}

.ap-badge-itext--wo {
  color: var(--ap-color-primary-orange);

  background-color: var(--ap-color-primary-white);
}

.ap-badge-itext--ow {
  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-primary-orange);
}

@media (max-width: 1024px) {
  .ap-badge-itext {
    font-size: 10px;
  }
}

.ap-main-tags__list {
  display: flex;

  column-gap: var(--ap-spacing-12);
}

.ap-main-tags__link {
  display: inline-flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-primary-black);

  text-decoration: none;

  transition: color 0.3s;
}

.ap-main-tags__icon-wrapper {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  padding: var(--ap-spacing-4);

  background-color: var(--ap-color-primary-black);
  border-radius: var(--ap-corner-8);
}

.ap-main-tags__icon {
  width: 100%;
  height: auto;

  color: var(--ap-color-primary-white);

  transition: fill 0.3s;
}

.ap-main-tags__link:hover {
  color: var(--ap-color-primary-orange);
}

.ap-main-tags__link:hover .ap-main-tags__icon {
  color: var(--ap-color-primary-orange);
}

.ap-main-tags__link:active {
  color: var(--ap-color-secondary-orange-dark);
}

.ap-main-tags__link:active .ap-main-tags__icon {
  color: var(--ap-color-secondary-orange-dark);
}

@media (max-width: 768px) {
  .ap-main-tags__list {
    overflow-y: scroll;

    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ap-main-tags__list::-webkit-scrollbar {
    display: none;
  }

  .ap-main-tags__link {
    font-size: 12px;

    white-space: nowrap;
  }

  .ap-main-tags__icon-wrapper {
    width: 20px;
    height: 20px;
  }
}

.ap-top-categories {
  position: relative;

  height: 104px;

  overflow-y: scroll;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ap-top-categories__list {
  display: flex;

  flex-wrap: wrap;

  gap: var(--ap-spacing-8);

  width: calc(100% + 100px);
  min-width: 641px;

  overflow-y: scroll;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ap-top-categories__link {
  display: flex;

  column-gap: var(--ap-spacing-8);
  align-items: center;

  height: 100%;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-16);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-16);

  color: var(--ap-color-primary-black);

  white-space: nowrap;

  text-decoration: none;

  background: var(--ap-color-secondary-gray-light);
  border-radius: var(--ap-corner-8);
}

.ap-top-categories__icon {
  color: var(--ap-color-secondary-gray-dark);
}

.ap-top-categories__link:hover {
  background: var(--ap-color-secondary-gray-light-shadow);
}

.ap-top-categories__link:active {
  background: var(--ap-color-secondary-gray-light-shadow-2);
}

@media (max-width: 768px) {
  .ap-top-categories {
    height: 88px;
  }

  .ap-top-categories__list {
    gap: var(--ap-spacing-4);
  }

  .ap-top-categories__link {
    column-gap: var(--ap-spacing-4);

    padding-top: var(--ap-spacing-8);
    padding-right: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-12);

    font-size: 14px;
  }

  .ap-top-categories__icon {
    width: 20px;
    height: auto;
  }
}

.ap-ads-card {
  container-type: inline-size;
  container-name: ap-ads-card;

  height: 100%;
}

.ap-ads-card__wrapper {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-8);

  height: 100%;
}

.ap-ads-card__img-wrapper {
  position: relative;

  display: block;

  order: -1;

  aspect-ratio: 1/1;

  overflow: hidden;

  text-decoration: none;

  border-radius: var(--ap-corner-12);

  transition:
    filter 0.3s ease-in-out,
    box-shadow 0.3s,
    transform 0.3s;
}

.ap-ads-card__img-wrapper:hover {
  filter: brightness(90%);
}

.ap-ads-card__img-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;

  object-fit: cover;
}

.ap-ads-card__badges {
  position: absolute;
  bottom: 0;

  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-10);
  align-items: start;

  padding: var(--ap-spacing-12);
}

.ap-ads-card__content {
  display: flex;
  flex-grow: 1;

  flex-direction: column;

  row-gap: var(--ap-spacing-8);
}

.ap-ads-card__header {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);
}

.ap-ads-card__title {
  display: -webkit-box;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;

  transition: color 0.3s;
}

.ap-ads-card__title a {
  font: inherit;

  color: inherit;

  text-decoration: none;
}

.ap-ads-card__title:hover {
  color: var(--ap-color-primary-orange);
}

.ap-ads-card__descr {
  display: none;

  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-ads-card__footer {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);

  margin-top: auto;

  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-ads-card__price {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-primary-orange);
}

.ap-ads-card__price-icon {
  width: 16px;
  height: 17px;
}

.ap-tenders-ads__list.ap-tenders-ads__list--list {
  display: flex;

  flex-direction: column;

  row-gap: 20px;
}

.ap-tenders-ads__list--list .ap-ads-card {
  container-type: normal;

  max-height: 284px;

  border: 1px solid var(--ap-color-secondary-gray-light-shadow);
  border-radius: var(--ap-corner-8);
}

.ap-tenders-ads__list--list .ap-ads-card__wrapper {
  display: grid;

  grid-template-columns: 284px 1fr;

  column-gap: var(--ap-spacing-20);
}

.ap-tenders-ads__list--list .ap-ads-card__img-wrapper {
  padding: 2px;
}

.ap-tenders-ads__list--list .ap-ads-card__content {
  row-gap: var(--ap-spacing-20);

  padding: var(--ap-spacing-20);
  padding-left: 0;
}

.ap-tenders-ads__list--list .ap-ads-card__header {
  flex-direction: row;

  column-gap: var(--ap-spacing-40);
  justify-content: space-between;
}

.ap-tenders-ads__list--list .ap-ads-card__price {
  flex-shrink: 0;
}

.ap-tenders-ads__list--list .ap-ads-card__descr {
  display: -webkit-box;

  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.ap-tenders-ads__list--list .ap-ads-card__footer {
  margin-top: auto;
}

.ap-ads-card:hover .ap-ads-card__img-wrapper {
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);

  transform: scale(1.01);
}

@media (max-width: 768px) {
  .ap-tenders-ads__list--list .ap-ads-card {
    max-height: 212px;
  }

  .ap-tenders-ads__list--list .ap-ads-card__wrapper {
    grid-template-columns: 212px 1fr;
  }

  .ap-tenders-ads__list--list .ap-ads-card__descr {
    -webkit-line-clamp: 6;
  }
}

@media (max-width: 560px) {
  .ap-tenders-ads__list--list .ap-ads-card {
    max-height: 156px;
  }

  .ap-tenders-ads__list--list .ap-ads-card__wrapper {
    grid-template-columns: minmax(142px, 156px) minmax(142px, 1fr);

    column-gap: var(--ap-spacing-12);
  }

  .ap-tenders-ads__list--list .ap-ads-card__content {
    row-gap: var(--ap-spacing-12);

    padding: var(--ap-spacing-12);
    padding-left: 0;
  }

  .ap-tenders-ads__list--list .ap-ads-card__header {
    flex-wrap: wrap;
  }

  .ap-tenders-ads__list--list .ap-ads-card__descr {
    -webkit-line-clamp: 3;

    font-size: 10px;
  }

  .ap-tenders-ads__list--list .ap-ads-card__price {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-tenders-ads__list--list .ap-ads-card__location,
  .ap-tenders-ads__list--list .ap-ads-card__date {
    font-size: 12px;
  }
}

@media (max-width: 336px) {
  .ap-tenders-ads__list--list .ap-ads-card {
    max-height: 100%;
  }

  .ap-tenders-ads__list--list .ap-ads-card__content {
    row-gap: var(--ap-spacing-8);

    padding: var(--ap-spacing-8);
    padding-left: 0;
  }
}

@container ap-ads-card (max-width: 256px) {
  .ap-ads-card__wrapper {
    border: 1px solid var(--ap-color-secondary-gray-light-shadow);
    border-radius: var(--ap-corner-8);
  }

  .ap-ads-card__img-wrapper {
    border-radius: var(--ap-corner-8);
  }

  .ap-ads-card__badges {
    padding: var(--ap-spacing-8);
  }

  .ap-ads-card__badges svg {
    max-width: 12px;
    height: auto;
  }

  .ap-ads-card__content {
    padding-right: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-8);
  }

  .ap-ads-card__price {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-ads-card__location,
  .ap-ads-card__date {
    font-size: 12px;
  }
}

.ap-auction-card {
  overflow: hidden;

  border: 2px solid var(--ap-color-secondary-gray-light-shadow);
  border-radius: var(--ap-corner-12);
  border-top-left-radius: 16px;

  transition:
    box-shadow 0.3s,
    transform 0.3s;
}

.ap-auction-card:hover {
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);

  transform: scale(1.02);
}

.ap-auction-card__wrapper {
  display: grid;

  grid-template-columns: repeat(9, 1fr);

  column-gap: var(--ap-spacing-20);
  align-items: start;
}

.ap-auction-card__img-wrapper {
  position: relative;

  display: flex;

  grid-row: 1;
  grid-column: 1 / 4;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  background-color: var(--ap-color-w5gim);
  border-radius: var(--ap-corner-12);
}

.ap-auction-card__img-wrapper a {
  display: block;

  flex: 1 1 0;
}

.ap-auction-card__img-wrapper img {
  display: block;

  width: 100%;
  aspect-ratio: 1 /1;

  object-fit: cover;
  object-position: center;
}

.ap-auction-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;

  padding: var(--ap-spacing-4);

  color: var(--ap-color-primary-black);

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-4);
}

.ap-auction-card__content {
  display: grid;

  grid-template-columns: minmax(240px, 329px) 242px;
  grid-column: 4 / 10;

  column-gap: var(--ap-spacing-20);

  padding-top: var(--ap-spacing-20);
  padding-bottom: var(--ap-spacing-20);
}

.ap-auction-card__title {
  color: var(--ap-color-primary-black);
}

.ap-auction-card__title a {
  text-decoration: none;
  font: inherit;
  color: inherit;
}

.ap-auction-card__id {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-info-table__title {
  font-size: 12px;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-secondary-gray-dark);
}

.ap-info-table__full-time {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);
}

.ap-info-table__text {
  color: var(--ap-color-primary-black);
}

.ap-info-table__text span {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-auction-card__descr {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);
}

.ap-auction-card__text {
  display: -webkit-box;

  max-height: 44px;

  overflow: hidden;
  -webkit-line-clamp: 3;

  color: var(--ap-color-secondary-gray-not-very-dark);

  -webkit-box-orient: vertical;
}

.ap-auction-date-info__end {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  font-size: 12px;
  font-weight: 500;

  color: var(--ap-color-secondary-gray-dark);
}

.ap-auction-date-info__timer {
  color: var(--ap-color-primary-black);
}

.ap-auction-card__price {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);

  font-size: 12px;
  font-weight: 500;

  color: var(--ap-color-secondary-gray-dark);
}

.ap-auction-card__price-sum {
  color: var(--ap-color-primary-orange);
}

.ap-auction-card__deposit {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-tertiary-green);
}

.ap-auction-card__header {
  display: flex;

  flex-direction: column;

  grid-column: 1;

  row-gap: var(--ap-spacing-4);

  margin-bottom: var(--ap-spacing-20);
}

.ap-auction-card__body {
  display: flex;

  flex-direction: column;

  grid-column: 1;

  row-gap: var(--ap-spacing-20);
}

.ap-auction-card__footer {
  display: flex;

  flex-direction: column;

  grid-row: 1 / 3;
  grid-column: 2;

  row-gap: var(--ap-spacing-20);
  align-items: start;

  padding-right: var(--ap-spacing-20);
  padding-left: var(--ap-spacing-20);

  border-left: 1px solid var(--ap-color-secondary-gray-light-shadow);
}

.ap-auction-card__footer-top {
  display: flex;

  flex-direction: column;
  flex-wrap: wrap;

  row-gap: var(--ap-spacing-20);

  width: 100%;
}

.ap-info-table {
  display: flex;

  column-gap: var(--ap-spacing-20);
}

.ap-info-table__col {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);
}

.ap-auction-date-info {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);
  justify-self: start;

  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  background-color: var(--ap-color-secondary-orange-10);
  border-radius: var(--ap-corner-4);
}

.ap-auction-date-info--closed {
  width: 100%;

  background-color: var(--ap-color-secondary-gray-light);
}

.ap-auction-date-info__message {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-primary-black);
}

.ap-auction-date-info__login-link {
  color: var(--ap-color-primary-orange);

  text-decoration: none;
}

.ap-auction-date-info__full-date {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);
}

.ap-auction-card__deposit-input {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);

  width: 100%;
}

.ap-auction-card__deposit-step {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-auction-card__deposit-btn {
  width: 100%;

  margin-top: auto;
}

.ap-auction-card__anonim-checkbox {
  order: 1;
}

.ap-auction-card__leading-message {
  margin-top: auto;

  color: var(--ap-color-primary-orange);
}

@media (max-width: 860px) {
  .ap-auction-card__wrapper {
    display: flex;

    flex-direction: column;
  }

  .ap-auction-card__img-wrapper {
    order: -1;

    width: 100%;
  }

  .ap-auction-card__img-wrapper img {
    max-height: 284px;
    aspect-ratio: unset;
  }


  .ap-auction-card__content {
    padding-left: var(--ap-spacing-20);
  }
}

@media (max-width: 768px) {
  .ap-auction-card__img-wrapper img {
    aspect-ratio: 296/142;
  }

  .ap-auction-card__badge {
    top: 16px;
    left: 16px;

    font-size: 10px;
    font-weight: 500;
  }

  .ap-auction-card__content {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-20);

    padding: var(--ap-spacing-8);
  }

  .ap-auction-card__header {
    margin-bottom: 0;
  }

  .ap-auction-card__body {
    order: 1;
  }

  .ap-auction-card__id {
    font-size: 12px;
  }

  .ap-auction-date-info__end {
    font-size: 10px;
  }

  .ap-auction-date-info__end svg {
    width: 8px;
    height: auto;
  }

  .ap-auction-date-info__timer {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-auction-card__price {
    font-size: 10px;
  }

  .ap-auction-card__price-sum {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-auction-card__deposit-step {
    font-size: 10px;
  }

  .ap-auction-card__deposit-btn {
    padding-top: var(--ap-spacing-12);
    padding-right: var(--ap-spacing-16);
    padding-bottom: var(--ap-spacing-12);
    padding-left: var(--ap-spacing-16);

    font-size: 16px;
    font-weight: 400;
  }

  .ap-auction-card__info-text {
    order: 1;
  }

  .ap-info-table__title {
    font-size: 10px;
  }

  .ap-info-table__text {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-auction-card__footer {
    flex-direction: row;
    flex-wrap: wrap;

    align-items: center;

    padding: 0;

    border: none;
  }

  .ap-auction-card__footer-top {
    flex-direction: row;

    align-items: center;
    justify-content: space-between;

    width: 100%;
  }

  .ap-auction-card__deposit {
    font-size: 12px;
  }

  .ap-auction-card__deposit svg {
    width: 12px;
    height: auto;
  }

  .ap-auction-card__anonim-checkbox {
    order: 0;

    margin-left: auto;
  }

  .ap-auction-card__leading-message {
    width: 100%;

    margin-top: 0;

    font-size: 14px;
    font-weight: 70;

    text-align: center;
  }

  .ap-auction-date-info__message {
    font-size: 14px;
  }

  .ap-auction-date-info__message svg {
    width: 10px;
    height: auto;
  }

  .ap-auction-date-info__full-date {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-auction-date-info__auth-message {
    font-size: 12px;
  }
}

.ap-section__header {
  display: flex;

  column-gap: var(--ap-spacing-20);
  align-items: center;
  justify-content: space-between;

  margin-bottom: var(--ap-spacing-40);
}

.ap-section__show-more-link {
  display: inline-flex;

  align-items: center;

  color: var(--ap-color-secondary-gray-dark);

  text-decoration: none;

  transition: color 0.3s;
}

.ap-section__show-more-link:hover,
.ap-section__show-more-link:active {
  color: var(--ap-color-uluxh);
}

@media (max-width: 768px) {
  .ap-section__show-more-link {
    font-size: 14px;
  }
}

@media (max-width: 468px) {
  .ap-section__show-more-link {
    font-size: 0;

    line-height: 0;
  }
}

.ap-swiper {
  position: relative;
}

.ap-swiper-slide.swiper-slide {
  height: auto;
}

.ap-swiper__btn {
  position: absolute;
  top: 30%;
  z-index: 50;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  padding: 0;

  background-color: var(--ap-color-secondary-gray-medium);
  border: none;
  border-radius: 50%;

  transition: background-color 0.3s;
}

.ap-swiper__btn:hover {
  background-color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-swiper__btn.swiper-button-lock {
  display: none;
}

.ap-swiper__btn-icon {
  color: var(--ap-color-secondary-white-60);

  transform: translateX(2px);

  transition: color 0.3s;
}

.ap-swiper__btn:hover .ap-swiper__btn-icon {
  color: var(--ap-color-primary-white);
}

.ap-swiper__btn--next {
  right: 0;
}

.ap-swiper__btn--prev {
  transform: rotate(180deg);
}

.ap-swiper__pagination:not(.swiper-pagination-lock) {
  position: static;

  display: none;

  column-gap: var(--ap-spacing-4);
  align-items: center;
  justify-content: center;

  margin-top: var(--ap-spacing-16);
}

.ap-swiper__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 4px;

  margin: 0;

  background: var(--ap-color-secondary-gray-light-shadow-2);
  border: none;
  border-radius: 10px;

  opacity: 1;

  transition:
    opacity 0.3s,
    width 0.3s;
}

.ap-swiper__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 30px;

  margin: 0;

  background: var(--ap-color-secondary-gray-super-dark);

  opacity: 1;
}

@media (max-width: 768px) {
  .ap-swiper__pagination:not(.swiper-pagination-lock) {
    display: flex;
  }

  .ap-swiper__buttons {
    display: none;
  }

  .ap-swiper__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
  }
}

.select2-container.select2-container--ap-select-theme .select2-selection--single {
  position: relative;

  display: flex;

  align-items: center;

  height: auto;

  font-family: var(--ap-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-secondary-gray-super-dark);
}

.select2-container.select2-container--ap-select-theme .select2-selection--single .select2-selection__rendered {
  padding-right: 4px;
}

.select2-container.select2-container--ap-select-theme .select2-selection--single::after {
  display: block;

  width: 16px;
  height: 16px;

  content: '';

  background-image: url('../../images/icons/chevron-down-outline.svg');
  background-repeat: no-repeat;
  background-position: center;

  transform: scale(1);

  transition: transform 0.3s;
}

.select2-container--ap-select-theme.select2-container--open .select2-selection--single::after {
  transform: scale(-1);
}

.select2-container--ap-select-theme.select2-container--open .select2-dropdown--below {
  bottom: -20px;

  padding-top: var(--ap-spacing-4);
  padding-bottom: var(--ap-spacing-4);

  border: none;
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);

  transform: translateX(calc(-50% + 20px));
}

.select2-container--ap-select-theme .select2-results__option {
  display: grid;

  grid-template-columns: 1fr 18px;

  column-gap: var(--ap-spacing-14);

  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-family: var(--ap-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-secondary-gray-super-dark);
}

.select2-container--ap-select-theme .select2-results__option::after {
  display: block;

  width: 16px;
  height: 16px;

  content: '';
}

.select2-container--ap-select-theme .select2-results__option--highlighted {
  background-color: var(--ap-color-secondary-gray-light);
}

.select2-container--ap-select-theme .select2-results__option[aria-selected='true']::after {
  background-image: url('../../images/icons/checkmark-outline.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* select cneterd */

.select2-container.select2-container--ap-select-theme-cenetered .select2-selection--single {
  position: relative;

  display: flex;

  align-items: center;

  height: auto;

  font-family: var(--ap-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-secondary-gray-super-dark);
}

.select2-container.select2-container--ap-select-theme-cenetered .select2-selection--single .select2-selection__rendered {
  padding-right: 4px;
}

/* stylelint-disable-next-line no-descending-specificity */

.select2-container.select2-container--ap-select-theme-cenetered .select2-selection--single::after {
  display: block;

  width: 16px;
  height: 16px;

  content: '';

  background-image: url('../../images/icons/chevron-down-outline.svg');
  background-repeat: no-repeat;
  background-position: center;

  transform: scale(1);

  transition: transform 0.3s;
}

.select2-container--ap-select-theme-cenetered.select2-container--open .select2-selection--single::after {
  transform: scale(-1);
}

.select2-container--ap-select-theme-cenetered.select2-container--open .select2-dropdown--below {
  bottom: -10px;

  padding-top: var(--ap-spacing-4);
  padding-bottom: var(--ap-spacing-4);

  border: none;
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.select2-container--ap-select-theme-cenetered .select2-results__option {
  display: grid;

  grid-template-columns: 1fr 18px;

  column-gap: var(--ap-spacing-14);

  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-family: var(--ap-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-secondary-gray-super-dark);
}

.select2-container--ap-select-theme-cenetered .select2-results__option::after {
  display: block;

  width: 16px;
  height: 16px;

  content: '';
}

.select2-container--ap-select-theme-cenetered .select2-results__option--highlighted {
  background-color: var(--ap-color-secondary-gray-light);
}

.select2-container--ap-select-theme-cenetered .select2-results__option[aria-selected='true']::after {
  background-image: url('../../images/icons/checkmark-outline.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 768px) {
  .select2-container.select2-container--ap-select-theme-cenetered .select2-selection--single {
    font-size: 12px;
  }

  .select2-container--ap-select-theme-cenetered .select2-results__option {
    font-size: 12px;
  }
}

.ap-input-number {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);

  width: 100%;
}

.ap-input-number__wrapper {
  position: relative;

  width: 100%;
  height: 48px;
}

.ap-input-number__label {
  font-size: 12px;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-secondary-gray-dark);
}

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

.ap-input-number__input {
  max-width: 100%;
  height: 100%;

  padding-right: var(--ap-spacing-32);
  padding-left: var(--ap-spacing-12);

  text-align: center;
  appearance: textfield;

  background-color: var(--ap-color-secondary-gray-light);
  border: none;
  border-top-left-radius: var(--ap-corner-8);
  border-bottom-left-radius: var(--ap-corner-8);
}

.ap-input-number__btn {
  position: absolute;
  right: 0;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 24px;

  padding: var(--ap-spacing-4);

  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-primary-orange);
  border: none;

  transition: background-color 0.3s;
}

.ap-input-number__btn:hover {
  background-color: var(--ap-color-secondary-orange-dark);
}

.ap-input-number__btn:active {
  background-color: var(--ap-color-secondary-orange-dark-2);
}

.ap-input-number__btn:disabled {
  background-color: var(--ap-color-secondary-orange-super-light);
}

.ap-input-number__btn svg {
  width: 100%;
  height: auto;
}

.ap-input-number__btn--asc {
  top: 0;

  border-bottom: 1px solid var(--ap-color-secondary-white-60);
  border-top-right-radius: var(--ap-corner-8);
}

.ap-input-number__btn--desc {
  bottom: 0;

  border-bottom-right-radius: var(--ap-corner-8);
}

.ap-input-number__btn--desc svg {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .ap-input-number__wrapper {
    height: 40px;
  }

  .ap-input-number__label {
    font-size: 10px;
  }

  .ap-input-number__input {
    width: 100%;

    padding-right: 60px;
    padding-left: 60px;

    font-size: 14px;
  }

  .ap-input-number__btn {
    width: 48px;
    height: 40px;

    padding-top: var(--ap-spacing-12);
    padding-right: var(--ap-spacing-16);
    padding-bottom: var(--ap-spacing-12);
    padding-left: var(--ap-spacing-16);
  }

  .ap-input-number__btn--asc {
    /*left: auto;*/
    right: 0;
    border-radius: 0 var(--ap-corner-8) var(--ap-corner-8) 0;
  }

  .ap-input-number__btn--asc svg {
    transform: rotate(90deg);
  }

  .ap-input-number__btn--desc {
    left: 0;
    border-radius: var(--ap-corner-8) 0 0 var(--ap-corner-8);
  }

  .ap-input-number__btn--desc svg {
    transform: rotate(-90deg);
  }
}

.circle {
  position: absolute;

  width: 32px;
  height: 32px;

  color: var(--interact-action);

  border: 3px solid var(--ap-color-primary-white);
  border-radius: 50%;

  transform: translate(-50%, -50%);
}

.circle:hover {
  color: #2e4ce5;

  cursor: pointer;
}

.circle-content {
  position: absolute;
  top: 50%;
  left: 50%;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;

  background-color: var(--ap-color-primary-orange);
  border-radius: 50%;

  transform: translate3d(-50%, -50%, 0);
}

.circle-text {
  font-size: 14px;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-primary-white);
}

.ap-map-pin {
  width: 32px;
  height: 32px;

  color: var(--ap-color-primary-orange);

  cursor: pointer;
}

.ap-modal.modal {
  background-color: transparent;
}

.ap-modal-dialog.modal-dialog {
  max-width: max-content;

  margin-right: auto;
  margin-left: auto;

  background-color: transparent;
}

.ap-modal-content.modal-content {
  font: inherit;

  color: inherit;

  background-color: transparent;
  border: none;
  border-radius: 0;
}

.ap-modal-body.modal-body {
  display: block;

  width: 100%;

  padding: 0;
}
.ap-loading::before,
.ap-modal-body--loading::before {
  position: absolute;
  z-index: 10000;

  display: block;

  width: 100%;
  height: 100%;

  content: '';

  background-color: rgb(255 255 255 / 70%);
  border-radius: var(--ap-corner-20);
}

.ap-loading::after,
.ap-modal-body--loading::after {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  z-index: 10100;

  display: block;

  width: 50px;
  aspect-ratio: 1;

  content: '';

  background:
    radial-gradient(farthest-side, #ff6600, #00000000) top/8px 8px no-repeat,
    conic-gradient(#00000000 30%, #ff6600);
  border-radius: 50%;

  mask: radial-gradient(farthest-side, #00000000 calc(100% - 8px), #000000 0);

  animation: l13 1s infinite linear;
}


.ap-modal__close-btn.btn-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 100;

  box-sizing: border-box;
  display: flex;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  padding: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-not-very-dark);

  background: none;
}

.ap-modal__close-btn.btn-close svg {
  width: 100px;
  height: auto;
}

.ap-modal__close-btn.btn-close:hover,
.ap-modal__close-btn.btn-close:active {
  color: var(--ap-color-primary-black);
}

.ap-modal__close-btn.btn-close:disabled {
  color: var(--ap-color-secondary-gray-light-shadow-2);
}

@media (max-width: 768px) {
  .ap-modal__close-btn.btn-close {
    top: 8px;
    right: 8px;

    width: 20px;
    height: 20px;

    padding: 0;
  }
}

.ap-form {
  position: relative;
}

.ap-form .filter-reset {
  width: unset;
  height: auto;
  background-image: none;
}


.ap-form__fieldset {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-12);
}

.ap-form__legend {
  margin: 0;

  font-size: 16px;
  font-weight: 500;

  line-height: normal;

  color: var(--ap-color-primary-black);
}

.ap-form__fieldset:first-of-type .ap-form__legend {
  max-width: 201px;
}

.ap-filters-shown .ap-form__fieldset:first-of-type .ap-form__legend {
  max-width: 100%;
}

.ap-form__input-wrapper {
  position: relative;

  overflow: hidden;
}

.ap-form__input:not([type='checkbox'], [type='radio']) {
  width: 100%;

  padding: var(--ap-spacing-12);

  font-size: 14px;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-primary-black);

  background-color: var(--ap-color-secondary-gray-light);
  border: none;
  border-radius: var(--ap-corner-8);
}

.ap-form__input:not([type='checkbox'], [type='radio']):focus,
.ap-form__input:not([type='checkbox'], [type='radio']):hover {
  border: none;
}

.ap-form__input::placeholder {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-form__input-reset-btn {
  position: absolute;
  top: 50%;
  right: 12px;

  display: block;

  width: 32px;
  height: 32px;

  padding: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-not-very-dark);

  background-color: transparent;
  border: none;

  opacity: 0;

  transform: translate(200%, -50%);

  transition:
    opacity 0.3s,
    transform 0.3s;
}

.ap-form__input-reset-btn:hover,
.ap-form__input-reset-btn:active {
  color: var(--ap-color-secondary-gray-dark);
}

.ap-form__input-reset-btn svg {
  width: 100%;
  height: auto;
}

.ap-form__input:not(:placeholder-shown) + .ap-form__input-reset-btn {
  opacity: 1;

  transform: translate(0, -50%);
}

.ap-form__submit-btn-wrapper {
  padding-top: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-12);
}

.ap-form__submit-btn {
  width: 100%;
}

.ap-form__show-more-btn {
  display: inline-flex;

  align-items: center;

  padding: 0;

  color: var(--ap-color-primary-orange);

  background-color: transparent;
  border: none;

  transition: color 0.3s;
}

.ap-form__show-more-btn:hover,
.ap-form__show-more-btn:active {
  color: var(--ap-color-secondary-orange-dark);
}

.ap-form__show-more-btn.hidden {
  display: none;
}

.ap-form__reset-btn {
  padding: 0;

  color: var(--ap-color-primary-orange);

  text-decoration: none;

  background-color: transparent;
  border: none;
}

.ap-form__reset-btn:hover,
.ap-form__reset-btn:active {
  color: var(--ap-color-secondary-orange-dark);
}

.ap-form__reset-btn:disabled {
  color: var(--ap-color-secondary-gray-light-shadow);
}

.ap-form__reset-btn.disabled {
  color: var(--ap-color-secondary-gray-light-shadow);
}


.ap-form__expandable-item {
  display: none;
}

.ap-form__expandable-item:nth-child(-n + 6) {
  display: block;
}

.ap-form__expandable-list--expanded .ap-form__expandable-item {
  display: block;
}


.ap-form__group {
  position: relative;
}

.ap-form__validation {
  display: none;
}

.ap-form__group--error .ap-form__validation {
  display: block;

  font-size: 12px;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-tertiary-red);
}

@media (max-width: 768px) {
  .ap-form__fieldset {
    row-gap: var(--ap-spacing-8);
  }

  .ap-form__legend {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-form__input:not([type='checkbox'], [type='radio']) {
    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-32);

    font-size: 12px;

    background-size: 12px 12px;
  }

  .ap-form__input-reset-btn {
    width: 24px;
    height: 24px;

    padding: 2px;
  }

  .ap-form__show-more-btn {
    font-size: 12px;
  }
}

.ap-form-search__input:not([type='checkbox'], [type='radio']) {
  padding-top: var(--ap-spacing-12);
  padding-right: 56px;
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-40);

  background-image: url('../../images/icons/search.svg');
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 16px 16px;
}

.ap-form-search__input::-webkit-search-cancel-button {
  display: none;
}

@media (max-width: 768px) {
  .ap-form-search__input:not([type='checkbox'], [type='radio']) {
    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-32);

    font-size: 12px;

    background-size: 12px 12px;
  }
}

.ap-form__price-wrapper {
  display: grid;

  grid-template-columns: 1fr 1fr;

  column-gap: var(--ap-spacing-8);
}

.ap-form__input[type='number']::-webkit-outer-spin-button,
.ap-form__input[type='number']::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.ap-form__input[type='number'] {
  appearance: textfield;
}

.ap-form-select {
  width: 100%;
}

.select2-container--ap-form-select-theme .select2-selection--single {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: space-between;

  width: 100%;
  height: auto;

  padding: var(--ap-spacing-12);

  font-family: var(--ap-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-primary-black);

  background-color: var(--ap-color-secondary-gray-light);
  border-radius: var(--ap-corner-8);
}

.select2-container--ap-form-select-theme .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.select2-container--ap-form-select-theme .select2-selection--single .select2-selection__placeholder {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.select2-container--ap-form-select-theme .select2-selection--single::after {
  display: block;

  width: 16px;
  height: 16px;

  content: '';

  background-image: url('../../images/icons/chevron-down-outline.svg');
  background-repeat: no-repeat;
  background-position: center;

  opacity: 0.6;

  transform: scale(1);

  transition: transform 0.3s;
}

.select2-container--ap-form-select-theme.select2-container--open .select2-selection--single::after {
  transform: scale(-1);
}

.select2-container--ap-form-select-theme.select2-container--open .select2-dropdown--below {
  top: calc(100% + 8px);
  z-index: 5000;

  max-height: 320px;

  padding-top: var(--ap-spacing-4);
  padding-bottom: var(--ap-spacing-4);

  overflow-y: auto;

  border: none;
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.select2-container--ap-form-select-theme .select2-results__option {
  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-size: 14px;
  font-weight: 400;

  line-height: normal;
}

.select2-container--ap-form-select-theme .select2-results__option--highlighted {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-form-choices-select .choices__input {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-form-choices-select input:not([type='checkbox'], [type='radio']),
.ap-form-choices-select input:not([type='checkbox'], [type='radio']):focus,
.ap-form-choices-select input:not([type='checkbox'], [type='radio']):hover {
  border: none;
}

.ap-form-choices-select .choices[data-type*='select-one'] .choices__list--single {
  padding: var(--ap-spacing-12);

  font-family: var(--ap-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-primary-black);

  background-color: var(--ap-color-secondary-gray-light);
  border-radius: var(--ap-corner-8);
}

.ap-form-choices-select .choices[data-type*='select-one']::after {
  display: none;
}

.ap-form-choices-select .choices__inner-withoot-border {
  position: relative;
}

.ap-form-choices-select .choices__inner-withoot-border::after {
  position: absolute;
  right: 12px;
  bottom: 12px;

  display: block;

  width: 16px;
  height: 16px;

  content: '';

  background-image: url('../../images/icons/chevron-down-outline.svg');
  background-repeat: no-repeat;
  background-position: center;

  opacity: 0.6;

  transform: scale(1);

  transition: transform 0.3s;
}

.ap-form-choices-select .is-open .choices__inner-withoot-border::after {
  transform: scale(-1);
}

.ap-form-choices-select .choices__list--dropdown .choices__list {
  display: block;
}


.ap-form-choices-select .choices__list.choices__list--dropdown {
  padding-top: var(--ap-spacing-4);
  padding-right: 0;
  padding-bottom: var(--ap-spacing-4);
  padding-left: 0;

  border: none;
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.ap-form-choices-select .choices__list--dropdown .choices__item {
  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-size: 14px;
  font-weight: 400;

  line-height: normal;
}

.ap-form-choices-select .choices__list--dropdown .choices__item--selectable.is-highlighted, 
.ap-form-choices-select .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  color: var(--ap-color-primary-black)
}

.ap-form-choices-select .choices__list--dropdown .choices__item:hover {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-form-choices-select .choices__list--multiple .choices__item[data-deletable] {
  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-form-choices-select .choices[data-type*='select-multiple'] .choices__button,
.ap-form-choices-select .choices[data-type*='text'] .choices__button {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSIjMGEwYTBhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTTIuNTkyLjA0NGwxOC4zNjQgMTguMzY0LTIuNTQ4IDIuNTQ4TC4wNDQgMi41OTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPgogIDwvZz4KPC9zdmc+');
}

@media (max-width: 768px) {
  .select2-container--ap-form-select-theme .select2-selection--single {
    font-size: 12px;
  }

  .select2-container--ap-form-select-theme .select2-results__option {
    font-size: 12px;
  }
}

.ap-form-keywords {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-8);
}

.ap-form-keywords__label {
  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-form-keywords__label:hover {
  color: var(--ap-color-secondary-gray-dark);
}

.ap-form-keywords__input:checked + label {
  font-weight: 500;

  color: var(--ap-color-primary-black);
}

@media (max-width: 768px) {
  .ap-form-keywords__label {
    font-size: 12px;
  }
}

.ap-form__radios-list {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-12);
}

.ap-form__radio-label {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-content: center;
}

.ap-form__radio-label b {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 16px;
  height: 16px;

  border: 1px solid var(--ap-color-primary-black);
  border-radius: 50%;
}

.ap-form__radio-label b::before {
  display: block;

  width: 12px;
  height: 12px;

  content: '';

  background-color: transparent;
  border-radius: 50%;

  transition: background-color 0.3s ease-in-out;
}

.ap-form__radio-input:checked + .ap-form__radio-label b::before {
  background-color: var(--ap-color-primary-black);
}

@media (max-width: 768px) {
  .ap-form__radio-label {
    font-size: 12px;
  }

  .ap-form__radio-label b {
    width: 12px;
    height: 12px;
  }

  .ap-form__radio-label b::before {
    width: 8px;
    height: 8px;
  }
}

.ap-form__checkbox-list {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-8);
}

.ap-form__checkbox-label {
  display: flex;

  flex-shrink: 0;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-form__checkbox-label-icon {
  position: relative;

  display: flex;

  flex-shrink: 0;

  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  border-radius: var(--ap-corner-4);
}

.ap-form__checkbox-label-icon::before {
  display: block;

  flex-shrink: 0;

  width: 21px;
  height: 21px;

  content: '';

  background-color: var(--ap-color-secondary-gray-light);
  border-radius: var(--ap-corner-4);
}

.ap-form__checkbox-label-icon svg {
  position: absolute;

  width: 100%;
  height: auto;

  opacity: 0;

  transition: opacity 0.3s ease-in-out;
}

.ap-form__checkbox-input:checked + .ap-form__checkbox-label .ap-form__checkbox-label-icon::before {
  position: absolute;
  z-index: -1;
}

.ap-form__checkbox-input:checked + .ap-form__checkbox-label .ap-form__checkbox-label-icon svg {
  position: static;

  opacity: 1;
}

.ap-form__checkbox-sm .ap-form__checkbox-label {
  font-size: 12px;
  font-weight: 400;
}

.ap-form__checkbox-sm .ap-form__checkbox-label-icon {
  width: 16px;
  height: 16px;
}

/* stylelint-disable-next-line no-descending-specificity */

.ap-form__checkbox-sm .ap-form__checkbox-label-icon::before {
  width: 14px;
  height: 14px;
}

@media (max-width: 768px) {
  .ap-form__checkbox-label-icon {
    width: 20px;
    height: 20px;
  }

  .ap-form__checkbox-label-icon::before {
    width: 17px;
    height: 17px;
  }

  .ap-form__checkbox-sm .ap-form__checkbox-label {
    font-size: 10px;
  }

  .ap-form__checkbox-sm .ap-form__checkbox-label-icon {
    width: 12px;
    height: 12px;
  }

  /* stylelint-disable-next-line no-descending-specificity */
  .ap-form__checkbox-sm .ap-form__checkbox-label-icon::before {
    width: 10px;
    height: 10px;
  }
}

.ap-form__datepicker {
  position: relative;
}

.ap-form__datepicker input:not([type='checkbox'], [type='radio']) {
  width: 100%;

  padding: var(--ap-spacing-12);

  color: var(--ap-color-primary-black);

  background-color: var(--ap-color-secondary-gray-light);
  border: none;
  border-radius: 8px;
}

.ap-form__datepicker input::placeholder {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-form__datepicker svg {
  position: absolute;
  top: 50%;
  right: var(--ap-spacing-12);

  width: 16px;
  height: 16px;

  padding: 0;

  background-color: transparent;
  border: none;

  transform: translateY(-50%);
}


.ap-auction-info-text {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-secondary-gray-dark);

  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 2px;
  transition: color 0.3s ease-in-out, text-decoration-color 0.3s ease-in-out;
}

.ap-auction-info-text:hover {
  color: var(--ap-color-primary-orange);
  text-decoration-color: var(--ap-color-primary-orange);
}

@media (max-width: 768px) {
  .ap-auction-info-text {
    font-size: 10px;
  }
}

.ap-payment-methods {
  display: flex;

  column-gap: var(--ap-spacing-12);
  align-items: center;
}

.ap-main-page-top {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);

  padding-top: var(--ap-spacing-20);
  padding-bottom: var(--ap-spacing-52);
}

.ap-main-new-ads__list {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  row-gap: var(--ap-spacing-40);
  column-gap: var(--ap-spacing-20);
}

.ap-main-page-news {
  padding-bottom: 72px;
}

.ap-main-page-warranty__wrapper {
  display: grid;

  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;

  row-gap: var(--ap-spacing-20);
  column-gap: var(--ap-spacing-32);

  padding: var(--ap-spacing-40);

  border: 2px solid var(--ap-color-secondary-gray-light-shadow-2);
  border-radius: var(--ap-corner-20);
}

.ap-main-page-warranty__text {
  grid-row: 2;
  grid-column: 1;
}

.ap-main-page-warranty__video {
  grid-row: 1 / 3;
  grid-column: 2;

  max-width: 552px;
}

.ap-main-page-warranty__video video {
  max-width: 100%;
}

@media (max-width: 1024px) {
  .ap-main-new-ads__list {
    grid-template-columns: repeat(3, 1fr);

    row-gap: var(--ap-spacing-32);
  }

  .ap-main-page-warranty__wrapper {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-40);
  }

  .ap-main-page-warranty__text {
    order: 1;
  }
}

@media (max-width: 768px) {
  .ap-main-page-top {
    row-gap: var(--ap-spacing-12);

    padding-top: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-20);
  }

  .ap-ads-card__info {
    row-gap: var(--ap-spacing-4);
  }

  .ap-main-page-warranty__wrapper {
    row-gap: var(--ap-spacing-20);

    padding: var(--ap-spacing-20);
  }
}

@media (max-width: 482px) {
  .ap-main-new-ads__list {
    grid-template-columns: repeat(2, 1fr);

    row-gap: var(--ap-spacing-20);
    column-gap: var(--ap-spacing-12);
  }
}

.ap-main-page-services__wrapper {
  padding: var(--ap-spacing-40);

  border: 2px solid var(--ap-color-secondary-gray-light-shadow-2);
  border-radius: var(--ap-corner-20);
}

.ap-main-page-services__title {
  margin-bottom: var(--ap-spacing-32);
}

.ap-main-page-services__list {
  display: flex;

  column-gap: var(--ap-spacing-20);
  align-items: start;
  justify-content: space-between;
}

.ap-main-page-services__item {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);
  align-items: center;

  width: 248px;

  text-align: center;
}

.ap-main-page-services__item-title {
  margin-bottom: var(--ap-spacing-8);

  color: var(--ap-color-primary-orange);
}

.ap-main-page-services__img {
  display: flex;

  gap: 10px;
  align-items: center;
  justify-content: center;

  width: 152px;
  height: 152px;

  padding: 16px 13px;

  border: 2px solid var(--ap-color-primary-orange);
  border-radius: 76px;
}

.ap-main-page-services__img-icon {
  width: 100%;
  height: auto;
}

.ap-main-page-services__item-content {
  display: flex;

  flex-direction: column;

  column-gap: var(--ap-spacing-8);
}

.ap-main-page-services__item-decor {
  position: relative;
}

.ap-main-page-services__item-decor span {
  position: absolute;

  display: block;

  width: 86px;
  height: 16px;

  background-image: url('../../images/icons/arrow-big.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transform: translate(-50%, 70px);
}

@media (max-width: 1140px) {
  .ap-main-page-services__item-title {
    font-size: 20px;
  }

  .ap-main-page-services__item-text {
    font-size: 14px;
  }

  .ap-main-page-services__img {
    width: 76px;
    height: 76px;
  }

  .ap-main-page-services__item-decor span {
    transform: translate(-50%, 30px);
  }
}

@media (max-width: 920px) {
  .ap-main-page-services__wrapper {
    padding: var(--ap-spacing-20);
  }

  .ap-main-page-services__item-decor span {
    width: 68px;
  }
}

@media (max-width: 768px) {
  .ap-main-page-services__title {
    text-align: center;
  }

  .ap-main-page-services__list {
    flex-direction: column;

    row-gap: 60px;
    align-items: center;
  }

  .ap-main-page-services__item-title {
    font-size: 32px;
  }

  .ap-main-page-services__item-text {
    font-size: 16px;
  }

  .ap-main-page-services__img {
    width: 152px;
    height: 152px;
  }

  .ap-main-page-services__item-decor span {
    width: 80px;

    transform: translate(-50%, -50%) rotate(90deg);
  }
}

@media (max-width: 440px) {
  .ap-main-page-services__wrapper {
    border-radius: var(--ap-corner-16);
  }

  .ap-main-page-services__list {
    row-gap: 40px;
  }

  .ap-main-page-services__item-title {
    font-size: 20px;
  }

  .ap-main-page-services__item-text {
    font-size: 14px;
  }

  .ap-main-page-services__img {
    width: 76px;
    height: 76px;
  }

  .ap-main-page-services__item-decor span {
    width: 40px;
  }
}

.ap-main-page-buy-send,
.ap-main-page-gallery-services,
.ap-main-page-renting-house,
.ap-main-page-loan {
  padding-top: var(--ap-spacing-72);
  padding-bottom: var(--ap-spacing-72);
}

.ap-main-page-gallery-services {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .ap-main-page-buy-send,
  .ap-main-page-gallery-services,
  .ap-main-page-renting-house,
  .ap-main-page-loan {
    padding-top: var(--ap-spacing-40);
    padding-bottom: var(--ap-spacing-40);
  }

  .ap-main-page-gallery-services {
    padding-bottom: 0;
  }
}

.ap-main-page-awards {
  padding-top: var(--ap-spacing-40);
  padding-bottom: 112px;
}

.ap-main-page-awards__title {
  margin-bottom: var(--ap-spacing-40);

  text-align: center;
}

.ap-main-page-awards__list {
  display: flex;

  column-gap: var(--ap-spacing-52);
  align-items: start;
  justify-content: center;
}

.ap-main-page-awards__link {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-12);
  align-items: center;

  max-width: 184px;

  text-align: center;

  text-decoration: none;
  transition: transform 0.3s ease-in-out;
}

.ap-main-page-awards__link:hover {
  transform: scale(1.1);
} 

.ap-main-page-awards__item-text {
  color: var(--ap-color-secondary-gray-dark);
}

.ap-main-page-awards__image {
  max-height: 108px;
}

@media (max-width: 768px) {
  .ap-main-page-awards__list {
    column-gap: var(--ap-spacing-12);
  }

  .ap-main-page-awards__link {
    max-width: 142px;
  }

  .ap-main-page-awards__image {
    max-height: 44px;
  }
}

.ap-contact {
  display: grid;

  grid-template-columns: 1fr 58.54%;

  column-gap: var(--ap-spacing-32);

  padding: var(--ap-spacing-40);

  background-color: #ffc299;
  border-radius: var(--ap-corner-20);
}

.ap-contact-form {
  display: grid;

  grid-template-columns: 1fr 1fr;

  row-gap: var(--ap-spacing-24);
  column-gap: var(--ap-spacing-12);

  width: 100%;
}

.ap-contact__intro {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);

  width: 100%;
  max-width: 409px;
}

.ap-contact-form__group {
  position: relative;

  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-4);
}

.ap-contact-form__validation {
  display: none;
}

.ap-contact-form__group--error .ap-contact-form__validation {
  display: block;

  font-size: 12px;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-tertiary-red);
}

.ap-contact-form__input:not([type='checkbox'], [type='radio']) {
  display: inline-block;

  width: 100%;

  padding-top: var(--ap-spacing-22);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  line-height: normal;

  background: var(--ap-color-primary-white);
  border: none;
  border-radius: var(--ap-corner-8);
}

.ap-contact-form__input:not([type='checkbox'], [type='radio']):focus,
.ap-contact-form__input:not([type='checkbox'], [type='radio']):hover {
  border: none;
}

.ap-contact-form__textarea-container {
  grid-column: 1 / 3;
}

.ap-contact-form__textarea-wrapper {
  position: relative;
}

.ap-contact-form__textarea {
  width: 100%;

  padding-top: var(--ap-spacing-22);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-24);
  padding-left: var(--ap-spacing-12);

  line-height: normal;

  background: var(--ap-color-primary-white);
  border: none;
  border-radius: var(--ap-corner-8);
}

.ap-contact-form__textarea-counter {
  position: absolute;
  right: 12px;
  bottom: 12px;

  font-size: 12px;
  font-weight: 400;

  color: var(--ap-color-secondary-gray-not-very-dark);

  text-align: right;

  content: attr(data-text-count);

  transition: color 0.3s;
}

.ap-contact-form__textarea-counter--full {
  color: var(--ap-color-tertiary-red);
}

.ap-contact-form__textarea::placeholder {
  color: var(--ap-color-primary-white);
}

.ap-contact-form__input::placeholder {
  color: var(--ap-color-primary-white);
}

.ap-contact-form__label {
  position: absolute;
  top: 16px;
  left: 12px;

  font-size: 16px;

  color: var(--ap-color-secondary-gray-not-very-dark);

  pointer-events: none;

  transition:
    font-size 0.3s,
    top 0.3s;
}

.ap-contact-form__textarea:focus + label,
.ap-contact-form__textarea:not(:placeholder-shown) + label,
.ap-contact-form__input:focus + label,
.ap-contact-form__input:not(:placeholder-shown) + label {
  top: 8px;

  font-size: 12px;
}

 textarea.ap-contact-form__textarea:hover,
 textarea.ap-contact-form__textarea:focus {
    border: none;
 }

.ap-contact-form__accept {
  grid-column: 1 / 3;
}

.ap-contact-form__checkbox-label {
  display: inline-flex;

  gap: var(--ap-spacing-4);
  align-items: start;

  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-contact-form__checkbox-label-text {
  line-height: 24px;
}

.ap-contact-form__checkbox-icons {
  position: relative;

  flex-shrink: 0;

  width: 24px;
  height: 24px;

  overflow: hidden;
}

.ap-contact-form__checkbox-icon {
  position: absolute;

  width: 100%;
  height: auto;

  opacity: 0;

  transition: opacity 0.3s;
}

.ap-contact-form__checkbox + label .ap-contact-form__checkbox-icon--unchecked {
  opacity: 1;
}

.ap-contact-form__checkbox + label .ap-contact-form__checkbox-icon--checked {
  opacity: 0;
}

.ap-contact-form__checkbox:checked + label .ap-contact-form__checkbox-icon--unchecked {
  opacity: 0;
}

.ap-contact-form__checkbox:checked + label .ap-contact-form__checkbox-icon--checked {
  opacity: 1;
}

.ap-contact-form__accept-link {
  color: var(--ap-color-secondary-gray-super-dark);
  text-decoration-line: underline;
  text-decoration-thickness: auto;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  text-decoration-skip-ink: none;
}

.ap-contact-form__submit-btn {
  display: inline-flex;

  grid-column: 1 / 3;

  align-items: center;
  justify-content: center;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-16);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-16);

  color: var(--ap-color-primary-white);

  cursor: pointer;

  background-color: var(--ap-color-primary-black);
  border: none;
  border-radius: var(--ap-corner-8);

  transition: color 0.3s, opacity 0.3s;
}

.ap-contact-form__submit-btn:hover {
  color: var(--ap-color-primary-orange);
}

.ap-contact-form__submit-btn:active {
  color: var(--ap-color-secondary-orange-dark-2);
}

.ap-contact-form__submit-btn:disabled {
  pointer-events: none;
  opacity: 0.7;
}

.ap-modal-success {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-16);
  align-items: center;

  max-width: 590px;

  padding: 68px;

  overflow: hidden;

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-20);
}

.ap-modal-success p {
  margin: 0;

  color: var(--ap-color-secondary-gray-dark);

  text-align: center;
}

@media (max-width: 768px) {
  .ap-contact {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-20);

    padding: var(--ap-spacing-20);
  }

  .ap-contact-form {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-12);
  }

  .ap-contact__intro {
    row-gap: var(--ap-spacing-12);
  }

  .ap-contact__intro-text {
    font-size: 16px;
  }

  .ap-contact-form__input,
  .ap-contact-form__textarea {
    font-size: 14px;
  }

  .ap-contact-form__accept {
    order: 1;
  }

  .ap-contact-form__checkbox-label,
  .ap-contact-form__accept-link {
    font-size: 12px;

    color: var(--ap-color-secondary-gray-dark);
  }

  .ap-contact-form__submit-btn {
    padding: var(--ap-spacing-12);
    margin-top: var(--ap-spacing-12);
    margin-bottom: var(--ap-spacing-12);

    font-size: 14px;
  }

  .ap-contact-form__checkbox-label-text {
    line-height: 16px;
  }

  .ap-contact-form__checkbox-icons {
    width: 16px;
    height: 16px;
  }

  .ap-modal-success {
    padding: 20px;
  }
}

.ap-choose-city {
  width: 996px;
  max-width: 100%;

  padding: var(--ap-spacing-40);

  overflow: hidden;

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-16);
}

.ap-choose-city__header {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-40);

  margin-bottom: var(--ap-spacing-40);
}

.ap-choose-city__content {
  position: relative;

  height: 456px;

  margin-bottom: 20px;

  overflow: hidden;

  border: 1px solid var(--ap-color-secondary-gray-light-shadow-2);
  border-radius: var(--ap-corner-12);
}

.ap-choose-city__not-found .ap-choose-city__content {
  border: none;
  border-radius: 0;
}

.ap-choose-city__not-found .ap-choose-city__content::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;

  display: block;

  width: 100%;
  height: 100%;

  content: '';

  background-color: var(--ap-color-primary-white);
}

.ap-choose-city__map {
  width: 100%;
  height: 100%;
}

.ap-map-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;

  display: none;

  padding: 10px 20px;
  font-size: 24px;

  background: rgb(255 255 255 / 80%);
  border-radius: 6px;

  transform: translate(-50%, -50%);
}

.ap-choose-city__ads {
  position: absolute;
  z-index: 10;

  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);

  width: 236px;
  height: 100%;

  padding-top: var(--ap-spacing-20);

  background-color: var(--ap-color-primary-white);
  border-top-right-radius: var(--ap-corner-12);
  border-bottom-right-radius: var(--ap-corner-12);
  box-shadow: 4px 0 20px 0 rgb(0 0 0 / 10%);

  transform: translateX(-150%);

  transition: transform 0.3s ease-in-out;
}

.ap-choose-city__content--shown .ap-choose-city__ads {
  transform: translateX(0);
}

.ap-choose-city__ads-title {
  padding-right: var(--ap-spacing-20);
  padding-left: var(--ap-spacing-20);
}

.ap-choose-city__ads-container {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);

  padding-right: var(--ap-spacing-30);
  padding-bottom: var(--ap-spacing-20);
  padding-left: var(--ap-spacing-20);

  overflow-y: auto;
}

.ap-choose-city__footer {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: space-between;
}

.ap-choose-city__shaw-all-btn {
  transform: translateX(0);

  transition: transform 0.3s ease-in-out;
}

.ap-choose-city__shaw-all-btn.disabled,
.ap-choose-city__shaw-all-btn:disabled {
  position: absolute;

  transform: translateX(-100vw);
}


.ap-choose-city__shaw-all-selected-btn {
  transform: translateX(0);

  transition: transform 0.3s ease-in-out;
}

.ap-choose-city__shaw-all-selected-btn:disabled {
  position: absolute;

  transform: translateX(-100vw);
}

.ap-choose-city__set-location-btn {
  display: inline-flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-16);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-16);
  margin-left: auto;

  color: var(--ap-color-secondary-gray-super-dark);

  background-color: transparent;
  border: none;

  transition: color 0.3s;
}

.ap-choose-city__set-location-btn:hover {
  color: var(--ap-color-primary-orange);
}

.ap-choose-city__set-location-btn:active {
  color: var(--ap-color-secondary-orange-dark);
}

.ap-choose-city__set-location-btn:disabled {
  color: var(--ap-color-secondary-gray-medium);
  pointer-events: none;
}

.ap-choose-city__content-close-btn {
  display: none;

  padding: 0;

  color: var(--ap-color-secondary-gray-not-very-dark);

  pointer-events: none;
  cursor: pointer;

  background-color: transparent;
  border: none;

  transition: color 0.3s ease-in-out;
}

.ap-choose-city__content-close-btn:hover,
.ap-choose-city__content-close-btn:active {
  color: var(--ap-color-primary-black);
}

@media (max-width: 1024px) {
  .ap-choose-city {
    width: 92.5vw;
  }
}

@media (max-width: 768px) {
  .ap-choose-city {
    padding: var(--ap-spacing-20);
  }

  .ap-choose-city__ads {
    width: 100%;
    max-width: 296px;
  }

  .ap-choose-city__ads-container {
    padding-right: var(--ap-spacing-20);
  }

  .ap-choose-city__ads-title {
    padding-top: 6px;
    padding-right: 62px;
    padding-left: 62px;

    font-size: 14px;

    text-align: center;
  }

  .ap-choose-city__content-close-btn {
    position: absolute;
    left: 20px;

    display: inline-flex;

    pointer-events: all;
  }
}

@media (max-width: 660px) {
  .ap-choose-city__header {
    row-gap: var(--ap-spacing-20);

    margin-bottom: var(--ap-spacing-20);
  }

  .ap-choose-city__footer {
    flex-direction: column;
  }

  .ap-choose-city__set-location-btn {
    row-gap: var(--ap-spacing-12);

    margin-left: 0;
  }
}

@media (max-width: 486px) {
  .ap-choose-city {
    height: 446px;

    overflow-y: auto;
  }

  .ap-choose-city__content {
    height: 272px;
  }

  .ap-choose-city__content--shown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;

    width: 100%;
    height: 100%;

    border: none;
  }

  .ap-choose-city__ads-container {
    width: 100%;
    max-width: 256px;

    padding: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .ap-choose-city__ads {
    max-width: 100%;
  }

  .ap-choose-city__title {
    text-align: center;
  }

  .ap-choose-city__set-location-btn {
    font-size: 14px;
  }

  .ap-choose-city__shaw-all-selected-btn {
    padding-top: var(--ap-spacing-8);
    padding-right: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-12);

    font-size: 14px;
  }
}

.ap-city-search {
  position: relative;
}

.ap-city-search__input {
  width: 100%;

  padding: var(--ap-spacing-12);

  color: var(--ap-color-primary-black);

  background: var(--ap-color-secondary-gray-light);
  border: none;
  border-radius: var(--ap-corner-8);
}

.ap-city-search__input::placeholder {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-city-search__input:focus {
  outline: 1px solid var(--ap-color-primary-orange);
}

.ap-city-search__results {
  position: absolute;
  top: calc(100% + 8px);
  z-index: 200;

  display: none;

  width: 100%;
  max-width: 511px;

  padding-top: var(--ap-spacing-4);
  padding-bottom: var(--ap-spacing-4);

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.ap-city-search__results--show {
  display: block;
}

.ap-city-search__not-found-message {
  position: absolute;

  margin-top: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-not-very-dark);

  opacity: 0;

  transform: translateY(-100%);

  transition:
    opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out;
}

.ap-choose-city__not-found .ap-city-search__not-found-message {
  opacity: 1;

  transform: translateY(0);
}

.ap-city-search__list {
  max-height: 440px;

  overflow-y: auto;
}

.ap-city-search__item-btn {
  display: block;

  width: 100%;

  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  text-align: left;

  background-color: transparent;
  border: none;

  transition: background-color 0.3s ease-in-out;
}

.ap-city-search__item-btn:hover {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-city-search__item-btn:active {
  background-color: var(--ap-color-secondary-gray-light-shadow);
}

.ap-ctaegory-page {
  margin-top: var(--ap-spacing-24);
}

.ap-tenders-header {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-24);
}

.ap-tenders__tab-header {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-24);

  margin-top: var(--ap-spacing-24);
  margin-bottom: var(--ap-spacing-24);
}

.ap-tenders__top {
  display: flex;

  flex-wrap: wrap;

  gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.ap-tenders__title span {
  color: var(--ap-color-secondary-gray-medium);
}

.ap-tenders-container {
  display: grid;

  grid-template-columns: 285px 1fr;

  column-gap: var(--ap-spacing-20);
}

.ap-tenders-form {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);
}

.ap-tenders-ads__controls {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 20px;
}

.ap-tenders-ads__sort {
  display: flex;

  column-gap: var(--ap-spacing-8);
  align-items: center;
}

.ap-tenders-ads__filters-btn {
  display: none;

  align-items: center;
  justify-content: center;

  width: 36px;
  height: 44px;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-8);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-8);

  color: var(--ap-color-secondary-gray-super-dark);

  background-color: transparent;
  border: none;
}

.ap-tenders-ads__filters-btn svg {
  width: 100%;
  height: auto;
}

.ap-tenders-ads__view-toggles {
  display: flex;

  align-items: center;
}

.ap-tenders-ads__view-toggle-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  padding: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-medium);

  background-color: transparent;
  border: none;
}

.ap-tenders-ads__view-toggle-btn svg {
  width: 100%;
  height: auto;
}

.ap-tenders-ads__view-toggle-btn:hover {
  color: var(--ap-color-secondary-orange-super-light);
}

.ap-tenders-ads__view-toggle-btn:active {
  color: var(--ap-color-primary-orange);
}

.ap-tenders-ads__view-toggle-btn--current {
  color: var(--ap-color-primary-orange);
}

.ap-tenders-ads__list {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  row-gap: var(--ap-spacing-40);
  column-gap: var(--ap-spacing-20);
}

.ap-filters-wrapper__controls {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;

  align-items: center;
  justify-content: space-between;

  background-color: var(--ap-color-primary-white);
}

.ap-filters-wrapper__controls > *:not(.ap-form__reset-btn) {
  display: none;
}

.ap-filters-wrapper__close-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  padding: 4px;
  padding: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-not-very-dark);

  background-color: transparent;
  border: none;
}

.ap-filters-wrapper__close-btn svg {
  width: 100px;
  height: auto;
}

.ap-filters-wrapper__close-btn:hover,
.ap-filters-wrapper__close-btn:active {
  color: var(--ap-color-primary-black);
}

@media (max-width: 1024px) {
  .ap-tenders-ads__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .ap-tenders-container.ap-tenders-container--list {
    display: block;
  }

  .ap-tenders-container--list .ap-tenders-ads__filters-btn {
    display: inline-flex;
  }

  .ap-tenders-container--list .ap-filters-wrapper {
    position: fixed;
    top: 0;
    left: -200%;
    z-index: 3000;

    width: 100%;
    height: 100%;

    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;

    overflow-y: auto;

    background-color: var(--ap-color-primary-white);
    border-bottom-left-radius: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);

    transition: transform 0.3s ease-in-out;
  }

  .ap-tenders-container--list.ap-filters-shown .ap-filters-wrapper {
    padding-top: 0;

    transform: translateX(200%);
  }

  .ap-tenders-container--list.ap-filters-shown .ap-tenders-filters {
    display: block;

    max-width: 600px;

    padding-right: 30px;
    padding-left: 30px;
    margin: 0 auto;
  }

  .ap-tenders-container--list.ap-filters-shown .ap-filters-wrapper__controls {
    position: sticky;
    z-index: 20;

    display: flex;

    padding-top: var(--ap-spacing-40);
    padding-bottom: var(--ap-spacing-40);
  }

  .ap-tenders-container--list.ap-filters-shown .ap-filters-wrapper__controls > *:not(.ap-form__reset-btn) {
    display: inline-flex;
  }
}

@media (max-width: 768px) {
  .ap-ctaegory-page {
    margin-top: var(--ap-spacing-12);
  }

  .ap-tenders-header {
    row-gap: var(--ap-spacing-20);
  }

  .ap-tenders__tab-header {
    row-gap: var(--ap-spacing-20);

    margin-top: var(--ap-spacing-20);
    margin-bottom: var(--ap-spacing-12);
  }

  .ap-tenders__top {
    flex-direction: column;

    row-gap: var(--ap-spacing-20);
    align-items: start;
  }

  .ap-ctaegory-page__deal-type {
    margin-right: auto;
    margin-left: auto;
  }

  .ap-tenders-container {
    display: block;
  }

  .ap-tenders-filters {
    display: none;
  }

  .ap-tenders-ads__list {
    grid-template-columns: repeat(3, 1fr);

    row-gap: var(--ap-spacing-20);
  }

  .ap-tenders-ads__filters-btn {
    display: inline-flex;
  }

  .ap-filters-wrapper {
    position: fixed;
    top: 0;
    left: -200%;
    z-index: 3000;

    width: 100%;
    height: 100%;

    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;

    overflow-y: auto;

    background-color: var(--ap-color-primary-white);
    border-bottom-left-radius: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);

    transition: transform 0.3s ease-in-out;
  }

  .ap-filters-shown .ap-filters-wrapper {
    transform: translateX(200%);
  }

  .ap-filters-shown .ap-tenders-filters {
    display: block;

    max-width: 600px;

    padding-right: 30px;
    padding-left: 30px;
    margin: 0 auto;
  }

  .ap-filters-shown .ap-filters-wrapper__controls {
    position: sticky;
    z-index: 20;

    display: flex;

    padding-top: var(--ap-spacing-40);
    padding-bottom: var(--ap-spacing-40);
  }

  .ap-filters-shown .ap-filters-wrapper__controls > *:not(.ap-form__reset-btn) {
    display: inline-flex;
  }
}

@media (max-width: 640px) {
  .ap-tenders-ads__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 468px) {
  .ap-tenders-ads__list {
    column-gap: var(--ap-spacing-12);
  }

  .ap-filters-shown .ap-filters-wrapper .ap-filters-wrapper__controls {
    padding-top: var(--ap-spacing-10);
    padding-bottom: var(--ap-spacing-10);
  }

  .ap-filters-shown .ap-filters-wrapper .ap-tenders-filters {
    padding-right: var(--ap-spacing-12);
    padding-left: var(--ap-spacing-12);
  }

  .ap-filters-shown .ap-filters-wrapper {
    padding: 0;
  }
}

.ap-deal-type__tabs {
  display: flex;

  padding: var(--ap-spacing-4);

  background-color: var(--ap-color-secondary-gray-light);
  border-radius: var(--ap-corner-4);
}

.ap-deal-type__toggle-btn {
  display: inline-flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  padding: 0;
  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-16);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-16);
  text-decoration: none;

  color: var(--ap-color-secondary-gray-super-dark);

  background-color: transparent;
  border: none;
  border-radius: var(--ap-corner-4);

  transition:
    color 0.3s,
    background-color 0.3s;
}

.ap-deal-type__toggle-btn.active {
  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-secondary-gray-super-dark);
}

.ap-deal-type__toggle-btn::before {
  display: block;

  width: 8px;
  height: 8px;

  content: '';

  background-color: transparent;
  border-radius: 50%;

  transition: background-color 0.3s;
}

.ap-deal-type__toggle-btn.active::before {
  display: block;

  width: 8px;
  height: 8px;

  content: '';

  background-color: var(--ap-color-primary-orange);
  border-radius: 50%;
}

@media (max-width: 768px) {
  .ap-deal-type__toggle-btn {
    padding-top: var(--ap-spacing-8);
    padding-right: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-12);

    font-size: 12px;
  }

  .ap-deal-type__toggle-btn::before {
    width: 6px;
    height: 6px;
  }
}

.ap-auctions-container {
  display: grid;

  grid-template-columns: 285px 1fr;

  column-gap: var(--ap-spacing-20);

  margin-top: var(--ap-spacing-32);
}

.ap-auctions-form {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);
}

.ap-auctions-ads__list {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-40);
}

.ap-auctions-ads__filters-btn {
  display: none;

  align-items: center;
  justify-content: center;

  width: 36px;
  height: 44px;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-8);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-8);

  color: var(--ap-color-secondary-gray-super-dark);

  background-color: transparent;
  border: none;
}

.ap-auctions-ads__filters-btn svg {
  width: 100%;
  height: auto;
}

.ap-auctions-empty-text {
  font-size: 1.5rem;

  text-align: center;
}

@media (max-width: 1180px) {
  .ap-auctions-container {
    display: flex;

    flex-direction: column;

    align-items: center;
  }

  .ap-auctions-ads__filters-btn {
    display: inline-flex;
  }

  .ap-auctions-container .ap-filters-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;

    width: 100%;
    height: 100%;

    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;

    overflow-y: auto;

    background-color: var(--ap-color-primary-white);
    border-bottom-left-radius: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);

    transform: translateX(-200%);

    transition: transform 0.3s ease-in-out;
  }

  .ap-auctions-container.ap-filters-shown .ap-filters-wrapper {
    padding-top: 0;

    transform: translateX(0);
  }

  .ap-auctions-container.ap-filters-shown .ap-auctions-filters {
    display: block;

    max-width: 600px;

    padding-right: 30px;
    padding-left: 30px;
    margin: 0 auto;
  }

  .ap-auctions-container.ap-filters-shown .ap-filters-wrapper__controls {
    position: sticky;
    z-index: 20;

    display: flex;

    padding-top: var(--ap-spacing-40);
    padding-bottom: var(--ap-spacing-40);
  }

  .ap-filters-shown .ap-filters-wrapper__controls > *:not(.ap-form__reset-btn) {
    display: inline-flex;
  }
}

@media (max-width: 768px) {
  .ap-auctions-ads__list {
    row-gap: var(--ap-spacing-20);
  }
}

@media (max-width: 468px) {
  .ap-filters-shown .ap-filters-wrapper .ap-filters-wrapper__controls {
    padding-top: var(--ap-spacing-10);
    padding-bottom: var(--ap-spacing-10);
  }

  .ap-filters-shown .ap-filters-wrapper .ap-auctions-filters {
    padding-right: var(--ap-spacing-12);
    padding-left: var(--ap-spacing-12);
  }

  .ap-filters-shown .ap-filters-wrapper {
    padding: 0;
  }
}

.ap-messages {
  position: fixed;
  right: 5vw;
  bottom: 7vh;
  z-index: 10;

  display: flex;

  column-gap: var(--ap-spacing-12);
  align-items: end;
}

.ap-messages__content {
  display: none;

  width: 528px;

  padding-top: var(--ap-spacing-24);
  padding-bottom: var(--ap-spacing-24);

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-12);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.ap-messages__close-btn {
  position: absolute;
  top: 8px;
  right: 8px;

  display: none;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  padding: 4px;
  padding: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-not-very-dark);

  background-color: transparent;
  border: none;
}

.ap-messages__close-btn svg {
  width: 100px;
  height: auto;
}

.ap-messages__close-btn:hover,
.ap-messages__close-btn:active {
  color: var(--ap-color-primary-black);
}

.ap-messages__content.open {
  display: block;
}

.ap-messages__header {
  display: flex;

  column-gap: var(--ap-spacing-24);
  align-items: center;
  justify-content: space-between;

  padding-right: var(--ap-spacing-24);
  padding-left: var(--ap-spacing-24);
}

.ap-messages__block-title {
  padding-right: var(--ap-spacing-20);
  padding-left: var(--ap-spacing-20);
  margin-bottom: var(--ap-spacing-12);

  color: var(--ap-color-primary-black);
}

.ap-messages__block {
  max-height: 520px;

  padding-right: var(--ap-spacing-12);
}

.ap-messages__block .simplebar-scrollbar::before {
  left: 4px;

  width: 4px;
  height: 144px;

  background: var(--ap-color-secondary-gray-light-shadow);
  border-radius: var(--ap-corner-4);
}

.ap-messages__group {
  padding-top: var(--ap-spacing-24);
}

.ap-messages__group:not(:last-child) {
  padding-bottom: var(--ap-spacing-24);

  border-bottom: 1px solid var(--ap-color-secondary-gray-medium);
}

.ap-messages__item {
  display: flex;

  column-gap: var(--ap-spacing-12);

  padding: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-20);
}

.ap-messages__item:not(:last-child) {
  border-bottom: 1px solid var(--ap-color-secondary-gray-light-shadow);
}

.ap-messages__avatar {
  display: flex;

  flex-shrink: 0;

  align-items: center;
  justify-content: center;

  width: 52px;
  height: 52px;

  /*padding: var(--ap-spacing-8);*/
  overflow: hidden;

  background: var(--ap-color-secondary-gray-light-shadow-2);
  border-radius: 50%;
}
.ap-messages__avatar img{
  width: 100%;
}
.ap-meassage {
  display: grid;

  grid-template-columns: repeat(9, 1fr);

  gap: var(--ap-spacing-12);
  align-items: center;

  width: 100%;
}

.ap-message__title {
  grid-column: 1 / 6;
}

.ap-message__text {
  grid-column: 1 / 9;
}

.ap-message__time {
  grid-column: 6 / 10;

  justify-self: end;

  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-message__text a {
  color: var(--ap-color-primary-orange);

  text-decoration: none;
}

.ap-message__delete-btn {
  display: inline-flex;

  grid-column: 9 / 10;

  align-items: center;
  justify-content: center;
  justify-self: end;

  width: 32px;
  height: 32px;

  padding: var(--ap-spacing-4);

  color: var(--ap-color-secondary-gray-not-very-dark);

  background-color: transparent;
  border: none;
}

.ap-message__delete-btn:hover,
.ap-message__delete-btn:active {
  color: var(--ap-color-primary-black);
}

.ap-messages__clear-all-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-16);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-16);

  color: var(--ap-color-secondary-gray-not-very-dark);

  background-color: transparent;
  border: none;
}

.ap-messages__btn {
  position: relative;

  display: block;

  flex-shrink: 0;

  width: 48px;
  height: 48px;

  color: var(--ap-color-primary-orange);

  background-color: var(--ap-color-primary-white);
  border: 1px solid var(--ap-color-primary-orange);
  border-radius: 50%;
  box-shadow:
    0 1px 3px 0 rgb(0 0 0 / 17%),
    0 8px 20px 0 rgb(0 0 0 / 10%);
}

.ap-messages__btn:hover {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-messages__count {
  position: absolute;
  top: -4px;
  right: -4px;

  flex-direction: column;

  gap: 10px;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;

  padding: 5px 6px;

  font-size: 10px;
  font-weight: 500;

  color: var(--ap-color-primary-white);

  background: var(--ap-color-primary-black);
  border-radius: 13px;
}

.ap-messages__btn--active {
  color: var(--ap-color-primary-white);

  background-color: var(--ap-color-primary-orange);
}

.ap-messages__btn--active:hover {
  background-color: var(--ap-color-secondary-orange-dark);
}

.ap-messages__btn--active .ap-messages__count {
  display: flex;
}

@media (max-width: 768px) {
  .ap-messages {
    column-gap: 0;
  }

  .ap-messages__content {
    padding-top: var(--ap-spacing-40);
    margin-left: 20px;
  }

  .ap-messages__close-btn {
    display: inline-flex;
  }

  .ap-messages__btn {
    position: absolute;
    right: 0;
    bottom: -20px;
    z-index: -1;
  }

  .ap-messages__header {
    padding-right: 0;
    padding-left: var(--ap-spacing-12);
  }

  .ap-messages__title {
    font-size: 16px;
  }

  .ap-messages__clear-all-btn {
    padding-top: var(--ap-spacing-8);
    padding-right: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-12);

    font-size: 12px;
  }

  .ap-messages__group {
    padding-top: var(--ap-spacing-12);
  }

  .ap-messages__group:not(:last-child) {
    padding-bottom: var(--ap-spacing-12);
  }

  .ap-messages__block-title {
    margin-bottom: var(--ap-spacing-8);

    font-size: 16px;
  }

  .ap-messages__item {
    padding-right: var(--ap-spacing-8);
    padding-left: var(--ap-spacing-12);
  }

  .ap-messages__avatar {
    width: 44px;
    height: 44px;
  }

  .ap-meassage {
    row-gap: var(--ap-spacing-4);
  }

  .ap-message__title {
    grid-row: 1;
    grid-column: 1 / 10;

    font-size: 12px;
  }

  .ap-message__time {
    grid-row: 3;
    grid-column: 1 / 9;

    justify-self: start;

    font-size: 12px;
  }

  .ap-message__text {
    grid-row: 2;
    grid-column: 1 / 10;

    font-size: 12px;
  }

  .ap-message__delete-btn {
    grid-row: 3;
    grid-column: 9 / 10;

    width: 20px;
    height: 20px;

    padding: 0;
  }
}

@media (max-width: 588px) {
  .ap-messages__content {
    width: 296px;
  }

  .ap-messages__block {
    max-height: 400px;
  }
}

.ap-modal-bet {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-40);
  align-items: center;

  max-width: 590px;

  padding: 68px;

  overflow: hidden;

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-20);
}

.ap-modal-bet__form {
  display: flex;

  column-gap: 56px;
  align-items: start;
  justify-content: center;

  width: 100%;
}

.ap-modal-bet__price {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-12);

  min-width: 129px;
}

.ap-modal-bet__current-price {
  display: flex;

  align-items: center;
  justify-content: center;

  padding: var(--ap-spacing-12);

  color: var(--ap-color-primary-orange);

  border: 1px solid var(--ap-color-secondary-gray-light-shadow);
  border-radius: var(--ap-corner-8);
}

.ap-modal-bet__control {
  width: 100%;
  max-width: 202px;
}

.ap-modal-bet__column-title {
  font-size: 12px;
  font-weight: 500;

  color: var(--ap-color-secondary-gray-dark);
}

.ap-modal-bet__input-number {
  row-gap: var(--ap-spacing-12);
}

.ap-modal-bet__deposit-step {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-modal-bet__footer {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);
  align-items: center;

  width: 100%;
}

.ap-modal-bet__btn {
  width: 100%;
}

@media (max-width: 768px) {
  .ap-modal-bet {
    padding: 20px;
  }

  .ap-modal-bet__control {
    max-width: unset;
  }
}

@media (max-width: 678px) {
  .ap-modal-bet__form {
    flex-direction: column;

    row-gap: var(--ap-spacing-20);
    align-items: center;
  }

  .ap-modal-bet__price {
    align-items: center;
  }
}

.ap-modal-auction-reminder {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-32);
  align-items: center;

  max-width: 590px;

  padding: 68px;

  overflow: hidden;

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-20);
}

.ap-modal-auction-reminder__header {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-12);
  align-items: center;
}

.ap-modal-auction-reminder__title {
  text-align: center;
}

.ap-modal-auction-reminder__text {
  color: var(--ap-color-secondary-gray-dark);

  text-align: center;
}

.ap-modal-auction-reminder__form {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-32);
  align-items: center;
}

.ap-modal-auction-reminder__form-group {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-20);
  align-items: center;

  width: 100%;
}

.ap-modal-auction-reminder__input {
  max-width: 323px;
}

.ap-modal-auction-reminder__accept-text {
  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-modal-auction-reminder__accept-text a {
  font: inherit;

  color: inherit;
}

.ap-modal-auction-reminder__btn {
  width: 100%;
}

@media (max-width: 768px) {
  .ap-modal-auction-reminder {
    padding: 20px;
  }
}

.ap-modal-auction-deposit {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-32);
  align-items: center;

  max-width: 590px;

  padding: 68px;

  overflow: hidden;

  background-color: var(--ap-color-primary-white);
  border-radius: var(--ap-corner-20);
}

.ap-modal-auction-deposit__title {
  text-align: center;
}

.ap-modal-auction-deposit__text {
  color: var(--ap-color-secondary-gray-dark);

  text-align: center;
}

.ap-modal-auction-deposit__btn {
  width: 100%;
}

@media (max-width: 768px) {
  .ap-modal-auction-deposit {
    padding: 20px;
  }
}

.ap-not-found-page__info {
  display: flex;

  flex-direction: column;

  row-gap: 40px;
  align-items: center;

  padding-top: 52px;
  padding-bottom: 59px;
}

.ap-not-found-page__bg {
  width: 100%;
  max-width: 538px;
  aspect-ratio: 538/380;

  background-image: url('../../images/not-found.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ap-not-found-page__content {
  display: flex;

  flex-direction: column;

  row-gap: 20px;
  align-items: center;
}

.ap-not-found-page__info p {
  text-align: center;
}

@media (max-width: 768px) {
  .ap-not-found-page__info p {
    font-size: 14px;
  }
}

.ap-mobile-menu {
  display: none;
}

@media (max-width: 768px) {
  .ap-mobile-menu {
    position: fixed;
    bottom: 0;
    z-index: 3;

    display: block;

    width: 100%;

    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);

    background-color: var(--ap-color-primary-white);
    border-top-left-radius: var(--ap-corner-8);
    border-top-right-radius: var(--ap-corner-8);
    box-shadow: 0 -2px 20px 0 rgb(0 0 0 / 7%);
  }

  .ap-mobile-menu__list {
    display: flex;

    column-gap: var(--ap-spacing-20);
    align-items: center;
    justify-content: space-around;
  }

  .ap-mobile-menu__link {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-4);
    align-items: center;

    font-size: 8px;
    font-weight: 400;

    line-height: normal;

    color: var(--ap-color-secondary-gray-not-very-dark);

    text-decoration: none;
  }

  .ap-mobile-menu__link svg {
    width: 24px;
    height: auto;
  }

  .ap-mobile-menu__link:hover,
  .ap-mobile-menu__link--active {
    color: var(--ap-color-primary-orange);
  }
}

.ap-header__top {
  padding-top: var(--ap-spacing-8);
  padding-bottom: var(--ap-spacing-8);
  margin-bottom: var(--ap-spacing-24);

  background-color: var(--ap-color-primary-black);
}

.ap-header__top-wrapper {
  display: grid;

  grid-template-columns: minmax(643px, 1fr) 1fr;

  column-gap: var(--ap-spacing-20);
  column-gap: 32px;
  justify-content: space-between;
}

.ap-header__top-left {
  display: flex;

  column-gap: var(--ap-spacing-32);
}

.ap-header__top-right {
  display: flex;

  flex-wrap: wrap;

  row-gap: var(--ap-spacing-20);
  column-gap: var(--ap-spacing-20);
  align-items: center;
  justify-content: end;
}

.ap-header__extra-link {
  display: flex;

  flex-shrink: 0;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  color: var(--ap-color-primary-orange);

  white-space: nowrap;

  text-decoration: none;

  transition: color 0.3s;
}

.ap-header__extra-link:hover {
  color: var(--ap-color-secondary-orange-dark);
}

.ap-header__extra-link:active {
  color: var(--ap-color-secondary-orange-dark-2);
}

.ap-header__bottom-wrapper {
  display: flex;

  column-gap: var(--ap-spacing-32);
  align-items: center;
}

.ap-header__logo {
  display: block;

  flex-shrink: 0;

  width: 160px;
  height: 47px;

  background-image: url('../../images/logo_black.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ap-header__bottom-middle-col {
  display: flex;

  flex-grow: 1;

  column-gap: var(--ap-spacing-12);
  align-items: center;
}

.ap-header__search {
  flex-grow: 1;
}

.ap-header__location-btn {
  display: inline-flex;

  align-items: center;

  color: var(--ap-color-primary-black);

  cursor: pointer;

  background-color: transparent;
  border: none;

  transition: color 0.3s;
}

.ap-header__location-btn:hover {
  color: var(--ap-color-primary-orange);
}

.ap-header__location-btn:active {
  color: var(--ap-color-secondary-orange-dark-2);
}

.ap-header__location-btn:disabled {
  color: var(--ap-color-secondary-gray-not-very-dark);

  pointer-events: none;
}

.ap-header__search-togle-btn {
  display: none;
}

.ap-header__bottom-mobile {
  display: none;
}

.ap-header--expanded .ap-header__extra-link-icon {
  display: none;
}

.ap-header__category-btn {
  color: var(--ap-color-primary-white);

  transition: color 0.3s;
}

.ap-header__category-btn.dropdown-toggle:active,
.ap-header__category-btn.show {
  background-color: var(--ap-color-secondary-orange-dark-2);
}

.ap-header__category-btn.dropdown-toggle::after {
  display: none;
}

.ap-header__category-dropdown-menu {
  width: max-content;

  background-color: var(--ap-color-primary-white);
  border: none;
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.ap-header__category-dropdown-item.dropdown-item {
  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-secondary-gray-super-dark);

  white-space: normal;
}

.ap-header__category-dropdown-item.dropdown-item:hover {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-header__category-dropdown-item.dropdown-item:active {
  background-color: var(--ap-color-secondary-gray-light-shadow);
}

@media (max-width: 1280px) {
  .ap-header {
    display: flex;

    flex-direction: column;

    width: 100%;
  }

  .ap-header--expanded {
    position: fixed;
    z-index: 100;

    height: 100%;

    background-color: var(--ap-color-primary-black);
  }

  .ap-header--collapsed .ap-header__top {
    display: none;
  }

  .ap-header--expanded .ap-header__top {
    display: flex;

    order: 1;
  }

  .ap-header__top-wrapper {
    display: flex;

    flex-direction: column;

    padding: 0;
  }

  .ap-header__top-left {
    flex-direction: column;

    row-gap: var(--ap-spacing-5);
    align-items: start;

    padding-top: var(--ap-spacing-20);
    padding-right: var(--ap-menu-paddings);
    padding-bottom: var(--ap-spacing-20);
    padding-left: var(--ap-menu-paddings);

    border-bottom: 1px solid var(--ap-color-secondary-white-15);
  }

  .ap-header__top-right {
    flex-direction: column;

    align-items: start;
    justify-content: start;

    padding-top: var(--ap-spacing-20);
    padding-right: var(--ap-menu-paddings);
    padding-bottom: var(--ap-spacing-20);
    padding-left: var(--ap-menu-paddings);

    border-bottom: 1px solid var(--ap-color-secondary-white-15);
  }

  .ap-header__extra-link {
    width: 100%;

    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
  }

  .ap-header__ads-btn {
    display: none;
  }

  .ap-header__logo {
    width: 95.5px;
    height: 28px;

    background-image: url('../../images/logo_orange.svg');

    transition:
      width 0.3s,
      height 0.3s;
  }

  .ap-header--expanded .ap-header__logo {
    width: 126px;
    height: 36.8px;
  }

  .ap-header__location-btn {
    color: var(--ap-color-primary-white);
  }

  .ap-header__category-dropdown {
    flex-shrink: 0;
  }

  .ap-header--expanded .ap-header__location-btn,
  .ap-header--expanded .ap-header__category-dropdown {
    display: none;
  }

  .ap-header--expanded .ap-header__search-togle-btn {
    display: none;
  }

  .ap-header__search-togle-btn--collapsed .ap-header__search-togle-btn-icon--close {
    display: none;
  }

  .ap-header__search-togle-btn--expanded .ap-header__search-togle-btn-icon--search {
    display: none;
  }

  .ap-header__bottom {
    padding-top: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-12);

    background-color: var(--ap-color-primary-black);
  }

  .ap-user-block__profile {
    order: -1;
  }

  .ap-header__bottom-mobile {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-16);

    padding-top: var(--ap-spacing-20);
    padding-right: var(--ap-menu-paddings);
    padding-bottom: var(--ap-spacing-12);
    padding-left: var(--ap-menu-paddings);
  }

  .ap-header__bottom-contacts {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-12);

    padding-left: var(--ap-spacing-12);
  }

  .ap-header__bottom-mobile-link {
    color: var(--ap-color-primary-white);

    text-decoration: none;
  }

  .ap-header__bottom-mobile-link:hover {
    color: var(--ap-color-primary-orange);
  }

  .ap-header__bottom-mobile-link:active {
    color: var(--ap-color-secondary-orange-dark);
  }
}

@media (max-width: 920px) {
  .ap-header__bottom-wrapper {
    column-gap: var(--ap-spacing-16);
  }

  .ap-header__location-btn span {
    font-size: 0;

    line-height: 0;
  }
}

@media (max-width: 768px) {
  .ap-header__category-dropdown {
    display: none;
  }
}

@media (max-width: 468px) {
  .ap-header__search-togle-btn {
    display: flex;

    flex-shrink: 0;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    padding: 0;
    margin-left: auto;

    background-color: transparent;
    border: none;
  }

  .ap-header__search-togle-btn-icon {
    color: var(--ap-color-primary-white);
  }

  .ap-header--search-open {
    z-index: 50;
  }

  .ap-header--search-open::before {
    position: absolute;

    display: block;

    width: 100%;
    height: 100vh;

    content: '';

    background-color: var(--ap-secondary-black-40);
  }
}

.ap-header-nav {
  display: flex;

  align-items: center;
}

.ap-header-nav__list {
  display: flex;

  flex-wrap: wrap;

  gap: var(--ap-spacing-12);
  align-items: center;
  justify-content: flex-start;
}

.ap-header-nav__link {
  color: var(--ap-color-primary-white);

  white-space: nowrap;

  text-decoration: none;

  transition: color 0.3s;
}

.ap-header-nav__link:hover {
  color: var(--ap-color-primary-orange);
}

.ap-header-nav__link:active {
  color: var(--ap-color-secondary-orange-dark);
}

@media (max-width: 1280px) {
  .ap-header-nav {
    width: 100%;
  }

  .ap-header-nav__list {
    flex-direction: column;

    row-gap: var(--ap-spacing-5);
    align-items: start;

    width: 100%;
  }

  .ap-header-nav__item {
    width: 100%;
  }

  .ap-header-nav__link {
    display: block;

    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
  }
}

.ap-user-block {
  display: flex;

  flex-wrap: wrap;

  gap: var(--ap-spacing-20);
  align-items: center;
  justify-content: end;
}

.ap-user-block__list {
  display: flex;

  column-gap: var(--ap-spacing-12);
  align-items: center;
}

.ap-user-block__link {
  position: relative;

  align-items: center;

  color: var(--ap-color-primary-white);

  white-space: nowrap;

  text-decoration: none;

  transition: color 0.3s;
}

.ap-header--expanded .ap-user-block__item .ap-badge-count {
  position: relative;
  top: unset;

  display: flex;
}

.ap-user-block__link:hover {
  color: var(--ap-color-primary-orange);
}

.ap-user-block__link:active {
  color: var(--ap-color-secondary-orange-dark);
}

.ap-user-block__profile-btn {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;

  padding: 0;

  color: var(--ap-color-primary-white);

  text-decoration: none;

  background-color: transparent;
  border: none;

  transition: color 0.3s;
}

.ap-user-block__profile-btn.dropdown-toggle::after {
  display: none;
}

.ap-user-block__profile-btn:hover {
  color: var(--ap-color-primary-orange);
}

.ap-user-block__profile-btn.dropdown-toggle:active,
.ap-user-block__profile-btn.show {
  color: var(--ap-color-secondary-orange-dark);

  background-color: transparent;
  border-color: transparent;
}

.ap-user-block__dropdown-menu {
  width: 184px;

  background-color: var(--ap-color-primary-white);
  border: none;
  border-radius: var(--ap-corner-4);
  box-shadow: 0 4px 22px 0 rgb(0 0 0 / 10%);
}

.ap-user-block__dropdown-menu .dropdown-divider {
  border-top: 1px solid var(--ap-color-secondary-gray-light-shadow-2);
}

.ap-user-block__dropdown-item.dropdown-item {
  padding-top: var(--ap-spacing-8);
  padding-right: var(--ap-spacing-12);
  padding-bottom: var(--ap-spacing-8);
  padding-left: var(--ap-spacing-12);

  font-size: 14px;
  font-style: normal;
  font-weight: 400;

  line-height: normal;

  color: var(--ap-color-secondary-gray-super-dark);

  white-space: normal;
}

.ap-user-block__dropdown-item.dropdown-item:hover {
  background-color: var(--ap-color-secondary-gray-light);
}

.ap-user-block__dropdown-item.dropdown-item:active {
  background-color: var(--ap-color-secondary-gray-light-shadow);
}

.ap-user-block__item--user-account {
  display: none;
}

.ap-user-block__item--user-profile {
  display: none;
}

@media (max-width: 1280px) {
  .ap-user-block {
    flex-direction: column;

    row-gap: var(--ap-spacing-5);
    align-items: start;

    width: 100%;
  }

  .ap-user-block__list {
    flex-direction: column;

    row-gap: var(--ap-spacing-5);
    align-items: start;

    width: 100%;
  }

  .ap-user-block__item {
    width: 100%;
  }

  .ap-user-block__link {
    display: flex;

    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
  }

  .ap-user-block__profile {
    display: none;
  }

  .ap-user-block__item--user-operations {
    display: none;
  }

  .ap-user-block__item--user-account {
    display: initial;
  }

  .ap-user-block__item--user-profile {
    display: initial;
  }
}

.ap-header-search-wrapper {
  display: flex;

  flex-grow: 1;

  align-items: center;
}

.ap-header-search {
  display: block;
}

.ap-header-search__form {
  display: flex;

  margin: 0;

  overflow: hidden;

  background-color: var(--ap-color-primary-orange);
  border: 2px solid var(--ap-color-primary-orange);
  border-radius: var(--ap-corner-8);
}

.ap-header-search__form:hover {
  background-color: var(--ap-color-secondary-orange-dark);
}

.ap-header-search__form:active {
  background-color: var(--ap-color-secondary-orange-dark-2);
}

.ap-header-search__inner {
  display: flex;

  flex-grow: 1;

  align-items: center;

  padding: var(--ap-spacing-12);

  background-color: var(--ap-color-primary-white);
  border-top-right-radius: var(--ap-corner-8);
  border-bottom-right-radius: var(--ap-corner-8);
}

.ap-header-search input.ap-header-search__input:not([type='checkbox'], [type='radio']) {
  width: 100%;

  padding: 0;

  color: var(--ap-color-primary-black);

  outline-offset: 2px;

  background-color: transparent;
  border: none;
  border-radius: 0;
}

.ap-header-search__input::placeholder {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-header-search__btn {
  display: flex;

  align-items: center;
  justify-content: center;

  padding-top: var(--ap-spacing-12);
  padding-right: var(--ap-spacing-20);
  padding-bottom: var(--ap-spacing-12);
  padding-left: var(--ap-spacing-20);

  color: var(--ap-color-primary-white);

  cursor: pointer;

  background-color: transparent;
  border: none;

  transition:
    background-color 0.3s,
    opacity 0.3s;
}

.ap-header-search__btn-icon {
  display: none;
}

.ap-header-search__btn:disabled {
  pointer-events: none;

  background-color: rgb(255 255 255 / 30%);
  border-radius: var(--ap-corner-8);

  opacity: 0.8;
}

@media (max-width: 1280px) {
  .ap-header--expanded .ap-header-search {
    display: none;
  }
}

@media (max-width: 540px) {
  .ap-header-search__inner {
    padding-top: var(--ap-spacing-8);
    padding-bottom: var(--ap-spacing-8);
  }

  .ap-header-search input.ap-header-search__input:not([type='checkbox'], [type='radio']) {
    font-size: 14px;
  }

  .ap-header-search__btn {
    padding-top: var(--ap-spacing-4);
    padding-right: var(--ap-spacing-12);
    padding-bottom: var(--ap-spacing-4);
    padding-left: var(--ap-spacing-12);

    font-size: 0;

    line-height: 0;
  }

  .ap-header-search__btn-icon {
    display: block;
  }
}

@media (max-width: 468px) {
  .ap-header--search-open .ap-header-search-wrapper {
    position: fixed;
    left: 0;

    column-gap: var(--ap-spacing-12);

    width: 100%;

    padding-right: var(--ap-menu-paddings);
    padding-left: var(--ap-menu-paddings);

    background-color: var(--ap-color-primary-black);
  }

  .ap-header-search {
    display: none;
  }

  .ap-header-search--expanded {
    display: block;
  }
}

.ap-socials {
  display: flex;

  row-gap: var(--ap-spacing-12);
  column-gap: var(--ap-spacing-16);
}

.ap-socials__link {
  display: flex;

  align-items: center;
  justify-content: center;

  color: var(--ap-color-secondary-gray-dark);

  text-decoration: none;
}

.ap-socials__link:hover,
.ap-socials__link:active {
  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-socials__icon {
  width: 100%;
  height: auto;
}

.ap-footer {
  padding-top: var(--ap-spacing-40);
  margin-top: 124px;

  background-color: var(--ap-color-secondary-gray-light);
}

.ap-footer__wrapper {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-40);
}

.ap-footer__top {
  display: flex;

  column-gap: var(--ap-spacing-40);
  align-items: start;
  justify-content: space-between;
}

.ap-footer__left,
.ap-footer__right {
  display: flex;

  align-items: start;
}

.ap-footer__right {
  flex: 1 1 0;
  flex-wrap: wrap;

  column-gap: var(--ap-spacing-40);
  justify-content: space-between;
}

.ap-footer__logo-main {
  display: flex;

  flex-shrink: 0;

  align-items: center;
  justify-content: start;

  margin-right: 96px;
}

.ap-footer__logo-main-img {
  display: block;

  width: 194px;
  height: 57px;
}

.ap-footer__nav {
  display: flex;

  column-gap: var(--ap-spacing-40);
}

.ap-footer__nav-column {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-8);
}

.ap-footer__nav-link {
  color: var(--ap-color-secondary-gray-super-dark);

  text-decoration: none;

  transition: color 0.3s;
}

.ap-footer__nav-link:hover {
  color: var(--ap-color-secondary-gray-dark);
}

.ap-footer__contacts {
  display: flex;

  flex-direction: column;

  row-gap: var(--ap-spacing-12);

  margin-right: auto;
  margin-left: auto;
}

.ap-footer__contact-link {
  color: var(--ap-color-secondary-gray-super-dark);

  white-space: nowrap;

  text-decoration: none;

  transition: color 0.3s;
}

.ap-footer__contact-link:hover {
  color: var(--ap-color-secondary-gray-dark);
}

.ap-footer__socials {
  display: flex;

  flex-wrap: wrap;

  column-gap: var(--ap-spacing-8);
  align-items: center;
}

.ap-footer__socials-link {
  display: block;

  width: 24px;
  height: 24px;

  color: var(--ap-color-secondary-gray-dark);

  transition: color 0.3s;
}

.ap-footer__socials-link:hover,
.ap-footer__socials-link:active {
  color: var(--ap-color-secondary-gray-super-dark);
}

.ap-footer__socials-link svg {
  width: 100%;
  height: auto;
}

.ap-footer__terms-links {
	margin-left: auto;
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ap-footer__terms-link {
  margin-left: auto;

  color: var(--ap-color-secondary-gray-dark);
  text-decoration-line: underline;
  text-decoration-thickness: auto;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  text-decoration-skip-ink: none;

  transition: color 0.3s;
}

.ap-footer__terms-link:hover {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-footer__bottom {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  justify-items: center;

  padding-top: var(--ap-spacing-24);
  padding-bottom: var(--ap-spacing-24);

  border-top: 1px solid var(--ap-color-secondary-gray-medium);
}

.ap-footer__payment-method {
  flex-shrink: 0;

  column-gap: var(--ap-spacing-20);
}

.ap-payment-methods__link {
  display: block;
}

.ap-footer__additional {
  display: flex;

  column-gap: var(--ap-spacing-20);
  align-items: center;
}

.ap-footer__dev-link {
  display: flex;

  column-gap: var(--ap-spacing-4);
  align-items: center;
  justify-self: end;

  color: var(--ap-color-secondary-gray-dark);
  text-decoration-line: underline;
  text-decoration-thickness: auto;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  text-decoration-skip-ink: none;

  transition: color 0.3s;
}

.ap-footer__dev-link::after {
  display: block;

  width: 6px;
  height: 6px;

  content: '';

  background-color: var(--ap-color-secondary-gray-dark);
  border-radius: 50%;

  transition: background-color 0.3s;
}

.ap-footer__dev-link:hover {
  color: var(--ap-color-secondary-gray-not-very-dark);
}

.ap-footer__dev-link:hover::after {
  background-color: var(--ap-color-secondary-gray-not-very-dark);
}

@media (max-width: 1140px) {
  .ap-footer__left {
    flex: 1 1 0;
    flex-wrap: wrap;

    row-gap: var(--ap-spacing-32);
  }
}

@media (max-width: 980px) {
  .ap-footer {
    margin-top: 80px;
  }

  .ap-footer__right {
    flex-direction: column;
    flex-wrap: wrap;

    row-gap: var(--ap-spacing-16);
    align-content: end;
  }

  .ap-footer__logo-secondary {
    order: -1;
  }

  .ap-footer__contacts {
    margin: 0;
  }

  .ap-footer__bottom {
    display: flex;

    flex-direction: column;

    row-gap: var(--ap-spacing-12);
  }
}

@media (max-width: 768px) {
  .ap-footer {
    padding-top: var(--ap-spacing-12);
    margin-top: 40px;
  }

  .ap-footer__top {
    column-gap: var(--ap-spacing-12);

    padding-bottom: var(--ap-spacing-20);

    border-bottom: 1px solid var(--ap-color-secondary-gray-medium);
  }

  .ap-footer__left {
    row-gap: var(--ap-spacing-40);
  }

  .ap-footer__bottom {
    padding-top: 0;
    padding-bottom: var(--ap-spacing-12);

    border: none;
  }

  .ap-footer__logo-main {
    width: 100%;

    margin: auto;
  }

  .ap-footer__logo-main-img {
    width: 150px;
    height: 44px;
  }

  .ap-footer__right {
    row-gap: var(--ap-spacing-40);
    align-items: start;
  }

  .ap-footer__logo-secondary-img {
    width: 134px;
    height: 38px;
  }

  .ap-footer__nav {
    flex-direction: column;

    row-gap: var(--ap-spacing-12);
  }

  .ap-footer__nav-link {
    font-size: 14px;
  }

  .ap-footer__contact-link {
    font-size: 14px;
    font-weight: 700;
  }

  .ap-footer__contact-link--email {
    font-weight: 400;
  }

  .ap-footer__nav-column {
    row-gap: var(--ap-spacing-12);
  }

  .ap-payment-methods__link--gos {
    width: 84px;
    height: 13px;
  }

  .ap-payment-methods__link--sber,
  .ap-payment-methods__link--tinkoff {
    width: 24px;
    height: 24px;
  }

  .ap-payment-methods__link--alfa {
    width: 16px;
    height: 24px;
  }

  .ap-footer__terms-link {
    font-size: 12px;
  }

  .ap-footer__contacts {
    padding-left: var(--ap-spacing-12);
  }

  .ap-footer__logo-secondary {
    padding-left: var(--ap-spacing-12);
  }
}

@media (max-width: 360px) {
  .ap-footer__logo-main-img {
    width: 134px;
    height: auto;
  }
}


.ap-top-promo {
  background-color: var(--ap-color-secondary-gray-dark);
}

.ap-top-promo__container {
  display: flex;

  align-items: center;
  justify-content: center;

  padding-top: 12px;
  padding-bottom: 12px;

  font-size: 14px;

  color: var(--ap-color-primary-white);
}

.ap-top-promo__content {
  flex: 1 1 0;

  text-align: center;
}

.ap-top-promo__text {
  margin: 0;
}

.ap-top-promo__close-btn {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  padding: 0;
  padding: var(--ap-spacing-4);
  margin: 0;

  color: var(--ap-color-primary-white);

  background: none;
  border: none;

  transition: color 0.3s ease-in-out;
}

.ap-top-promo__close-btn:hover {
  color: var(--ap-color-primary-orange);
}

@media (max-width: 468px) {
  .ap-top-promo__container {
    padding-top: 8px;
    padding-bottom: 8px;

    font-size: 12px;
  }
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}