@charset "UTF-8";
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueCyr-Bold.woff2") format("woff2"), url("../fonts/HelveticaNeueCyr-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueCyr-Medium.woff2") format("woff2"), url("../fonts/HelveticaNeueCyr-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueCyr-Roman.woff2") format("woff2"), url("../fonts/HelveticaNeueCyr-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueCyr-Light.woff2") format("woff2"), url("../fonts/HelveticaNeueCyr-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("../fonts/HelveticaNeueCyr-Thin.woff2") format("woff2"), url("../fonts/HelveticaNeueCyr-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/* ------------------------------------------------------------------------------------------------------------------------------
KEYFRAMES
--------------------------------------------------------------------------------------------------------------------------------*/
@keyframes loading-btn {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes show-header {
  0% {
    inset-block-start: -100%;
  }
  100% {
    inset-block-start: 0;
  }
}
@keyframes fade-up-big {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes list-down {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 1;
    max-height: initial;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------
MEDIAQUERIES
--------------------------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------
RESET
--------------------------------------------------------------------------------------------------------------------------------*/
* {
  margin: 0;
  border: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
*, *::before, *::after {
  box-sizing: border-box;
}
*:focus, *:active {
  outline: none;
}

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

html,
body {
  inline-size: 100%;
  block-size: 100%;
}

body {
  overscroll-behavior: none;
  text-rendering: optimizelegibility;
  text-size-adjust: 100%;
  font-family: var(--font-main);
  font-size: 1rem;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

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

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

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

button {
  cursor: pointer;
  user-select: none;
  background-color: transparent;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a {
  user-select: none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: initial;
}
a:focus, a:active {
  outline: none;
}
a:visited {
  text-decoration: none;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  vertical-align: top;
}

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

sup {
  color: inherit;
}

.params-form-item {
  margin: 0;
}

.form-control:focus {
  border-color: var(--border-focus) !important;
}

.uni-dropdown-name {
  display: flex;
  align-items: center;
}

.uni-dropdown-content {
  padding: 0;
  border: 0.0625rem solid #efeaea;
  border-radius: 0.3125rem;
  box-shadow: none;
}
.uni-dropdown-content-item {
  padding: 0.9375rem 1.25rem;
  border-radius: 0;
  font-size: 0.875rem;
}
.uni-dropdown-content-item:hover {
  background-color: transparent;
  color: var(--accent) !important;
}
.uni-dropdown-content__wrap {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-width: 14.375rem;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  color: #1A1A1A;
}
.uni-dropdown-content__icons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.625rem;
}
.uni-dropdown-content__icons .icon {
  display: block;
}
.uni-dropdown-content__icons .icon--call {
  min-width: 1.6875rem;
  width: 1.6875rem;
  height: 1.6875rem;
}
.uni-dropdown-content__icons .icon--like-red {
  min-width: 1.875rem;
  width: 1.875rem;
  height: 1.625rem;
}
.uni-dropdown-content__icons-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.0625rem;
  grid-column: span 2;
  margin-bottom: 0.625rem;
  aspect-ratio: 1/1;
  border: 0.0625rem solid #efefef;
  border-radius: 0.3125rem;
  font-size: 1.125rem;
}
.uni-dropdown-content__title {
  font-size: 1.125rem;
  font-weight: 500;
}
.uni-dropdown-content__progress {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
}
.uni-dropdown-content__progress-line {
  height: 0.1875rem;
  background: #efefef;
  border-radius: 0.25rem;
}
.uni-dropdown-content__progress-line-active {
  height: 0.1875rem;
  background: #45C34E;
  border-radius: 0.25rem;
}
.uni-dropdown-content__foot {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 0.625rem;
}
.uni-dropdown-content__foot > * {
  width: 100%;
  text-wrap: nowrap;
}

.button-color-scheme1,
.btn-color-blue,
.widget-categories-or-subcategories a:hover,
.widget-categories-or-subcategories a.active,
.ad-create-categories-container span:hover,
.home-widget-categories-item:hover,
.profile-tariffs-swiper-prev,
.profile-tariffs-swiper-next,
.page-link.active, .active > .page-link,
.active > .page-link, .page-link.active,
.page-support-item:hover,
.promo-business-header-container-list > div {
  background-color: var(--accent);
}

.card-contact-user-item-box:hover {
  background-color: var(--accent) !important;
}

.order-buy-card-delivery-item.active,
.quantity_inner,
.page-link.active, .active > .page-link,
.active > .page-link, .page-link.active {
  border-color: var(--accent);
}

.profile-settings-sections a i,
.ad-card-info-stat-item i {
  color: var(--accent);
}

/* ------------------------------------------------------------------------------------------------------------------------------
ROOT
--------------------------------------------------------------------------------------------------------------------------------*/
:root {
  --container-width: 81.875rem;
  --container-padding: 0.9375rem;
  --bs-gutter-x: var(--container-padding);
  --font-main: "HelveticaNeue", sans-serif;
  --font-title: "HelveticaNeue", sans-serif;
  --white: white;
  --black: #1a1a1a;
  --accent: #e60000;
  --red: #e60000;
  --border: #efeaea;
  --border-focus: #AFAFAF;
  --gold: #f7c74d;
  --green: #45c34e;
  --scrollbar: gray;
  --scrollbar-track: gray;
  --scrollbar-thumb: var(--accent);
}

/* ------------------------------------------------------------------------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
}

.link {
  color: var(--black);
}
.link:hover {
  color: var(--accent);
}
.link--red {
  color: var(--accent);
}
.link--red:hover {
  color: var(--black);
}
.link--arrow:after {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  margin-left: 0.75rem;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.5625rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%23B1B1B1'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  content: "";
  vertical-align: middle;
  transition: 0.3s;
}
.link--arrow:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%23e60000'/%3E%3C/svg%3E%0A");
}
.link--arrow.is-open:after {
  transform: rotate(180deg);
}

.icon-phone {
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.0625rem;
}

.icon-mail {
  width: 1.125rem;
  min-width: 1.125rem;
  height: 0.875rem;
}

.icon--like {
  width: 1.375rem;
  min-width: 1.375rem;
  height: 1.25rem;
}

.icon--map-pin {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: 1.375rem;
}

.icon--eagle {
  width: 2.125rem;
  min-width: 2.125rem;
  height: 2.5rem;
}
@media (max-width: 992px) {
  .icon--eagle {
    width: 1.625rem;
    min-width: 1.625rem;
    height: 1.875rem;
  }
}

.icon--eagle-txt {
  width: 7.625rem;
  min-width: 7.625rem;
  height: 2.5rem;
}

.icon--burgersvg {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.1875rem;
}

.icon--iconburg {
  width: 1.375rem;
  min-width: 1.375rem;
  height: 0.875rem;
}

.icon--searchsvg {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
}

.icon--plus {
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  stroke: var(--accent);
}

.icon--refresh {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
}

.icon--pre-flash {
  width: 1rem;
  min-width: 1rem;
  height: 1.4375rem;
}

.icon--pre-photo {
  width: 1.75rem;
  min-width: 1.75rem;
  height: 1.625rem;
}

.icon--profile {
  color: var(--accent);
}

.icon--check-in {
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
}

.icon--check-out {
  width: 1.375rem;
  min-width: 1.375rem;
  height: 1.125rem;
}

.icon--cart {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1rem;
}

.icon--cash {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.0625rem;
}

.icon--trash {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
BASE
--------------------------------------------------------------------------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
  opacity: 1;
  font-size: 50px;
}

@media (max-width: 4000px) {
  html {
    font-size: 28px;
  }
}
@media (max-width: 3000px) {
  html {
    font-size: 22px;
  }
}
@media (max-width: 2600px) {
  html {
    font-size: 22px;
  }
}
@media (max-width: 2300px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 2000px) {
  html {
    font-size: 16px;
  }
}
body {
  position: relative;
  line-height: 1.1;
}
body:has(.cat-nav-drop.is-open), body.modal-open {
  height: 100%;
  overflow: hidden;
}

*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  background-color: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 10px;
  border: 3px solid #f1f1f1;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #787878;
}

.container-greyout {
  margin-inline: auto;
  max-inline-size: calc(var(--container-width) + 50px);
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 0.625rem;
  padding-inline: 2.5rem;
  padding-block: 2.5rem;
}

.container {
  margin-inline: auto;
  max-inline-size: var(--container-width);
  padding-inline: var(--container-padding);
}

.container-full {
  padding: 0 var(--container-padding);
  max-width: 100%;
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}

.img-reponsive-contain {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  overflow: hidden;
}

.no-scroll {
  overflow: hidden;
}

.hidden {
  display: none;
}

.posar {
  position: relative;
}

.image-bg {
  position: relative;
}
.image-bg img {
  display: block;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
}

.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
}

.screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto;
  clip: auto;
  background: #000; /* или другой фон для выделения */
  color: #fff; /* цвет текста */
  padding: 0.5rem;
  z-index: 1000;
}

.visually-hidden {
  position: absolute !important;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  padding: 0 !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important; /* предотвращает перенос текста */
  border: 0 !important;
}

.wrapper {
  position: relative;
  display: flex;
  padding-top: 12.0625rem;
  min-block-size: 100%;
  /** Поменять на clip - если используется в проекте position: sticky */
  overflow: clip;
  flex-direction: column;
}
@media (max-width: 992px) {
  .wrapper {
    padding-top: 6.0625rem;
  }
}
.wrapper:has(.main--search-map), .wrapper:has(.main--home-page), .wrapper:not(:has(.header-bottom)) {
  padding-top: 8.4375rem;
}
@media (max-width: 992px) {
  .wrapper:has(.main--search-map), .wrapper:has(.main--home-page), .wrapper:not(:has(.header-bottom)) {
    padding-top: 6.0625rem;
  }
}
@media (max-width: 992px) {
  .wrapper:has(.messenger-full) {
    padding-top: 0;
  }
}
@media (max-width: 992px) {
  .wrapper:has(.messenger-full) .header,
  .wrapper:has(.messenger-full) .footer-empty,
  .wrapper:has(.messenger-full) .footer,
  .wrapper:has(.messenger-full) .breadcrumbs {
    display: none;
  }
}
@media (max-width: 992px) {
  .wrapper:has(.messenger-full) .container {
    display: flex;
    padding: 0;
    flex: 1 1 auto;
  }
}
@media (max-width: 992px) {
  .wrapper:has(.messenger-full) .profile-layout {
    margin: 0;
  }
}

.main {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}
@media (max-width: 768px) {
  .main {
    gap: 2.5rem;
  }
}
@media (max-width: 576px) {
  .main {
    gap: 1.875rem;
  }
}
.main--job-page {
  padding-top: 1.875rem;
}
@media (max-width: 768px) {
  .main--job-page {
    padding-top: 0;
  }
}
.main--realt-page, .main--tourism-page {
  padding-top: 1.875rem;
}
@media (max-width: 768px) {
  .main--realt-page, .main--tourism-page {
    padding-top: 0;
  }
}
.main--page404 {
  align-items: center;
  justify-content: center;
  height: calc(100vh - 12.125rem);
  text-align: center;
}

.accent {
  color: var(--accent);
}

svg {
  max-width: 3.125rem;
  max-height: 3.125rem;
}

.hover-red {
  transition: 0.3s;
  cursor: pointer;
}
.hover-red:hover {
  color: var(--accent);
}

.swiper-pagination {
  position: relative;
  bottom: 0;
  display: none;
}
@media (max-width: 992px) {
  .swiper-pagination {
    display: block;
  }
}

.swiper-pagination-bullet-active {
  background: var(--accent);
}

@media (max-width: 1360px) {
  .container-greyout {
    padding-left: calc((100% - 80rem) / 2);
    padding-right: calc((100% - 80rem) / 2);
  }
}
@media (max-width: 1310px) {
  .container-greyout {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
}
.link-red {
  color: var(--accent);
}
.link-red:hover {
  color: var(--black);
}
.link-red:hover .icon {
  fill: var(--blackblack);
}
.link-red--arrow {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.link-red--arrow .icon {
  position: relative;
  margin-top: -0.125rem;
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  fill: var(--accent);
}

.main-figures:not(:has(img)) {
  display: none;
}

.form-label-error[style="display: inline;"] {
  display: block !important;
}

/* --------------------------------------------------------------- Breadcrumbs --------------------------------------------------------------------*/
.profile .breadcrumbs {
  padding-block-start: 1.25rem;
  padding-block-end: 1.875rem;
}

.auto .breadcrumbs,
.services .breadcrumbs {
  padding-block-start: 1.25rem;
  padding-block-end: 1.875rem;
}

.breadcrumbs {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.breadcrumbs__list li {
  display: inline-flex;
  align-items: center;
  gap: 0.9375rem;
}
.breadcrumbs__list li a {
  transition: color 0.3s ease-in-out;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #1a1a1a;
}
.breadcrumbs__list li a span {
  color: #1a1a1a;
}
.breadcrumbs__list li a:hover {
  color: var(--accent);
}
.breadcrumbs__list li a:hover span {
  color: var(--accent);
}
.breadcrumbs__list li span {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #969696;
}

/*-----------------------------------------------------------------------------------------------------------------
НИжняя часть меню в хедере (КРАСНАЯ ПОЛОСА С мЕНЮШКОЙ)
 ------------------------------------------------------------------------------------------------------------------*/
.header-bottom {
  background-color: var(--accent);
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .header-bottom {
    display: none;
  }
}
.header-bottom__nav {
  padding-right: 6.25rem;
}
.header-bottom__nav:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: linear-gradient(to right, rgba(228, 27, 23, 0) 0%, rgb(230, 0, 0) 60%);
  width: 7.5rem;
  height: 100%;
  content: "";
  z-index: 2;
}
.header-bottom__list {
  padding-block: 1.25rem;
}
.header-bottom__list li {
  width: fit-content;
}
.header-bottom__list li a {
  font-weight: 400;
  font-size: 0.9375rem;
  color: var(--white);
  transition: all 0.3s ease-in-out;
}
.header-bottom__list li a:hover {
  text-decoration: underline;
}
.header-bottom--left .header-bottom__list {
  justify-content: start;
  gap: 1.875rem;
}
.header-bottom .swiper-button-prev,
.header-bottom .swiper-button-next {
  top: 50%;
  margin: 0;
  width: 1.375rem;
  height: 1.375rem;
  transform: translate(0, -50%);
  z-index: 3;
}
.header-bottom .swiper-button-prev.swiper-button-disabled,
.header-bottom .swiper-button-next.swiper-button-disabled {
  display: block;
  opacity: 0.5;
}
.header-bottom .swiper-button-prev.swiper-button-lock,
.header-bottom .swiper-button-next.swiper-button-lock {
  display: none;
}
.header-bottom .swiper-button-prev svg,
.header-bottom .swiper-button-next svg {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.header-bottom .swiper-button-next {
  right: 0.625rem;
}
.header-bottom .swiper-button-next svg {
  transform: rotate(-180deg);
}
.header-bottom .swiper-button-prev {
  right: 2.1875rem;
  left: auto;
}

/*-----------------------------------------------------------------------------------------------------------------
LAYOUTS
 ------------------------------------------------------------------------------------------------------------------*/
.fdc {
  display: flex;
  flex-direction: column;
}

.fdr {
  display: flex;
  flex-direction: row;
}

.gap-20 {
  gap: 1.25rem;
}

.gap-x-20 {
  gap: 0 1.25rem;
}

.gap-y-20 {
  gap: 1.25rem 0;
}

.gap-30 {
  gap: 1.875rem;
}

.gap-x-30 {
  gap: 0 1.875rem;
}

.gap-y-30 {
  gap: 1.875rem 0;
}

.gap-40 {
  gap: 2.5rem;
}
@media (max-width: 1200px) {
  .gap-40 {
    gap: 1.875rem;
  }
}
@media (max-width: 992px) {
  .gap-40 {
    gap: 1.25rem;
  }
}

.gap-x-40 {
  gap: 0 2.5rem;
}

.gap-y-40 {
  gap: 2.5rem 0;
}

.flex {
  display: flex;
  flex-direction: column;
}

.column-66 {
  flex-shrink: 0;
  width: 66.6%;
  min-width: 55rem;
  display: flex;
  flex-direction: column;
}
.column-66--spaceborder {
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
  .column-66 {
    width: 100%;
    min-width: 100%;
  }
}

.column-33 {
  flex-shrink: 0;
  width: 33.3%;
  max-width: calc(100% - 55rem);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .column-33 {
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

@media (max-width: 1200px) {
  .column-50 {
    width: calc(50% - 0.9375rem);
  }
}
@media (max-width: 576px) {
  .column-50 {
    width: calc(50% - 0.5rem);
  }
}

.column-100 {
  width: 100%;
}

/* ------------------------------------------------------------------------------------------------------------------------------
Listings block
--------------------------------------------------------------------------------------------------------------------------------*/
.listings-block {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid #efeaea;
  margin-bottom: 1.875rem;
  border-bottom: 1px solid #efeaea;
}
.listings-block--noborder {
  border-bottom: none;
}
.listings-block--nopad {
  padding-top: 0;
}
.listings-block--no-mb {
  margin-bottom: 0;
}
.listings-block__title {
  margin-bottom: 0.3125rem;
}
.listings-block__description {
  display: block;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 130%;
  color: #b1b1b1;
  margin-bottom: 1.25rem;
}
.listings-block__all {
  margin-top: 1.875rem;
  margin-bottom: 0.625rem;
}
.listings-block__all .btn {
  padding-inline: 1.875rem;
}
.listings-block .product-card {
  padding: 0;
}
.listings-block .product-card__like {
  top: 0.875rem;
  right: 0.5rem;
}
.listings-block .product-card__like svg {
  width: 1.625rem;
  height: 1.5rem;
}
.listings-block .product-card__meta {
  justify-content: flex-start;
  gap: 1.25rem;
}
.listings-block .product-card__spacebetween {
  padding-inline: 0;
}
.listings-block .product-card__price {
  margin-bottom: 0.5rem;
}
.listings-block .product-card__price strong {
  font-weight: 500;
}
.listings-block .product-card__title {
  margin-bottom: 0.9375rem;
}
.listings-block__noadds {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.listings-block__noicon {
  margin-bottom: 0.4375rem;
}
.listings-block__noicon svg {
  width: 2rem;
  height: 2rem;
}
.listings-block__warning {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  color: #3d3d3d;
  margin-bottom: 1.5625rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
Reviews block
--------------------------------------------------------------------------------------------------------------------------------*/
.reviews-block {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}
.reviews-block__rating {
  margin-bottom: 0.75rem;
}
.reviews-block__title {
  margin-bottom: 0.625rem;
}
.reviews-block__description {
  display: block;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 130%;
  color: #b1b1b1;
  margin-bottom: 1.25rem;
}
.reviews-block__collection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.reviews-block__collection a {
  aspect-ratio: 1/1;
  width: 5rem;
  display: block;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.reviews-block__collection a:hover img {
  transform: scale(1.1);
}
.reviews-block__collection a img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

/* ------------------------------------------------------------------------------------------------------------------------------
Simple block
--------------------------------------------------------------------------------------------------------------------------------*/
.simple-block__title {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 1.25rem;
}
.simple-block__content {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #3d3d3d;
}

/* ------------------------------------------------------------------------------------------------------------------------------
HEADER SIGN SLIDERS
--------------------------------------------------------------------------------------------------------------------------------*/
.authorize-login .modal-dialog,
.authorize-signup .modal-dialog {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  margin: 0;
  max-width: 31.25rem;
  height: 100vh;
  transform: translate(100%, 0) !important;
  transition: right 0.3s ease-in-out;
}
@media (max-width: 576px) {
  .authorize-login .modal-dialog,
  .authorize-signup .modal-dialog {
    width: 100%;
  }
}
.authorize-login .modal-content,
.authorize-signup .modal-content {
  width: 31.25rem;
  min-width: 31.25rem;
  height: 100%;
  padding-block: 2.5rem;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  padding: 2.5rem;
  overflow: hidden;
}
@media (max-width: 576px) {
  .authorize-login .modal-content,
  .authorize-signup .modal-content {
    padding: 1.25rem 0.9375rem;
    width: 100%;
    min-width: 100%;
  }
}
.authorize-login.show .modal-dialog,
.authorize-signup.show .modal-dialog {
  transform: translate(0, 0) !important;
}
.authorize-login__close,
.authorize-signup__close {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
}
@media (max-width: 576px) {
  .authorize-login__close,
  .authorize-signup__close {
    right: 0.9375rem;
    top: 1.25rem;
  }
}
.authorize-login__close:hover svg,
.authorize-signup__close:hover svg {
  fill: var(--accent);
}
.authorize-login__close svg,
.authorize-signup__close svg {
  transition: all 0.3s ease-in-out;
  fill: #b1b1b1;
  width: 1.25rem;
  height: 1.25rem;
}
.authorize-login__title,
.authorize-signup__title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 1.875rem;
}
.authorize-login__spacebetween,
.authorize-signup__spacebetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.authorize-login__top,
.authorize-signup__top {
  flex-grow: 1;
}
.authorize-login__bottom,
.authorize-signup__bottom {
  flex-grow: 0;
}
.authorize-login__bottom p,
.authorize-signup__bottom p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 160%;
  color: #3d3d3d;
}
.authorize-login .panel-login-btn,
.authorize-login .panel-signup-btn,
.authorize-signup .panel-login-btn,
.authorize-signup .panel-signup-btn {
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--accent);
  border-bottom: 0.0625rem solid transparent;
  transition: all 0.3s ease-in-out;
}
.authorize-login .panel-login-btn:hover,
.authorize-login .panel-signup-btn:hover,
.authorize-signup .panel-login-btn:hover,
.authorize-signup .panel-signup-btn:hover {
  border-bottom: 0.0625rem solid var(--accent);
}
.authorize-login .panel-reset-btn,
.authorize-signup .panel-reset-btn {
  display: inline-block;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}
.authorize-login .panel-reset-btn:hover,
.authorize-signup .panel-reset-btn:hover {
  color: var(--accent);
}
.authorize-login .panel-remember-label,
.authorize-signup .panel-remember-label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #3d3d3d;
  margin-bottom: 1.25rem;
}
.authorize-login .panel-remember-label span,
.authorize-signup .panel-remember-label span {
  padding-top: 0.125rem;
  display: block;
}
.authorize-login .panel-shorter-text,
.authorize-signup .panel-shorter-text {
  display: inline-block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #3d3d3d;
  margin-bottom: 1.5625rem;
}
.authorize-login__panels label,
.authorize-signup__panels label {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
}
.authorize-login__panels label.form-label-error:empty,
.authorize-signup__panels label.form-label-error:empty {
  display: none;
}
.authorize-login__panels input[type=checkbox],
.authorize-signup__panels input[type=checkbox] {
  cursor: pointer;
}
.authorize-login__panels .login-panel,
.authorize-login__panels .signup-panel,
.authorize-signup__panels .login-panel,
.authorize-signup__panels .signup-panel {
  display: none;
}
.authorize-login__panels .login-panel.active,
.authorize-login__panels .signup-panel.active,
.authorize-signup__panels .login-panel.active,
.authorize-signup__panels .signup-panel.active {
  display: block;
  animation: fade-up-big 0.3s ease-in-out;
}
.authorize-login .checkbox-item,
.authorize-signup .checkbox-item {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.authorize-login .checkbox-input,
.authorize-signup .checkbox-input {
  appearance: none;
  border: 0.0625rem solid #d8d8d8;
  border-radius: 0.3125rem;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  background-color: var(--white);
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.authorize-login .checkbox-input:checked,
.authorize-signup .checkbox-input:checked {
  background-image: url("../icons/check.svg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center;
  outline: 0.0625rem solid var(--accent);
}
.authorize-login .checkbox-input:active,
.authorize-signup .checkbox-input:active {
  outline: 0.0625rem solid var(--accent);
}
.authorize-login .btn,
.authorize-signup .btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: center;
}
.authorize-login .btn:has(.spinner-border), .authorize-login .btn:disabled,
.authorize-signup .btn:has(.spinner-border),
.authorize-signup .btn:disabled {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--white);
  background-color: var(--accent);
}

.authorize-signup input[type=password] {
  margin-bottom: 0.625rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
Banners and advertising elements
--------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------- long baner -----------------------------------------------------------*/
.long-banner {
  color: var(--white);
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  padding: 3.3125rem 3.9375rem;
  min-height: 12.5rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .long-banner {
    padding: 2.5rem 1.875rem;
  }
}
@media (max-width: 768px) {
  .long-banner {
    padding: 1.875rem 1.25rem;
    flex-direction: column;
  }
}
.long-banner--red {
  background-image: url("../images/featured/banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.long-banner__tit {
  font-weight: 500;
  font-size: 2.5rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 992px) {
  .long-banner__tit {
    font-size: 2.1875rem;
  }
}
@media (max-width: 768px) {
  .long-banner__tit {
    font-size: 1.875rem;
  }
}
.long-banner__desc {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.2;
  max-width: 65%;
  margin-bottom: 0.625rem;
}
@media (max-width: 576px) {
  .long-banner__desc {
    max-width: none;
    font-size: 1rem;
  }
}
.long-banner .btn-white {
  text-wrap: nowrap;
}

/*----------------------------------------------- Adv mini -----------------------------------------------------------*/
.banner-mini {
  border-radius: 0.625rem;
  min-height: 6.6875rem;
  width: 18.0625rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center; /* по горизонтали */
  align-items: center; /* по вертикали */
  overflow: hidden;
  flex-shrink: 0;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.625rem;
}
.banner-mini:hover > * {
  cursor: pointer;
  transform: scale(1.1);
}
.banner-mini > * {
  transition: all 0.3s ease-in-out;
}
.banner-mini img {
  height: 100%; /* растягиваем изображение по высоте контейнера */
  width: auto; /* сохраняем пропорции изображения по ширине */
  max-width: 100%; /* чтобы не выйти за границы контейнера по ширине */
  object-fit: cover;
  object-position: center center;
}
.banner-mini__title {
  font-weight: 200;
  font-size: 3.125rem;
  text-align: center;
  color: #aeaeae;
}
.banner-mini__annotation {
  font-weight: 300;
  font-size: 0.875rem;
  text-align: center;
  color: #aeaeae;
}

/*--------------------------------------------- Adv ------------------------------------------*/
.banner {
  border-radius: 0.625rem;
  aspect-ratio: 400/370;
  background: #f4f4f4;
  display: flex;
  justify-content: center; /* по горизонтали */
  align-items: center; /* по вертикали */
  overflow: hidden;
  flex-shrink: 0;
  font-weight: 200;
  font-size: 6rem;
  text-align: center;
  color: #aeaeae;
}
.banner:hover > * {
  cursor: pointer;
  transform: scale(1.1);
}
.banner > * {
  transition: all 0.3s ease-in-out;
}
.banner img {
  height: 100%; /* растягиваем изображение по высоте контейнера */
  width: auto; /* сохраняем пропорции изображения по ширине */
  object-fit: cover;
  object-position: center center;
}

/*--------------------------------------------- Adv expanded ------------------------------------------*/
.banner-expanded {
  position: sticky;
  top: 8.75rem;
  border-radius: 0.625rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* по горизонтали */
  align-items: center; /* по вертикали */
  overflow: hidden;
  flex-shrink: 0;
}
.banner-expanded b {
  font-weight: 200;
  font-size: 6rem;
  line-height: 100%;
}
.banner-expanded p {
  font-weight: 300;
  font-size: 0.875rem;
}
.banner-expanded--transparent {
  background-color: transparent;
}
.banner-expanded:hover > * {
  cursor: pointer;
  transform: scale(1.1);
}
.banner-expanded > * {
  transition: all 0.3s ease-in-out;
}
.banner-expanded img {
  width: 100%; /* растягиваем изображение по высоте контейнера */
  height: auto; /* сохраняем пропорции изображения по ширине */
  object-fit: cover;
  object-position: center center;
}

.banner-job {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 3.125rem 2.5rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.925;
  background: linear-gradient(90deg, #EbEbEb 0%, #f9f9f9 100%);
  border-radius: 0.625rem;
  font-size: 1rem;
  font-weight: 300;
  color: #383838;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .banner-job {
    padding: 1.875rem 1.25rem;
  }
}
@media (max-width: 992px) {
  .banner-job {
    aspect-ratio: 0.7/1;
  }
  .banner-job__title {
    font-size: 2.375rem;
  }
}
@media (max-width: 768px) {
  .banner-job {
    aspect-ratio: 1/0.5;
  }
}
.banner-job > * {
  position: relative;
  z-index: 2;
}
.banner-job:before {
  position: absolute;
  top: 26%;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  background: 0 0 url("../icons/banner-bg.svg") no-repeat;
  background-size: 100% auto;
  content: "";
  opacity: 0.07;
  z-index: 1;
}
.banner-job strong {
  font-weight: 500;
}
.banner-job__title {
  font-size: 3rem;
}
.banner-job__foot {
  margin-top: auto;
}

/* ------------------------------------------------------------------------------------------------------------------------------
BOOTSTRAP EXTRA
--------------------------------------------------------------------------------------------------------------------------------*/
.spaceborder-40 {
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
}

.mb-10 {
  margin-bottom: 0.625rem;
}

@media (max-width: 576px) {
  .mb-sm-10 {
    margin-bottom: 0.625rem;
  }
}

.mb-20 {
  margin-bottom: 1.25rem;
}

@media (max-width: 576px) {
  .mb-sm-20 {
    margin-bottom: 1.25rem;
  }
}

.mb-25 {
  margin-bottom: 1.5625rem;
}

@media (max-width: 576px) {
  .mb-sm-25 {
    margin-bottom: 1.5625rem;
  }
}

.mb-30 {
  margin-bottom: 1.875rem;
}

@media (max-width: 576px) {
  .mb-sm-30 {
    margin-bottom: 1.875rem;
  }
}

.mb-40 {
  margin-bottom: 2.5rem;
}

@media (max-width: 576px) {
  .mb-sm-40 {
    margin-bottom: 2.5rem;
  }
}

.mb-50 {
  margin-bottom: 1.125rem;
}

@media (max-width: 576px) {
  .mb-sm-50 {
    margin-bottom: 1.125rem;
  }
}

.g-10,
.gx-10 {
  --bs-gutter-x: .625rem;
}

.g-10,
.gy-10 {
  --bs-gutter-y: .625rem;
}

.g-16,
.gx-16 {
  --bs-gutter-x: 1rem;
}

.g-16,
.gy-16 {
  --bs-gutter-y: 1rem;
}

.g-20,
.gx-20 {
  --bs-gutter-x: 1.25rem;
}

.g-20,
.gy-20 {
  --bs-gutter-y: 1.25rem;
}

.g-25,
.gx-25 {
  --bs-gutter-x: 1.5625rem;
}

.g-25,
.gy-25 {
  --bs-gutter-y: 1.5625rem;
}

.g-30,
.gy-30 {
  --bs-gutter-y: 1.875rem;
}
@media (max-width: 1200px) {
  .g-30,
  .gy-30 {
    --bs-gutter-y: 1.25rem;
  }
}

.g-30,
.gx-30 {
  --bs-gutter-x: 1.875rem;
}
@media (max-width: 1200px) {
  .g-30,
  .gx-30 {
    --bs-gutter-x: 1.25rem;
  }
}

.g-40,
.gy-40 {
  --bs-gutter-y: 2.5rem;
}
@media (max-width: 1300px) {
  .g-40,
  .gy-40 {
    --bs-gutter-y: 1.875rem;
  }
}
@media (max-width: 576px) {
  .g-40,
  .gy-40 {
    --bs-gutter-y: 2rem;
  }
}

.g-40,
.gx-40 {
  --bs-gutter-x: 2.5rem;
}
@media (max-width: 1300px) {
  .g-40,
  .gx-40 {
    --bs-gutter-x: 1.875rem;
  }
}
@media (max-width: 576px) {
  .g-40,
  .gx-40 {
    --bs-gutter-x: 2rem;
  }
}

.g-60,
.gx-60 {
  --bs-gutter-x: 3.75rem;
}

.g-60,
.gy-60 {
  --bs-gutter-y: 3.75rem;
}

.g-70,
.gx-70 {
  --bs-gutter-x: 4.375rem;
}
@media (max-width: 1200px) {
  .g-70,
  .gx-70 {
    --bs-gutter-x: 2.5rem;
  }
}
@media (max-width: 992px) {
  .g-70,
  .gx-70 {
    --bs-gutter-x: 1.875rem;
  }
}
@media (max-width: 768px) {
  .g-70,
  .gx-70 {
    --bs-gutter-x: 1.25rem;
  }
}

.g-70,
.gy-70 {
  --bs-gutter-y: 4.375rem;
}
@media (max-width: 1200px) {
  .g-70,
  .gy-70 {
    --bs-gutter-y: 2.5rem;
  }
}
@media (max-width: 992px) {
  .g-70,
  .gy-70 {
    --bs-gutter-y: 1.875rem;
  }
}
@media (max-width: 768px) {
  .g-70,
  .gy-70 {
    --bs-gutter-y: 1.25rem;
  }
}

.custom-col-5 {
  width: 20%;
}
@media (max-width: 992px) {
  .custom-col-5 {
    width: 33.33%;
  }
}
@media (max-width: 768px) {
  .custom-col-5 {
    width: 50%;
  }
}
@media (max-width: 440px) {
  .custom-col-5 {
    width: 100%;
  }
}

/* catalog nav */
.cat-nav-drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 2;
  transition: 0.5s;
}
.cat-nav-drop a {
  color: #262626;
}
.cat-nav-drop a:hover {
  color: var(--accent);
}
.cat-nav-drop.is-open {
  height: calc(100vh - 12.125rem);
}
.cat-nav-drop.is-open .cat-nav-drop__over {
  display: block;
}
.cat-nav-drop--page {
  position: relative;
  top: 0;
  height: calc(100vh - 12.0625rem - 9.375rem);
  background-color: transparent;
  border: 1px solid var(--border);
  border-radius: 0.3125rem;
}

@media (min-width: 993px) {
  .cat-nav-drop .slinky-menu {
    display: none;
  }
  .cat-nav-drop__over {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .cat-nav-drop__entry {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    z-index: 2;
  }
  .cat-nav-drop__entry > * {
    position: relative;
    height: 100% !important;
  }
  .cat-nav-drop__list {
    height: 100%;
    width: 16.5625rem;
    padding: 1.5625rem 0.9375rem 1.5625rem 0;
    border-right: 0.0625rem solid var(--border);
    font-size: 16px;
    line-height: 20px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .cat-nav-drop__list {
    width: 14.6875rem;
  }
}
@media (min-width: 993px) {
  .cat-nav-drop__list:not(:has(.cat-nav-drop__item:hover)) .cat-nav-drop__item:first-child .cat-nav-drop__sub-list {
    display: grid !important;
    opacity: 1;
    z-index: 10;
  }
  .cat-nav-drop__item:hover .cat-nav-drop__sub-list {
    display: grid !important;
    opacity: 1;
    z-index: 10;
  }
  .cat-nav-drop__link {
    display: flex;
    min-height: 2.625rem;
    align-items: center;
    justify-content: space-between;
    padding-inline: 1.25rem;
    overflow: hidden;
    border-radius: 0rem;
    min-height: 2.625rem;
    font-weight: 500;
    transition: 0.3s;
    cursor: pointer;
  }
  .cat-nav-drop__link:hover {
    background: #f8f8f8;
    border-radius: 0.3125rem;
    color: var(--accent);
  }
  .cat-nav-drop__link .icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: 0.3s;
  }
  .cat-nav-drop__link .icon--cat {
    left: 20px;
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .cat-nav-drop__link .icon--arrow {
    right: 20px;
    width: 21px;
    min-width: 21px;
    height: 21px;
  }
  .cat-nav-drop__sub-list {
    position: absolute;
    left: 17.5rem;
    top: 0;
    padding: 2.1875rem 3.125rem;
    width: calc(100% - 16.5625rem);
    height: 100%;
    font-size: 16px;
    line-height: 18px;
    opacity: 0;
    z-index: 1;
    overflow-y: auto;
    transition: 0.3s;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .cat-nav-drop__sub-list {
    left: 15.625rem;
    padding-inline: 1.875rem;
    width: calc(100% - 14.6875rem);
  }
}
@media (min-width: 993px) {
  .cat-nav-drop__sub-list .tit {
    font-weight: 500;
    font-size: 1.375rem;
    margin-bottom: 1.875rem;
  }
  .cat-nav-drop__sub-list .tit a {
    display: block;
    font-weight: 500;
  }
  .cat-nav-drop__sub-list .btn-more {
    font-size: 0.875rem;
    color: #b1b1b1;
    cursor: pointer;
  }
  .cat-nav-drop__sub-list .btn-more:hover {
    color: var(--accent);
  }
  .cat-nav-drop__sub-list-ul {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
    width: 100%;
  }
  .cat-nav-drop__sub-list-ul > li > ul {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
  }
  .cat-nav-drop__sub-list-ul > li > ul > li {
    font-size: 1rem;
    line-height: 100%;
    font-weight: 700;
  }
  .cat-nav-drop__sub-list-ul > li > ul > li > a {
    font-weight: 700;
  }
  .cat-nav-drop__sub-list-ul-ul {
    padding: 0.9375rem 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
  }
  .cat-nav-drop__sub-list-ul-ul li {
    font-weight: 400;
  }
  .cat-nav-drop__sub-list li {
    grid-column: span 2;
  }
}
@media (max-width: 992px) {
  .desct-menu {
    display: none;
  }
  .cat-nav-drop {
    position: fixed;
    top: 4.25rem;
    background: #fff;
  }
  .cat-nav-drop--page {
    top: 0;
    border: none;
    border-radius: 0rem;
  }
  .cat-nav-drop--page .cat-nav-drop__list,
  .cat-nav-drop--page .slinky-menu ul {
    padding: 0;
  }
  .cat-nav-drop--page .slinky-menu {
    position: relative;
    overflow-y: initial;
    overflow-x: initial;
  }
  .cat-nav-drop.is-open {
    height: calc(100% - 4.375rem);
  }
  .cat-nav-drop--page {
    position: relative;
    background: transparent;
  }
  .slinky-menu {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 0;
    width: 100%;
    max-height: 100vh;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateZ(0);
    transition: 0.4s;
  }
  .slinky-menu .tit {
    display: none;
  }
  .slinky-menu::-webkit-scrollbar {
    background: transparent;
  }
  .slinky-menu > ul {
    left: 0;
    position: relative;
    transform: translateZ(0);
    transition: 0.4s;
  }
  .slinky-menu ul,
  .slinky-menu li {
    list-style: none;
    margin: 0;
  }
  .slinky-menu ul {
    padding: 1.875rem 0.9375rem;
    width: 100%;
  }
  .slinky-menu a {
    display: flex;
    min-height: 2.625rem;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 0.3125rem;
    border-radius: 0.3125rem;
    padding: 0 0.5rem 0 1.25rem;
  }
  .slinky-menu li ul {
    display: none;
    flex-direction: column;
    left: 100%;
    position: absolute;
    top: 0;
  }
  .slinky-menu .menu-next,
  .slinky-menu .menu-header,
  .slinky-menu .menu-back,
  .slinky-menu .menu-more {
    display: flex;
    width: 100%;
  }
  .slinky-menu .menu-more {
    font-size: 1.125rem;
    font-weight: bolder;
  }
  .slinky-menu .menu-next {
    justify-content: space-between;
  }
  .slinky-menu .menu-back {
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .slinky-menu li {
    line-height: 1;
  }
  .slinky-menu .menu-next:after,
  .slinky-menu .menu-back:before,
  .slinky-menu .menu-more:after {
    width: 1.875rem;
    min-width: 1.875rem;
    height: 1.875rem;
    background-image: url("../icons/down.svg");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    content: "";
    display: block;
    transition: 200ms;
  }
  .slinky-menu .menu-next:after,
  .slinky-menu .menu-more:after {
    transform: rotate(-90deg);
  }
  .slinky-menu .menu-back:before {
    margin-bottom: 0.125rem;
    transform: rotate(90deg);
  }
}
.slinky-menu-modal {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 -0.625rem;
  width: calc(100% + 1.25rem);
  max-height: 100vh;
  transform: translateZ(0);
  transition: 0.4s;
}
.slinky-menu-modal:has(ul[style*=flex]) {
  overflow: hidden;
}
.slinky-menu-modal .tit {
  display: none;
}
.slinky-menu-modal::-webkit-scrollbar {
  background: transparent;
}

.slinky-menu-modal > ul {
  left: 0;
  position: relative;
  padding: 0.875rem 0 1.125rem;
  transform: translateZ(0);
  transition: 0.4s;
}
.slinky-menu-modal > ul:has(ul[style*=flex]) {
  z-index: 11;
}

.slinky-menu-modal ul,
.slinky-menu-modal li {
  list-style: none;
  margin: 0;
}

.slinky-menu-modal ul {
  width: 100%;
}

.slinky-menu-modal a {
  display: flex;
  min-height: 2.5625rem;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.3125rem;
  margin: 0 0.625rem;
  padding: 0.75rem 1.25rem;
  width: calc(100% - 1.25rem);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  color: #1A1A1A;
}
.slinky-menu-modal a:hover {
  background: #F3F3F3;
}
@media (max-width: 768px) {
  .slinky-menu-modal a {
    padding-inline: 0.625rem;
  }
}

.slinky-menu-modal .all a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #969696;
}
.slinky-menu-modal .all a:hover {
  background: transparent;
}

.slinky-menu-modal li ul {
  display: none;
  flex-direction: column;
  top: 0;
  left: 100%;
  padding-bottom: 0.75rem;
  position: absolute;
}

.slinky-menu-modal > ul > li > ul {
  top: -4.25rem;
}

.slinky-menu-modal .menu-next,
.slinky-menu-modal .menu-header,
.slinky-menu-modal .menu-back {
  display: flex;
}

.slinky-menu-modal .menu-next {
  justify-content: space-between;
}

.slinky-menu-modal .menu-header {
  position: sticky;
  top: 0;
  margin-bottom: 0.75rem;
}

.slinky-menu-modal .menu-back {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
  padding: 0.875rem 4.375rem 0.625rem 1.25rem;
  width: 100%;
  min-height: 4.1875rem;
  background: #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.slinky-menu-modal li {
  line-height: 1;
}

.slinky-menu-modal .menu-next:after,
.slinky-menu-modal .menu-back:before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  content: "";
  display: block;
  transition: 0.2s;
}

.slinky-menu-modal .menu-next:after {
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%23B1B1B1'/%3E%3C/svg%3E%0A");
  transform: rotate(-90deg);
}

.slinky-menu-modal .menu-back:before {
  margin-bottom: 0.125rem;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 0.6875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
  transform: rotate(90deg);
}

/* end catalog nav */
/* ------------------------------------------------------------------------------------------------------------------------------
CUSTOM CHOICES SELECT
--------------------------------------------------------------------------------------------------------------------------------*/
.choices {
  position: relative;
}
.choices:focus .choices__inner {
  border: 0.0625rem solid var(--border-focus);
}
.choices[data-type*=select-one] .choices__inner {
  padding: 0;
}
.choices__list--single {
  padding: 0;
}
.choices__inner {
  border: 0.0625rem solid #efeaea;
  border-radius: 0.3125rem;
  padding: 0;
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  color: #1a1a1a;
  width: initial;
  background-color: transparent;
}
.choices__inner.has-filled .choices__item-label {
  opacity: 1;
}
.choices__inner.has-filled .choices__item-name {
  transform: translate(0, 0);
}
.choices__placeholder {
  opacity: 1;
}
.choices__item {
  position: relative;
  padding: 0.5625rem 0.9375rem;
  height: 3rem;
  overflow: hidden;
}
.choices__item:not(:has(.choices__item-name)) {
  padding: 0.9375rem;
}
.choices__item-label {
  position: relative;
  display: block;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1;
  color: #B1B1B1;
  opacity: 0;
  text-wrap: nowrap;
  transition: 0.3s;
  overflow: hidden;
}
.choices__item-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.1875rem;
  width: 100%;
  background: transparent;
  border-radius: 0;
  transform: translate(0, -0.5rem);
  transition: 0.3s;
}
.choices__item-name:after {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  margin-left: 0.75rem;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.5625rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%23B1B1B1'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  content: "";
  vertical-align: middle;
}
.choices:has(.choices-sm) .choices__inner {
  min-height: 2.5rem;
}
.choices:has(.choices-sm) .choices__item {
  padding: 0.25rem 0.9375rem;
  height: 2.375rem;
}
.choices:has(.choices-no-label) .choices__item-label {
  display: none;
}
.choices:has(.choices-no-label) .choices__item-name {
  justify-content: space-between;
  padding-top: 0.375rem;
  transform: translate(0, 0);
}
.choices.is-open .choices__item-name:after {
  transform: rotate(180deg);
}

/* Добавляем стрелку через псевдоэлемент */
.choices__list--dropdown .choices__item {
  padding: 1rem 1.25rem 0.875rem !important;
  height: auto !important;
  text-wrap: nowrap;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  display: none;
  z-index: 2;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 0.0625rem solid #efeaea;
  top: 100%;
  margin-top: -0.0625rem;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
  overflow: hidden;
  word-break: break-all;
  min-width: 4.6875rem;
  border-color: #efeaea !important;
}

.choices.is-focused .choices__inner {
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}

.choices__item--choice.is-selected {
  background-color: var(--accent) !important;
  color: #fff;
}

.choices__item--disabled {
  display: none;
}

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

/*------------------------------------------- Usual select with label -----------------------------------------------*/
.usual-select-label {
  color: #1a1a1a;
}
.usual-select-label .params-form-item-label {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
.usual-select-label .choices::before {
  right: 0.625rem;
  width: 1.625rem;
  height: 1.625rem;
}
.usual-select-label .choices.is-focused .choices__inner {
  border-radius: 0.3125rem;
}
.usual-select-label .choices__inner {
  font-size: 1rem;
  border: 0.0625rem solid #efeaea;
  border-radius: 0.3125rem;
  min-height: 3.125rem;
}

/*------------------------------------------- Small select with label -----------------------------------------------*/
.small-select-label {
  color: #1a1a1a;
}
.small-select-label .params-form-item-label {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small-select-label .choices:focus .choices__inner {
  border: 0.0625rem solid #efeaea;
}
.small-select-label .choices::before {
  right: 0.3125rem;
  width: 20px;
  height: 20px;
}
.small-select-label .choices__inner {
  font-size: 0.875rem;
  border: 0.0625rem solid #efeaea !important;
  border-radius: 0.3125rem !important;
  min-height: 2.5rem;
}

/*------------------------------------------- Search orderby filter -----------------------------------------------*/
.search-orderby .choices:focus .choices__inner {
  border: 0.0625rem solid transparent;
}
.search-orderby .choices::before {
  right: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
}
.search-orderby .choices__inner {
  border: 0.0625rem solid transparent;
  padding-right: 0.9375rem;
}
.search-orderby .choices__list--dropdown,
.search-orderby .choices__list[aria-expanded] {
  border-color: #efeaea !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------
COMPONENTS
--------------------------------------------------------------------------------------------------------------------------------*/
.separate-label {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  margin-bottom: 0.625rem;
}

/*----------------------------------------------search-form  ----------------------------------------------------*/
.search-form {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .search-form:not(.live-search-form) {
    position: relative;
  }
}
.search-form .search-input {
  border-radius: 0;
}
.search-form__input, .search-form.live-search-form {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 1.25rem;
  min-height: 3.125rem;
  border: 0.0625rem solid #f8f8f8;
  background-color: #f8f8f8;
  padding: 0.625rem 1.25rem;
  border-radius: 0.3125rem;
  transition: 0.3s;
}
.search-form__input:has(input:focus), .search-form.live-search-form:has(input:focus) {
  border-color: var(--border-focus);
}
@media (max-width: 992px) {
  .search-form__input, .search-form.live-search-form {
    margin-right: 0;
    padding-inline: 0.9375rem;
  }
}
@media (max-width: 768px) {
  .search-form.live-search-form {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .search-form__input {
    position: absolute;
    top: -3.75rem;
    left: 0;
    padding: 0.3125rem 0.625rem;
    min-height: 2.5rem;
    width: 2.5rem;
    border: 0.0625rem solid #EFEAEA;
    background: #fff;
    overflow: hidden;
    z-index: 2;
  }
  .search-form__input .icon {
    min-width: 1rem;
    width: 1rem;
    height: 1rem;
    fill: var(--black);
  }
  .search-form__input .icon--close {
    min-width: 0.875rem;
    width: 0.875rem;
    height: 0.875rem;
  }
  .search-form__input.is-open {
    width: 100%;
  }
}
.search-form .search-input,
.search-form .live-search-form-input {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1.5;
}
.search-form .search-input:focus,
.search-form .live-search-form-input:focus {
  background: transparent;
  border: none !important;
}
.search-form .search-button {
  flex-shrink: 0;
}
.search-form .search-button .icon--search-black, .search-form .search-button .icon--close {
  display: none;
}
@media (max-width: 768px) {
  .search-form .search-button .icon--searchsvg {
    display: none;
  }
  .search-form .search-button .icon--search-black, .search-form .search-button .icon--close {
    display: block;
  }
}
.search-form .btn {
  min-width: 10.9375rem;
}
@media (max-width: 992px) {
  .search-form .btn {
    min-width: 9.6875rem;
  }
}
@media (max-width: 768px) {
  .search-form .btn {
    position: absolute;
    top: -3.75rem;
    left: 3.125rem;
    min-width: 9.25rem;
    min-height: 2.5rem;
    z-index: 1;
  }
}

/*---------------------------------------------- shopBullet ----------------------------------------------------*/
.container-item-images {
  aspect-ratio: 305/240;
  border-radius: 0.625rem;
}
.container-item-images-indicator {
  display: flex;
  height: 100%;
  padding-inline: 0.35rem;
}
.container-item-images-indicator span {
  position: relative;
  border: none;
  height: auto !important;
}
.container-item-images-indicator span:after {
  position: absolute;
  bottom: 0.3125rem;
  left: 0;
  display: block;
  width: 100%;
  height: 0.1875rem;
  background: #fff;
  border-radius: 0.3125rem;
  content: "";
}
.container-item-images-indicator span:hover {
  border: none;
}
.container-item-images-indicator span:hover:after {
  background: red;
}

@media (max-width: 768px) {
  .section-banner {
    aspect-ratio: 128/42;
  }
  .section-banner img {
    display: block;
    border-radius: 0.625rem;
    overflow: hidden;
    height: 100%;
  }
}

.row > *:has(.section-ajax) {
  margin-top: 0;
}

.section-ajax {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
  padding-inline: 1.875rem;
  min-height: 3.125rem;
  border-radius: 0.3125rem;
  margin-inline: auto;
  background: var(--accent);
  transition: opacity 0.3s ease-in-out;
  margin-top: 2.5rem;
}
@media (max-width: 576px) {
  .section-ajax {
    margin-top: 1.875rem;
  }
}
.section-ajax:hover {
  opacity: 0.75;
}
.section-ajax__icon {
  display: block;
  width: 1rem;
  height: 1rem;
}
.section-ajax__name {
  font-weight: 500;
  font-size: 1rem;
  color: var(--white);
}

/*---------------------------------------------- SECTION HEADER ----------------------------------------------------*/
.section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}
.section-header .title {
  margin-bottom: 0;
}
.section-header__link {
  display: block;
  font-family: var(--font-main);
  font-weight: 500;
  font-size: 1rem;
  line-height: 170%;
  text-align: right;
  color: var(--accent);
  text-wrap: nowrap;
  transition: all 0.3s ease-in-out;
}
.section-header__link:hover {
  color: black;
}

/*---------------------------------------------- PRODUCT CARD ----------------------------------------------------*/
.product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  padding: 0.625rem 0.625rem 1.25rem 0.625rem;
  border-radius: 0.625rem;
  height: 100%;
  color: var(--black);
}
.product-card.is-selected {
  background: #FFFAED;
}
.product-card--line {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  padding: 0;
}
@media (max-width: 576px) {
  .product-card--line {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product-card--line .product-card__like {
  top: 0.875rem;
  right: 0.875rem;
}
.product-card--line .product-card__rating {
  top: 0.875rem;
  left: 0.875rem;
}
.product-card--line .product-card__spacebetween {
  padding: 0;
}
.product-card--line .product-card__title {
  margin-bottom: 0.625rem;
  -webkit-line-clamp: 3;
  font-size: 1.125rem;
}
.product-card--line .product-card__price-lg {
  font-size: 1.125rem;
  font-weight: 500;
}
.product-card--line .product-card__price-md {
  font-size: 0.9375rem;
}
.product-card--line .product-card__foot {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: auto;
}
.product-card--line .btn {
  max-width: 16.25rem;
  width: 100%;
}
.product-card_preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-card_preloader_body {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}
.product-card_preloader_body::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 5px solid rgba(230, 0, 0, 0.65);
  animation: prixClipFix 2s linear infinite;
}
.product-card__image {
  position: relative;
  aspect-ratio: 305/240;
  border-radius: 0.625rem;
  overflow: hidden;
}
.product-card__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 305/240;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.product-card__image:not(.container-item-images):hover img {
  transform: scale(1.05);
}
.product-card__label {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  right: 3.125rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  z-index: 2;
}
.product-card__rating {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.5625rem 0.625rem;
  border-radius: 0.3125rem;
  color: var(--white);
  background-color: var(--accent);
  z-index: 3;
}
.product-card__rating svg {
  fill: var(--white);
  width: 0.875rem;
  height: 0.875rem;
}
.product-card__rating span {
  display: block;
  max-height: 0.875rem;
  font-family: var(--font-main);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 120%;
  text-transform: uppercase;
}
.product-card__rating--yellow {
  background-color: var(--gold);
  color: var(--black);
}
.product-card__rating--yellow svg {
  fill: var(--black);
}
.product-card__like {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  z-index: 3;
}
.product-card__like svg {
  width: 1.6875rem;
  height: 1.6875rem;
  stroke-width: 2;
  transition: all 0.3s ease-in-out;
}
.product-card__labels {
  position: absolute;
  top: 1.125rem;
  left: 1.125rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  max-width: calc(100% - 3.4375rem);
  z-index: 2;
}
.product-card__spacebetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 0 0.625rem 0.625rem;
}
.product-card__info {
  padding-top: 1.25rem;
  flex-grow: 1;
}
.product-card__info:has(.card-reviews) {
  padding-top: 0.625rem;
}
.product-card__info:has(.card-reviews) .product-card__title {
  margin-bottom: 0.25rem;
}
.product-card__info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
}
.product-card__info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  margin-bottom: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  color: #B1B1B1;
}
.product-card__info-list-item {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.product-card__info-list-item:not(:last-child):after {
  display: block;
  width: 0.1875rem;
  min-width: 0.1875rem;
  height: 0.1875rem;
  background: #B1B1B1;
  border-radius: 50%;
  content: "";
}
.product-card__price {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 0 0.4375rem;
  margin-bottom: 0.625rem;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 120%;
}
.product-card__price-lg {
  text-wrap: nowrap;
}
.product-card__price-md {
  font-weight: 500;
  font-size: 1rem;
  color: #b1b1b1;
  text-wrap: nowrap;
}
.product-card__head {
  margin-bottom: 5px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 0.625rem;
}
.product-card__head .product-card__title {
  margin-bottom: 0;
}
.product-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.25rem;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 120%;
  transition: color 0.3s ease-in-out;
}
.product-card__title:hover {
  color: var(--accent);
}
.product-card__sub-title {
  margin-bottom: 10px;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  color: #B1B1B1;
}
.product-card__starts {
  padding: 0.375rem;
  width: 4.1875rem;
  min-width: 4.1875rem;
  background: #FFEFC7;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #B58D27;
  text-align: center;
}
.product-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-card__meta .meta-timeago {
  text-wrap: nowrap;
}
.product-card .card-reviews {
  margin-bottom: 0.625rem;
}

/*---------------------------------------------- INPUTS ----------------------------------------------------*/
.meta-timeago {
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #3d3d3d;
  opacity: 0.5;
}

.meta-location {
  max-width: 100%;
  display: inline-flex;
  gap: 0.3125rem;
  transition: all 0.3s ease-in-out;
}
.meta-location:hover {
  opacity: 0.75;
}
.meta-location .icon--map-pin {
  width: 0.875rem;
  height: 1.125rem;
}
.meta-location__icon {
  transform: translate(0px, -1px);
}
.meta-location__name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: var(--black);
}
.meta-location--full .meta-location__name {
  display: block;
}

.textarea {
  display: block;
  width: 100%;
  border: 0.0625rem solid #efeaea;
  border-radius: 0.3125rem;
  min-height: 12.5rem;
  padding: 0.9375rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
  resize: none;
  transition: 0.3s;
}
.textarea::placeholder {
  color: #969696;
}
.textarea:focus {
  border: 0.0625rem solid var(--border-focus);
}
.textarea.error {
  border-color: var(--accent);
}
.textarea--sm {
  min-height: 7.5rem;
}

.input {
  display: block;
  width: 100%;
  border: 0.0625rem solid #efeaea;
  border-radius: 0.3125rem;
  min-height: 3.125rem;
  padding-inline: 0.9375rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
  transition: 0.3s;
}
.input--sm {
  padding-top: 0.0625rem;
  min-height: 2.5rem;
}
.input::placeholder {
  color: #969696;
  transition: 0.3s;
}
.input--black::placeholder {
  color: #1A1A1A;
}
.input--time {
  background: calc(100% - 0.875rem) center url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M10.7627 20.7617C16.2855 20.7617 20.7627 16.2846 20.7627 10.7617C20.7627 5.23887 16.2855 0.761719 10.7627 0.761719C5.23985 0.761719 0.762695 5.23887 0.762695 10.7617C0.762695 16.2846 5.23985 20.7617 10.7627 20.7617Z' stroke='%23B1B1B1' stroke-width='1.5248'/%3E%3Cpath d='M10.7627 6.76172V10.7617L13.2627 13.2617' stroke='%23B1B1B1' stroke-width='1.5248' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
  background-size: 1.25rem 1.25rem;
}
.input:focus {
  border: 0.0625rem solid var(--border-focus);
}
.input:focus::placeholder {
  opacity: 0;
}

.btn-custom {
  color: var(--white) !important;
}
.btn-custom:hover, .btn-custom.active {
  color: var(--white) !important;
}

.btn,
.btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1rem;
  color: var(--white);
  background-color: var(--accent);
  border: none;
  border-radius: 0.3125rem;
  min-height: 3.125rem;
  cursor: pointer;
  padding-inline: 0.9375rem;
  transition: all 0.3s ease-in-out;
}
.btn:hover, .btn.active,
.btn-custom:hover,
.btn-custom.active {
  color: var(--white);
  background: #D90101;
}
.btn--sm,
.btn-custom--sm {
  min-height: 2.5rem;
  font-size: 0.875rem;
}
.btn--short,
.btn-custom--short {
  align-self: start;
  padding-inline: 1.875rem;
}
.btn--arrow,
.btn-custom--arrow {
  gap: 0.875rem;
}
.btn--arrow:after,
.btn-custom--arrow:after {
  position: relative;
  top: 0;
  right: 0;
  width: 0.875rem;
  height: 0.5rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  content: "";
  transition: 0.3s;
}
.btn--arrow.active:after,
.btn-custom--arrow.active:after {
  transform: rotate(180deg);
}
.btn--grey,
.btn-custom--grey {
  background: #F6F6F6;
  color: var(--black);
}
.btn--grey:after,
.btn-custom--grey:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}
.btn--grey.active, .btn--grey:hover,
.btn-custom--grey.active,
.btn-custom--grey:hover {
  background: #F0F0F0;
  color: var(--black);
}
.btn--grey.active:after, .btn--grey:hover:after,
.btn-custom--grey.active:after,
.btn-custom--grey:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}
.btn.actionAdShowContacts:disabled,
.btn-custom.actionAdShowContacts:disabled {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--white);
  background-color: var(--accent);
}
.btn:has(.icon),
.btn-custom:has(.icon) {
  display: flex;
  gap: 0.75rem;
}
.btn:has(.icon) .icon,
.btn-custom:has(.icon) .icon {
  margin-top: -0.0625rem;
}
.btn--no-bg,
.btn-custom--no-bg {
  background: transparent;
  color: var(--black);
}
.btn--no-bg:hover,
.btn-custom--no-bg:hover {
  background: transparent;
  color: var(--accent);
}
.btn--w160,
.btn-custom--w160 {
  max-width: 160px;
  width: 100%;
}
.btn--loading,
.btn-custom--loading {
  position: relative;
}
.btn--loading .loading,
.btn-custom--loading .loading {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  overflow: hidden;
  transition: all 0.25s ease;
  opacity: 0;
  visibility: hidden;
}
.btn--loading .loading:after,
.btn-custom--loading .loading:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 0px;
  animation: loading-btn 1s ease infinite;
  z-index: 10;
  background: rgb(255, 255, 255);
  border-radius: 10px;
}
.btn--loading:active,
.btn-custom--loading:active {
  transform: scale(0.85);
}
.btn--loading.activeLoading .loading,
.btn-custom--loading.activeLoading .loading {
  visibility: visible;
  opacity: 1;
}
.btn--full,
.btn-custom--full {
  width: 100%;
}

.btn-delete {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.btn-add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
  padding-inline: 1.875rem;
  min-height: 3.125rem;
  border-radius: 0.3125rem;
  background: var(--accent);
  transition: opacity 0.3s ease-in-out;
}
.btn-add:hover {
  opacity: 0.75;
}
.btn-add__before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
  border-radius: 0.1875rem;
  background-color: var(--white);
}
.btn-add__name {
  font-weight: 500;
  font-size: 1rem;
  color: var(--white);
}

.btn-gray {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.875rem;
  min-height: 3.125rem;
  border-radius: 0.3125rem;
  background: #f6f6f6;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.btn-gray:hover {
  background: #f0f0f0;
}

.btn-white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.875rem;
  min-height: 3.125rem;
  border-radius: 0.3125rem;
  background: var(--white);
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.btn-white:hover {
  color: var(--accent);
}

.btn-filters {
  display: flex;
  gap: 0.625rem;
  text-wrap: nowrap;
}
.btn-filters .icon {
  width: 0.875rem;
  height: 0.75rem;
}
@media (max-width: 992px) {
  .btn-filters {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

/*-------------------------------------------- Rating ----------------------------------------------------*/
.rating {
  display: flex;
  align-items: center;
  gap: 0.78125rem;
}
@media (max-width: 768px) {
  .rating {
    gap: 0.75rem;
  }
}
.rating__num {
  margin-bottom: -0.125rem;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
}
@media (max-width: 768px) {
  .rating__num {
    font-size: 0.875rem;
  }
}
.rating__stars {
  display: flex;
  align-items: center;
  gap: 0.1875rem;
}
.rating__stars-star svg {
  fill: transparent;
  stroke: #f7c74d;
  width: 1.125rem;
  height: 1.0625rem;
  transition: all 0.3s ease-in-out;
}
.rating__stars-star.active svg {
  fill: #f7c74d;
}
.rating__reviews {
  margin-bottom: -0.125rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: #969696;
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .rating__reviews {
    font-size: 0.75rem;
  }
}
.rating--lg .rating__num {
  margin-bottom: -0.3125rem;
  font-size: 1.875rem;
  line-height: 1;
}
.rating--lg .rating__stars-star svg {
  width: 1.6875rem;
  height: 1.5rem;
}

/*-------------------------------------------- ads-tabs ----------------------------------------------------*/
[class*=-tabs],
[class*=__tabs] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
  margin-bottom: 2.5rem;
  overflow-x: hidden;
}
[class*=-tabs]:after,
[class*=__tabs]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6.25rem;
  right: -6.25rem;
  height: 0.0625rem;
  border-bottom: 0.0625rem solid #efeaea;
}
[class*=-tabs] .site-tab,
[class*=-tabs] .login-tab,
[class*=-tabs] .signup-tab,
[class*=__tabs] .site-tab,
[class*=__tabs] .login-tab,
[class*=__tabs] .signup-tab {
  display: inline-flex;
  gap: 0.5rem;
  align-items: start;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  border-bottom: 3px solid transparent;
  padding: 0.625rem 0;
  transition: all 0.3s ease-in-out;
}
[class*=-tabs] .site-tab span,
[class*=-tabs] .login-tab span,
[class*=-tabs] .signup-tab span,
[class*=__tabs] .site-tab span,
[class*=__tabs] .login-tab span,
[class*=__tabs] .signup-tab span {
  display: inline-block;
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
[class*=-tabs] .site-tab small,
[class*=-tabs] .login-tab small,
[class*=-tabs] .signup-tab small,
[class*=__tabs] .site-tab small,
[class*=__tabs] .login-tab small,
[class*=__tabs] .signup-tab small {
  display: inline-block;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 120%;
  color: #b1b1b1;
  transition: all 0.3s ease-in-out;
}
[class*=-tabs] .site-tab:hover,
[class*=-tabs] .login-tab:hover,
[class*=-tabs] .signup-tab:hover,
[class*=__tabs] .site-tab:hover,
[class*=__tabs] .login-tab:hover,
[class*=__tabs] .signup-tab:hover {
  color: rgba(230, 0, 0, 0.65);
}
[class*=-tabs] .site-tab:hover span,
[class*=-tabs] .site-tab:hover small,
[class*=-tabs] .login-tab:hover span,
[class*=-tabs] .login-tab:hover small,
[class*=-tabs] .signup-tab:hover span,
[class*=-tabs] .signup-tab:hover small,
[class*=__tabs] .site-tab:hover span,
[class*=__tabs] .site-tab:hover small,
[class*=__tabs] .login-tab:hover span,
[class*=__tabs] .login-tab:hover small,
[class*=__tabs] .signup-tab:hover span,
[class*=__tabs] .signup-tab:hover small {
  color: rgba(230, 0, 0, 0.65);
}
[class*=-tabs] .site-tab.active,
[class*=-tabs] .login-tab.active,
[class*=-tabs] .signup-tab.active,
[class*=__tabs] .site-tab.active,
[class*=__tabs] .login-tab.active,
[class*=__tabs] .signup-tab.active {
  color: var(--accent);
  border-bottom: 0.1875rem solid var(--accent);
}
[class*=-tabs] .site-tab.active span,
[class*=-tabs] .site-tab.active small,
[class*=-tabs] .login-tab.active span,
[class*=-tabs] .login-tab.active small,
[class*=-tabs] .signup-tab.active span,
[class*=-tabs] .signup-tab.active small,
[class*=__tabs] .site-tab.active span,
[class*=__tabs] .site-tab.active small,
[class*=__tabs] .login-tab.active span,
[class*=__tabs] .login-tab.active small,
[class*=__tabs] .signup-tab.active span,
[class*=__tabs] .signup-tab.active small {
  color: rgb(230, 0, 0);
}

/*-------------------------------------------- RADIO CHECKBOX  ----------------------------------------------------*/
.radio,
.checkbox {
  display: block;
  position: relative;
  font-size: 0.875rem;
  user-select: none;
  cursor: pointer;
  font-weight: 400;
}
.radio--lg,
.checkbox--lg {
  font-size: 1rem;
}

/* скрываем оригинальный радиобатон */
.checkbox input[type=checkbox],
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}

/* стиль кастомного овала */
.custom-radio,
.custom-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.3125rem 1.25rem;
  border: 0.0625rem solid #d5d5d5;
  border-radius: 6.25rem;
  color: #3d3d3d;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

/* выделение выбранного варианта */
.checkbox input[type=checkbox]:checked + .custom-checkbox,
.radio input[type=radio]:checked + .custom-radio {
  border-color: var(--accent);
  color: var(--accent);
}

/* Можно добавить эффект при наведении */
.checkbox:hover .custom-checkbox,
.radio:hover .custom-radio {
  border-color: #999;
}

/* --------------------------------------------------------------- Search orderby --------------------------------------------------------------------*/
.search-orderby__row {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
}
.search-orderby__select {
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  color: var(--text);
  cursor: pointer;
}
@media (max-width: 768px) {
  .search-orderby__select {
    font-size: 0.75rem;
  }
}

/* ------------------------------------------------- Rate label  --------------------------------------------------------------------*/
.rate-label {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  min-height: 1.875rem;
  width: fit-content;
  padding-top: 0.125rem;
  padding-inline: 0.625rem;
  border-radius: 0.3125rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  text-transform: uppercase;
  text-wrap: nowrap;
  border: 0.0625rem solid transparent;
}
@media (max-width: 576px) {
  .rate-label {
    min-height: 1.8125rem;
    font-size: 0.8125rem;
  }
}
.rate-label svg {
  display: block;
  width: 0.75rem;
  aspect-ratio: 1/1;
}
@media (max-width: 576px) {
  .rate-label svg {
    margin-bottom: 0.125rem;
    width: 0.625rem;
  }
}
.rate-label--sm {
  min-height: 1.625rem;
}
@media (max-width: 576px) {
  .rate-label--sm {
    min-height: 1.625rem;
  }
}
.rate-label--top {
  background-color: var(--gold);
  border: 0.0625rem solid var(--gold);
  color: #1a1a1a;
}
.rate-label--top svg {
  position: relative;
  margin-top: -0.1875rem;
  stroke: #1a1a1a;
  fill: #1a1a1a;
}
.rate-label--new {
  background-color: transparent;
  border: 0.0625rem solid #45c34e;
  color: #45c34e;
}
.rate-label--new svg {
  stroke: #45c34e;
  fill: #45c34e;
}
.rate-label--red {
  background: #E60000;
  border: 0.0625rem solid #E60000;
}
.rate-label--red svg {
  display: block;
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  transform: translate(0, -0.125rem);
}
.rate-label--fire {
  padding: 0.375rem 0.4375rem;
  background: #E60000;
  border: 0.0625rem solid #E60000;
}
.rate-label--fire svg {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 1rem;
}
@media (max-width: 576px) {
  .rate-label--fire svg {
    margin-bottom: 0;
    width: 0.875rem;
  }
}
.rate-label--violet, .rate-label--green, .rate-label--grey {
  padding: 0.4375rem 0.4375rem 0.375rem;
  text-transform: none;
}
.rate-label--violet, .rate-label--green {
  color: #fff;
}
.rate-label--violet {
  background: #BF00FF;
  border: 0.0625rem solid #BF00FF;
}
.rate-label--green {
  background: #45C34E;
  border: 0.0625rem solid #45C34E;
}
.rate-label--grey {
  background: #EFEAEA;
  border: 0.0625rem solid #EFEAEA;
  color: #B1B1B1;
}
.rate-label--starts {
  justify-content: center;
  padding: 0.375rem 0.375rem 0.25rem;
  width: 4.1875rem;
  min-width: 4.1875rem;
  background: #FFEFC7;
  border: 0.0625rem solid #FFEFC7;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #B58D27;
  text-align: center;
  text-transform: none;
}

/* ------------------------------------------------- Price  --------------------------------------------------------------------*/
.price {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.3125rem 0.4375rem;
}
@media (max-width: 576px) {
  .price {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.price-base {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 120%;
  color: var(--black);
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .price-base {
    font-size: 1.1875rem;
  }
}
@media (max-width: 576px) {
  .price-base {
    width: 100%;
    font-size: 1.125rem;
  }
}
.price-base--top {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  min-height: 2.125rem;
  padding-top: 0.0625rem;
  padding-inline: 0.625rem;
  border-radius: 0.3125rem;
  background-color: var(--gold);
  border: 0.0625rem solid var(--gold);
  color: #1a1a1a;
}
.price-base--big {
  font-size: 1.875rem;
}
@media (max-width: 768px) {
  .price-base--big {
    font-size: 1.5rem;
  }
}
@media (max-width: 576px) {
  .price-base--big {
    font-size: 1.375rem;
  }
}
.price-convert, .price-old {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  color: #b1b1b1;
}
@media (max-width: 576px) {
  .price-old:nth-child(3) {
    display: flex;
    gap: 0.625rem;
  }
  .price-old:nth-child(3):before {
    display: block;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #B1B1B1;
    border-radius: 50%;
    transform: translate(0, 0.375rem);
    content: "";
  }
}
.price-convert__m {
  display: flex;
  gap: 0.625rem;
}
.price-convert__m:before {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #B1B1B1;
  border-radius: 50%;
  transform: translate(0, 0.375rem);
  content: "";
}
.price-convert:has(.price-convert__m) {
  display: flex;
  gap: 0.625rem;
}

/* ------------------------------------------------- tags-panel  --------------------------------------------------------------------*/
.tags-panel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.tags-panel > * {
  border: 0.0625rem solid #d5d5d5;
  border-radius: 2.5rem;
  padding-inline: 0.9375rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
}

/* ------------------------------------------------- metas  --------------------------------------------------------------------*/
.metas {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}
.metas-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}
.metas-item svg {
  fill: rgb(0, 0, 0);
  opacity: 0.5;
  width: 1rem;
  aspect-ratio: 1/1;
}

.btn-tile {
  min-height: 2.75rem;
  aspect-ratio: 1/1;
  border-radius: 0.3125rem;
  background: rgba(177, 177, 177, 0.2);
  font-weight: 500;
  font-size: 1rem;
  color: #b1b1b1;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 576px) {
  .btn-tile {
    min-height: 1.75rem;
  }
}
.btn-tile.ad-card-menu-line-item {
  width: auto;
  height: 100%;
}
.btn-tile:has(svg) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-tile .uni-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.btn-tile .uni-dropdown-name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.btn-tile .uni-dropdown-content {
  top: calc(100% + 1rem);
  right: auto;
  left: 50%;
  padding: 1.875rem;
  max-width: 18.125rem;
  min-width: 8.125rem;
  background: #fff;
  border: none;
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
  border-radius: 0.625rem;
  transform: translate(-50%, 0);
}
.btn-tile .uni-dropdown-content:before {
  position: absolute;
  top: -0.625rem;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-left: 0.6875rem solid transparent;
  border-right: 0.6875rem solid transparent;
  border-bottom: 0.625rem solid #fff;
  content: "";
  transform: translate(-50%, 0);
}
.btn-tile .uni-dropdown-content-align-right {
  left: auto;
  right: -0.1875rem;
  transform: translate(0, 0);
}
.btn-tile .uni-dropdown-content-align-right:before {
  left: auto;
  right: 0.875rem;
  transform: translate(0, 0);
}
.btn-tile .uni-dropdown-content:has(.actionOpenStaticModal) {
  padding: 0.3125rem;
  min-width: 7.6875rem;
}
@media (max-width: 1200px) {
  .btn-tile .uni-dropdown-content {
    right: -0.625rem;
    left: auto;
    transform: translate(0, 0);
  }
  .btn-tile .uni-dropdown-content:before {
    right: 0.625rem;
    left: auto;
    transform: translate(0, 0);
  }
}
.btn-tile .icon {
  display: block;
  transition: all 0.3s ease-in-out;
}
.btn-tile .icon--icon01 {
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.375rem;
}
@media (max-width: 576px) {
  .btn-tile .icon--icon01 {
    min-width: 0.8125rem;
    width: 0.8125rem;
    height: 0.875rem;
  }
}
.btn-tile .icon--like {
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.375rem;
}
@media (max-width: 576px) {
  .btn-tile .icon--like {
    min-width: 0.9375rem;
    width: 0.9375rem;
    height: 0.875rem;
  }
}
.btn-tile .icon--10hours {
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 576px) {
  .btn-tile .icon--10hours {
    min-width: 0.875rem;
    width: 0.875rem;
    height: 0.875rem;
  }
}
.btn-tile .icon--icon02 {
  min-width: 1.375rem;
  width: 1.375rem;
  height: 0.3125rem;
}
@media (max-width: 576px) {
  .btn-tile .icon--icon02 {
    min-width: 1.125rem;
    width: 1.125rem;
    height: 0.25rem;
  }
}
.btn-tile .icon.icon--like {
  stroke-width: 2;
}
.btn-tile:hover {
  color: var(--accent);
}
.btn-tile:hover .icon {
  fill: currentColor;
}

/* ------------------------------------------------- splitlist  --------------------------------------------------------------------*/
.splitlist {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.splitlist li {
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.2;
  display: flex;
  width: 100%;
  gap: 0.9375rem;
}
.splitlist-col1 {
  flex-shrink: 0;
  width: 47%;
  color: #b1b1b1;
}
.splitlist-col2 {
  flex-shrink: 0;
  width: 53%;
  color: #1a1a1a;
}

/* ------------------------------------------------- seller  --------------------------------------------------------------------*/
.seller {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.seller--row {
  padding: 1.5625rem 3rem;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.3125rem;
}
@media (max-width: 992px) {
  .seller--row {
    padding: 1.25rem 1.875rem;
  }
}
@media (max-width: 768px) {
  .seller--row {
    flex-wrap: wrap;
    padding: 1.25rem;
  }
}
@media (max-width: 576px) {
  .seller--row {
    padding: 1.25rem 0.9375rem;
  }
}
.seller--sm .seller-avatar,
.seller--sm .seller__avatar {
  width: 2.5rem;
  min-width: 2.5rem;
}
.seller__buttons {
  display: flex;
  gap: 1.25rem;
  margin-left: auto;
}
.seller__buttons > * {
  text-wrap: nowrap;
}
@media (max-width: 768px) {
  .seller__buttons {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .seller__buttons {
    gap: 0.625rem;
  }
  .seller__buttons > * {
    width: 100%;
    font-size: 0.875rem;
  }
  .seller__buttons .btn-gray {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.seller-avatar, .seller__avatar {
  position: relative;
  width: 3.75rem;
  min-width: 3.75rem;
}
.seller-avatar.is-selected:before, .seller__avatar.is-selected:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%2345C34E'/%3E%3Cpath d='M15.7422 7.82129L16.1748 8.24219L16.3584 8.4209L16.1748 8.60059L10.4502 14.1787L10.2764 14.3486L10.1016 14.1787L6.8252 10.9863L6.6416 10.8076L6.8252 10.6279L7.25781 10.207L7.43262 10.0361L7.60742 10.207L10.2754 12.8076L15.3936 7.82129L15.5684 7.65137L15.7422 7.82129Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  border-radius: 50%;
  content: "";
  z-index: 2;
}
.seller-avatar img, .seller__avatar img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  overflow: hidden;
  border-radius: 50%;
}
.seller-info, .seller__info {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.seller-info__name, .seller-info-name, .seller__info__name, .seller__info-name {
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
}
.seller-info__name a, .seller-info-name a, .seller__info__name a, .seller__info-name a {
  font-weight: 500;
  color: #1a1a1a;
}
.seller-info__name a:hover, .seller-info-name a:hover, .seller__info__name a:hover, .seller__info-name a:hover {
  color: var(--accent);
}

/*------------------------------------------------- like ---------------------------------------------*/
.icon--like {
  stroke: #b1b1b1;
  fill: transparent;
}
.icon--like-black {
  stroke: var(--black);
}
.icon--like-black:hover {
  stroke: var(--accent);
}
.icon--like-white {
  stroke: var(--white);
}
.icon--like-white:hover {
  stroke: var(--accent);
}
.icon--like:hover {
  stroke: var(--accent);
}

.icon--10hours {
  fill: #b1b1b1;
}
.icon--10hours:hover {
  fill: var(--accent);
}

.icon--filters {
  fill: #1A1A1A;
}

.is-active .icon--like {
  stroke: var(--accent) !important;
  fill: var(--accent) !important;
}

.s-lang-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1;
  color: #3D3D3D;
}
.s-lang-btn .icon {
  display: block;
  margin-bottom: 0.125rem;
  width: 1.125rem;
  height: 1.125rem;
}
@media (max-width: 992px) {
  .s-lang-btn .icon {
    display: none;
  }
}

.head-numb {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.head-numb__tit {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 120%;
}
.head-numb__numb {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 120%;
  color: #b1b1b1;
}

.label-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (max-width: 576px) {
  .label-list {
    gap: 0.4375rem;
  }
}

.box-border {
  background-color: #fff;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.625rem;
}

.box-red {
  background: var(--accent);
  border-radius: 0.625rem;
  color: #fff;
}
.box-red a:not[class^=btn-] {
  color: #fff;
}
.box-red a:not[class^=btn-]:hover {
  opacity: 0.7;
}

.box-grey {
  background: #F0F0F0;
  border-radius: 0.625rem;
}
.box-grey a:not[class^=btn-] {
  color: #1A1A1A;
}
.box-grey a:not[class^=btn-]:hover {
  opacity: 0.7;
}

.section-text {
  font-size: 1.0625rem;
  line-height: 1.4;
}
.section-text .title {
  margin-bottom: 1.375rem;
}
.section-text p {
  margin-bottom: 1.5rem;
}

.label-card {
  padding: 0.4375rem 0.625rem 0.3125rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
}
.label-card--new {
  background: #45C34E;
  color: #ffffff;
}

.live-search-form-input:focus {
  border-color: var(--border-focus) !important;
}

.live-search-container {
  width: 100%;
}

.live-search-results {
  top: calc(100% + 0.625rem);
  border-radius: 0.3125rem;
  padding: 0.625rem 0;
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .live-search-results {
    position: fixed;
    top: 4.625rem;
    width: 100%;
  }
}

.live-search-results-item {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  padding: 0.75rem 1.1875rem 0.625rem;
  border-radius: 0;
  color: var(--black);
}
.live-search-results-item:before {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: 0 0 url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28033 9.29073L12.75 12.75M10.75 5.75C10.75 8.5114 8.5114 10.75 5.75 10.75C2.98857 10.75 0.75 8.5114 0.75 5.75C0.75 2.98857 2.98857 0.75 5.75 0.75C8.5114 0.75 10.75 2.98857 10.75 5.75Z' stroke='%23E60000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
  background-size: 100% 100%;
  transform: translate(0, -0.125rem);
  content: "";
}
.live-search-results-item span {
  margin-left: auto;
  color: #B1B1B1;
}
.live-search-results-item:hover {
  background-color: #F8F8F8;
  color: var(--black) !important;
}
.live-search-results-item:hover span {
  color: #B1B1B1 !important;
}

.tabs-comp__tabs {
  padding: 0 1.25rem;
  margin-bottom: 0;
}
.tabs-comp__tabs:after {
  display: none;
}
.tabs-comp__item {
  display: none;
}
.tabs-comp__item.active {
  display: block;
  animation: fade-up-big 0.3s ease-in-out;
}

.radio-btn {
  position: relative;
  display: block;
  padding: 0.8125rem 0.9375rem 0.6875rem;
  max-height: 40px;
  border: 0.0625rem solid #D5D5D5;
  border-radius: 1.5625rem;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #3D3D3D;
  transition: 0.3s;
}
.radio-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  z-index: 2;
}
.radio-btn:has(:checked) {
  border-color: var(--accent);
  color: var(--accent);
}

.checkbox-label {
  position: relative;
  display: flex;
  gap: 0.625rem;
  padding-top: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.checkbox-label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  z-index: 2;
}
.checkbox-label:before {
  display: block;
  margin-top: -0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.625rem;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.3125rem;
  content: "";
}
.checkbox-label__right {
  margin-left: auto;
  font-size: 1rem;
  font-weight: 500;
}
.checkbox-label:has(:checked):before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.44444L4.07693 9L11 1' stroke='%23E60000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.box-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.875rem;
  margin: 0 auto;
  max-width: 24.5625rem;
  text-align: center;
}
.box-empty--message {
  padding-top: 0;
  height: 100%;
}
.box-empty--message .box-empty__icon {
  margin-bottom: 1.25rem;
}
.box-empty__icon {
  position: relative;
  margin: 0 0 1.875rem;
}
.box-empty__icon .icon-favorites {
  width: 8.125rem;
  max-width: 8.125rem;
  height: 7.1875rem;
  max-height: 7.1875rem;
}
.box-empty__icon .icon-profile {
  width: 8.125rem;
  max-width: 8.125rem;
  height: 3.375rem;
  max-height: 3.375rem;
}
.box-empty__icon .icon-found {
  width: 17.5rem;
  max-width: 17.5rem;
  height: 3.375rem;
  max-height: 3.375rem;
}
.box-empty__icon .icon-reviews,
.box-empty__icon .icon-message {
  width: 8rem;
  max-width: 8rem;
  height: 5.9375rem;
  max-height: 5.9375rem;
}
.box-empty__desc {
  margin-bottom: 1.875rem;
  color: #B1B1B1;
}
.box-empty__desc--black {
  color: var(--black);
}
.box-empty .title {
  margin-bottom: 0.625rem;
}
.box-empty .btn {
  min-width: 17.5rem;
}

.dropdown {
  position: relative;
}
.dropdown .btn {
  width: 100%;
}
.dropdown__list {
  position: absolute;
  top: calc(100% + 1.25rem);
  left: 0;
  display: none;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  width: 100%;
  max-height: 0;
  background: #fff;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  z-index: 1000;
}
.dropdown__list:before {
  position: absolute;
  content: "";
  top: 0;
  right: 3.25rem;
  transform: translateY(-100%);
  width: 1.375rem;
  height: 0.625rem;
  background-image: url("../icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.dropdown__list.active {
  display: flex;
  animation: fade-up 0.3s ease-in-out;
}

.monderation-box {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
  padding: 2.1875rem;
  background: #DBF0FF;
  border-radius: 0.625rem;
  font-size: 0.875rem;
}
.monderation-box__tit {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.monderation-box__tit svg {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}

.splash-notification-container,
.splash-notification-alert-container {
  position: relative;
  padding: 1.25rem;
  border-radius: 0.625rem;
  background-color: #fff;
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.06);
  font-size: 0.8125rem;
  line-height: 1.3;
  color: var(--black);
  min-width: 15.625rem;
  max-width: 30rem;
  margin-top: 3.125rem;
}
@media (max-width: 992px) {
  .splash-notification-container,
  .splash-notification-alert-container {
    margin-top: 5rem;
  }
}

.status-label {
  margin: 0;
  padding: 0.375rem 0.625rem 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  background: #EFEAEA;
  border-radius: 0.3125rem;
  color: var(--black);
}
.status-label-color-green {
  background: #45C34E;
  color: #ffffff;
}

.switch-btns-group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.625rem 0;
}

.switch-btn {
  position: relative;
  display: flex;
  gap: 0.625rem;
  width: fit-content;
}
.switch-btn__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.switch-btn__btn {
  position: relative;
  display: block;
  width: 2.9375rem;
  height: 1.625rem;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 20px;
  transition: 0.3s;
}
.switch-btn__btn:before {
  position: absolute;
  top: 50%;
  left: 0.25rem;
  display: block;
  width: 1rem;
  height: 1rem;
  background: #EFEAEA;
  border-radius: 50%;
  transform: translate(0, -50%);
  content: "";
  transition: 0.3s;
}
.switch-btn__txt {
  padding: 0.3125rem 0 0.25rem;
  display: block;
}
.switch-btn:has(input:checked) .switch-btn__btn {
  background: var(--accent);
  border: var(--accent);
}
.switch-btn:has(input:checked) .switch-btn__btn:before {
  background: #fff;
  transform: translate(1.3125rem, -50%);
}

.link-geo-item:hover {
  color: var(--accent);
}

.params-form-item-label {
  display: block;
}

.main-recomend .section-ajax {
  width: 100%;
}

.share-social-list-link {
  padding: 0 1.875rem 1.875rem;
  max-height: calc(100vh - 4.25rem - 11.875rem);
  overflow: auto;
}
@media (max-width: 576px) {
  .share-social-list-link {
    max-height: calc(100dvh - 4.25rem - 5rem);
    padding: 0 1.25rem 1.25rem;
  }
}

.count-button-listings {
  padding: 0 0.3125rem;
}

#show-by-params {
  flex-wrap: nowrap;
}

.uni-select {
  display: block;
  padding: 0;
  width: 100%;
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.3125rem;
}
.uni-select-name {
  display: block;
  padding: 0 0.9375rem;
  height: 3.125rem;
  font-size: 1rem;
  line-height: 3.125rem;
  background: transparent;
  border-radius: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uni-select-name:after {
  position: relative;
  top: 0;
  right: 0;
  display: inline-block;
  margin-left: 0.75rem;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.5625rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.73716e-08 0.854961L0.837607 -5.75346e-07L7 6.29008L13.1624 -3.6613e-08L14 0.854962L7 8L-3.73716e-08 0.854961Z' fill='%23B1B1B1'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  content: "";
  vertical-align: middle;
}
.uni-select-name:active {
  transform: none;
}
.uni-select-content {
  top: 3.125rem;
  left: -0.0625rem;
  right: -0.0625rem;
  padding-bottom: 0;
  min-width: 100px;
  border: 0.0625rem solid #efeaea;
  border-radius: 0 0 0.3125rem 0.3125rem;
  box-shadow: none;
}
.uni-select-content:not(:has(.uni-select-content-search)) {
  padding-top: 0;
}
.uni-select-content-item:not(:has(input[type=checkbox])).uni-select-item-active {
  background: var(--accent);
  color: #fff;
}
.uni-select-content-item:has(input[type=checkbox]) {
  display: flex;
  gap: 0.625rem;
  padding: 0.875rem 0.9375rem 0.625rem;
  font-size: 0.875rem;
}
.uni-select-content-item:has(input[type=checkbox]) input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  z-index: 2;
}
.uni-select-content-item:has(input[type=checkbox]):before {
  position: relative;
  display: block;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.625rem;
  background-color: #fff;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.3125rem;
  transform: translate(0, -0.1875rem);
  content: "";
}
.uni-select-content-item:has(input[type=checkbox]):has(input:checked):before {
  background-color: var(--accent);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.44444L4.07693 9L11 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.uni-select-item-active:after {
  display: none;
}
.uni-select-open {
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.uni-select-open:after {
  transform: translateY(-0.0625rem) rotate(180deg);
}

.share-social-list-link {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.share-social-list-link a:hover {
  color: var(--accent);
}

.modal-filters-wrap .params-form-item {
  align-items: center;
}

.modal-filters-wrap .params-form-item-label {
  margin-bottom: 0;
}

.card-reviews {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding-top: 0.0625rem;
  font-size: 0.9375rem;
  line-height: 0.9;
  color: #009DFF;
}
.card-reviews-numb {
  margin-top: -0.0625rem;
  padding: 0.4375rem 0.375rem 0.3125rem;
  max-width: 2.5625rem;
  background: #009DFF;
  border-radius: 0.3125rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.box-local-map {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.terms-placement {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding: 1.25rem 1.5rem;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.3125rem;
  font-size: 1.0625rem;
  line-height: 1.2;
}
@media (max-width: 992px) {
  .terms-placement {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 576px) {
  .terms-placement {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
.terms-placement__title {
  font-weight: 500;
}
.terms-placement__list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.terms-placement__item {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
.terms-placement__item-icon {
  margin-top: -0.125rem;
  min-width: 1.375rem;
  width: 1.375rem;
}

.info-list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.625rem 0.625rem;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.2;
}
@media (max-width: 576px) {
  .info-list {
    font-size: 1rem;
  }
}
.info-list__tit {
  display: flex;
  align-items: end;
  gap: 0.625rem;
  text-wrap: nowrap;
  color: #B1B1B1;
}
.info-list__tit:after {
  display: block;
  width: 100%;
  border-bottom: 0.0625rem dashed #B1B1B1;
  content: "";
  transform: translate(0, -0.3125rem);
}
.info-list__txt {
  display: flex;
  align-items: end;
  justify-content: end;
  text-wrap: nowrap;
}
.info-list--total {
  font-size: 1.25rem;
}
.info-list--total .info-list__tit {
  color: #1A1A1A;
}
.info-list--total .info-list__txt {
  color: #1A1A1A;
  font-weight: 500;
}

.booking-form__row {
  display: flex;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .booking-form__row {
    flex-direction: column;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}
.booking-form__col-left {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: calc(56% - 1.25rem);
}
@media (max-width: 768px) {
  .booking-form__col-left {
    width: 100%;
    order: 2;
  }
}
.booking-form__col-right {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: calc(44% - 1.25rem);
}
@media (max-width: 768px) {
  .booking-form__col-right {
    width: 100%;
  }
}
.booking-form__group {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.booking-form__group--border {
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #EFEAEA;
}
.booking-form__checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.booking-form__title {
  font-size: 1.25rem;
  font-weight: 500;
}
.booking-form__sub-title {
  font-size: 1.125rem;
  font-weight: 500;
}
.booking-form__desc {
  font-size: 1rem;
  line-height: 1.2;
  color: #B1B1B1;
}
.booking-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.booking-form .form-group label {
  font-size: 1rem;
  line-height: 1.2;
}

.green-ok {
  display: flex;
  padding: 1.75rem;
  flex-direction: column;
  gap: 1rem;
  background: #ECF9ED;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.green-ok:before {
  display: block;
  width: 1.9375rem;
  height: 1.4375rem;
  background: 0 0 url("data:image/svg+xml,%3Csvg width='31' height='23' viewBox='0 0 31 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 12.5617L10.1154 21.4111L29.5 1.5' stroke='%2345C34E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
  background-size: 1005 100%;
  content: "";
}

.orders-home-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.25rem;
}
.orders-home-list__item {
  grid-column: span 2;
}
@media (max-width: 1200px) {
  .orders-home-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 576px) {
  .orders-home-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.order-home-post {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.order-home-post__img {
  position: relative;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.order-home-post__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.8;
  object-fit: cover;
}
.order-home-post__entry {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.order-info {
  display: grid;
  grid-template-columns: 29% 1fr;
  gap: 2.5rem 1.875rem;
  font-size: 1rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .order-info {
    grid-template-columns: 1fr;
    gap: 0.9375rem;
  }
}
.order-info__label {
  font-weight: 500;
}
@media (max-width: 768px) {
  .order-info__label {
    font-size: 1.125rem;
  }
}
.order-info__entry {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (max-width: 768px) {
  .order-info__entry {
    padding-bottom: 1.25rem;
  }
}
.order-info__entry-row {
  display: flex;
  gap: 0.9375rem;
}
@media (max-width: 576px) {
  .order-info__entry-row {
    flex-direction: column;
    gap: 0.625rem;
  }
}
.order-info__entry-satus {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: -0.1875rem;
  font-weight: 500;
}
.order-info__entry-satus:after {
  display: block;
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='11' fill='%2345C34E'/%3E%3Cpath d='M15.7422 7.82129L16.1748 8.24219L16.3584 8.4209L16.1748 8.60059L10.4502 14.1787L10.2764 14.3486L10.1016 14.1787L6.8252 10.9863L6.6416 10.8076L6.8252 10.6279L7.25781 10.207L7.43262 10.0361L7.60742 10.207L10.2754 12.8076L15.3936 7.82129L15.5684 7.65137L15.7422 7.82129Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  border-radius: 50%;
  content: "";
  z-index: 2;
}
.order-info__entry-desc {
  padding-bottom: 0.25rem;
  line-height: 1.3;
  color: #B1B1B1;
}
.order-info__entry strong {
  font-weight: 500;
}
.order-info__entry span {
  color: #B1B1B1;
}
.order-info--foot {
  margin-top: 2.5rem;
  padding-top: 1.875rem;
  border-top: 0.0625rem solid #EFEAEA;
  font-size: 1.125rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .order-info--foot {
    grid-template-columns: 1fr auto;
    margin-top: 0;
  }
}

.list-history {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.list-history__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-left: 1.5625rem;
}
.list-history__item:before, .list-history__item:after {
  position: absolute;
  top: 0.125rem;
  background: #45C34E;
  content: "";
}
.list-history__item:before {
  left: 0;
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
}
.list-history__item:after {
  display: none;
  left: 0.3125rem;
  width: 0.0625rem;
  height: calc(100% + 1.25rem);
}
.list-history__item:not(:last-child):after {
  display: block;
}
.list-history__name {
  font-weight: 500;
}
.list-history__txt {
  color: #B1B1B1;
}

/* ------------------------------------------------------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------------------------------------------------------*/
.footer-empty {
  margin-top: 8.125rem;
}

.footer {
  position: relative;
  padding-top: 3.125rem;
  font-size: 0.875rem;
  line-height: 1.4;
}
@media (max-width: 992px) {
  .footer {
    padding-bottom: 4.625rem;
  }
}
.footer__top {
  padding: 2.4375rem 0;
  border-top: 0.0625rem solid #efeaea;
}
@media (max-width: 576px) {
  .footer__top {
    padding: 1.5625rem 0;
  }
}
.footer__end {
  padding: 1.25rem 0;
  border-top: 0.0625rem solid #efeaea;
}
.footer__end .footer__row {
  gap: 0.625rem 1.25rem;
}
.footer__row {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
}
@media (max-width: 768px) {
  .footer__row {
    flex-wrap: wrap;
    gap: 1.25rem;
  }
}
@media (max-width: 576px) {
  .footer__row {
    flex-direction: column;
  }
}
.footer__col-logo {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 30%;
  color: #B1B1B1;
}
.footer__col-logo > * {
  max-width: 18.125rem;
}
@media (max-width: 768px) {
  .footer__col-logo {
    width: calc(50% - 0.625rem);
    order: 1;
  }
}
@media (max-width: 576px) {
  .footer__col-logo {
    width: 100%;
  }
}
.footer__col-menu {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 24%;
}
.footer__col-menu .footer-menu:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .footer__col-menu {
    width: calc(50% - 0.625rem);
    order: 3;
  }
}
@media (max-width: 576px) {
  .footer__col-menu {
    width: 100%;
    order: 2;
  }
}
.footer__col-contacts {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 22.5%;
  color: #B1B1B1;
}
@media (max-width: 768px) {
  .footer__col-contacts {
    width: calc(50% - 0.625rem);
    order: 2;
  }
}
@media (max-width: 576px) {
  .footer__col-contacts {
    width: 100%;
    order: 4;
  }
}
.footer__col-copyright {
  color: #B1B1B1;
}
.footer__txt-md {
  font-size: 0.9375rem;
}
.footer .btn {
  max-width: 12.5rem;
}
.footer .title {
  margin: 0;
  color: #3D3D3D;
}
.footer p {
  padding: 0;
  margin: 0;
}
.footer a {
  color: #3D3D3D;
}
.footer a:hover {
  color: var(--accent);
}

.footer-logo {
  display: block;
}
.footer-logo .icon {
  display: block;
  width: 8.6875rem;
  max-width: 8.6875rem;
  min-width: 8.6875rem;
  height: 2.5rem;
}

.footer-menu {
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.footer-menu--row {
  flex-direction: row;
  gap: 0.5625rem 3.125rem;
}
@media (max-width: 768px) {
  .footer-menu--row {
    gap: 0.5625rem 1.25rem;
  }
}
.footer-menu--sm {
  font-size: 0.875rem;
  line-height: 1.4;
}
.footer-menu a {
  color: #3D3D3D;
}
.footer-menu a:hover {
  color: var(--accent);
}

/* ------------------------------------------------------------------------------------------------------------------------------
HEADER PROFILE DROPDOWN
--------------------------------------------------------------------------------------------------------------------------------*/
.header-medium__intro:before {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
  z-index: 2;
}
@media (max-width: 992px) {
  .header-medium__intro:has(.header-profile__dropdown.show):before {
    display: block;
    animation: fade-up 0.3s ease-in-out;
  }
}

.header-profile {
  position: relative;
}
@media (max-width: 992px) {
  .header-profile {
    position: initial;
  }
}
.header-profile__btn {
  border-radius: 50%;
  background-color: #f4f4f4;
  border: 0.0625rem solid #b1b1b1;
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media (max-width: 992px) {
  .header-profile__btn {
    background: transparent;
    border-radius: 0;
    border: none;
    width: auto;
    height: auto;
  }
}
.header-profile__btn:hover {
  border: 0.0625rem solid var(--accent);
}
@media (max-width: 992px) {
  .header-profile__btn:hover {
    border: none;
  }
}
.header-profile__btn.is-active {
  position: relative;
}
.header-profile__btn.is-active:after {
  position: absolute;
  bottom: 0.125rem;
  right: 0.125rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #E60000;
  border-radius: 50%;
  content: "";
  z-index: 2;
}
@media (max-width: 992px) {
  .header-profile__btn.is-active:after {
    display: none;
  }
}
.header-profile__dropdown {
  display: none;
  width: 18.125rem;
  position: absolute;
  top: calc(100% + 1.125rem);
  right: 0;
  background-color: #fff;
  border-radius: 0.625rem;
  z-index: 1000;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.1);
  /* при открытии меню */
}
@media (max-width: 992px) {
  .header-profile__dropdown {
    top: auto;
    bottom: -100vh;
    display: block;
    max-width: none;
    height: 0;
    width: 100%;
    border-radius: 0.625rem 0.625rem 0 0;
    transition: 0.3s;
    z-index: 1;
  }
}
.header-profile__dropdown.show {
  display: block;
  animation: fade-up 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .header-profile__dropdown.show {
    animation: none;
    bottom: calc(100% - 0.125rem);
    height: auto;
  }
}
.header-profile__dropdown-inner {
  padding: 1.5625rem;
  max-width: 18.125rem;
  width: 100%;
  overflow-y: auto;
  max-height: 70vh;
}
@media (max-width: 992px) {
  .header-profile__dropdown-inner {
    max-width: none;
  }
}
.header-profile__dropdown-inner::-webkit-scrollbar {
  inline-size: 0rem;
  background-color: var(--scrollbar);
}
.header-profile__dropdown-inner:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0.9375rem;
  transform: translateY(-100%);
  width: 1.375rem;
  height: 0.625rem;
  background-image: url("../icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
@media (max-width: 992px) {
  .header-profile__dropdown-inner:before {
    display: none;
  }
}
.header-profile__rating {
  margin-bottom: 1.875rem;
}
.header-profile__group .profile-group-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.9375rem;
  cursor: pointer;
}
@media (max-width: 992px) {
  .header-profile__group .profile-group-item.hide-lg {
    display: none;
  }
}
.header-profile__group .profile-group-item.active svg, .header-profile__group .profile-group-item:hover svg {
  stroke: var(--accent);
}
.header-profile__group .profile-group-item.active svg.icon--profile, .header-profile__group .profile-group-item:hover svg.icon--profile {
  stroke: none;
  fill: var(--accent);
}
.header-profile__group .profile-group-item.active svg.icon--bussines, .header-profile__group .profile-group-item:hover svg.icon--bussines {
  fill: var(--accent);
}
.header-profile__group .profile-group-item.active .profile-group-text, .header-profile__group .profile-group-item:hover .profile-group-text {
  color: var(--accent);
}
.header-profile__group .profile-group-item .icon {
  stroke: #b1b1b1;
  stroke-width: 1.8px;
  transition: all 0.3s ease-in-out;
}
.header-profile__group .profile-group-item .icon--profile {
  fill: #b1b1b1;
  stroke: none;
  stroke-width: none;
}
.header-profile__group .profile-group-item .icon--bussines {
  fill: #b1b1b1;
  stroke-width: 0.1px;
}
.header-profile__group .profile-group-item .icon--profile {
  width: 1.125rem;
  height: 1.1875rem;
}
.header-profile__group .profile-group-item .icon--wallet {
  width: 1.25rem;
  height: 1.1875rem;
}
.header-profile__group .profile-group-item .icon--ads {
  width: 1.125rem;
  height: 1.125rem;
}
.header-profile__group .profile-group-item .icon--bussines {
  width: 1.25rem;
  height: 1.25rem;
}
.header-profile__group .profile-group-item .icon--orders {
  width: 1.25rem;
  height: 1.25rem;
}
.header-profile__group .profile-group-item .icon--wallet {
  width: 1.0625rem;
  height: 1.25rem;
}
.header-profile__group .profile-group-item .icon--messages {
  width: 1.1875rem;
  height: 1.1875rem;
}
.header-profile__group .profile-group-item .icon--favourite {
  width: 1.1875rem;
  height: 1.0625rem;
}
.header-profile__group .profile-group-item .icon--reviews {
  width: 1.1875rem;
  height: 1.1875rem;
}
.header-profile__group .profile-group-item .icon--settings {
  width: 1.1875rem;
  height: 1.125rem;
}
.header-profile__group .profile-group-item .icon--logout {
  width: 1.1875rem;
  height: 1.1875rem;
}
.header-profile__group .profile-group-item .icon--down-think {
  width: 0.875rem;
  height: 0.5rem;
  stroke-width: 1px;
}
.header-profile__group .profile-group-item:last-child {
  margin-bottom: 0;
}
.header-profile__group .profile-group-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.header-profile__group .profile-group-badge {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  text-align: right;
  color: #b1b1b1;
}
.header-profile__group .profile-group-badge.accent {
  border-radius: 0.125rem;
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: #fff;
  padding-top: 0.0625rem;
  background: var(--accent);
}
.header-profile__group .profile-group-list {
  padding-left: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.header-profile__group .profile-group-list.active {
  opacity: 1;
  visibility: visible;
}
.header-profile__group .profile-group-list li,
.header-profile__group .profile-group-list li a {
  font-size: 0.9375rem;
  color: #605f5f;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.header-profile__group .profile-group-list li:hover,
.header-profile__group .profile-group-list li a:hover {
  color: var(--accent);
}
.header-profile__group .profile-group-list li:hover a,
.header-profile__group .profile-group-list li a:hover a {
  color: var(--accent);
}
.header-profile__separator {
  height: 0.0625rem;
  background-color: var(--border);
  margin: 1.1875rem 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------------------------------------------------------*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 50;
}
.header:has(.cat-nav-drop.is-open) {
  position: fixed;
}
.header-top {
  border-bottom: 0.0625rem solid #efeaea;
}
.header-top .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 2.875rem;
  max-height: 2.875rem;
}
@media (max-width: 992px) {
  .header-top .container {
    min-height: 0;
    max-height: 0;
    z-index: 3;
  }
}
@media (max-width: 992px) {
  .header-top-nav {
    display: none;
  }
}
.header-top-nav__list {
  display: inline-flex;
  align-items: center;
  gap: 2.5rem;
}
.header-top-nav__list a {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #3d3d3d;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 576px) {
  .header-top-nav__list a {
    font-size: 0.75rem;
  }
}
.header-top-nav__list a:hover {
  color: var(--accent);
}
.header-top__right {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 2.5rem;
}
@media (max-width: 992px) {
  .header-top__right {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .header-top__lang,
  .header-top .header-wow-top-list-item {
    position: absolute;
    top: 1.6875rem;
    right: 0;
  }
}
.header-top__lang .uni-dropdown-content-item,
.header-top .header-wow-top-list-item .uni-dropdown-content-item {
  align-items: center;
  padding-right: 1.5rem;
}
.header-top__lang .uni-dropdown-content-item:not(:first-child),
.header-top .header-wow-top-list-item .uni-dropdown-content-item:not(:first-child) {
  padding-top: 0;
}
.header-top__inaccount:hover svg {
  fill: var(--accent);
}
.header-top__inaccount svg {
  width: 1.125rem;
  height: 1.125rem;
  fill: #b1b1b1;
  transition: all 0.3s ease-in-out;
}
.header-top__profile {
  display: inline-flex;
  align-items: center;
  gap: 1.375rem;
  padding-top: 0.3125rem;
}
.header-top__messages {
  position: relative;
  cursor: pointer;
}
.header-top__messages:hover svg {
  stroke: var(--accent);
}
.header-top__messages svg {
  stroke: #b1b1b1;
  stroke-width: 1.8px;
  transition: all 0.3s ease-in-out;
  width: 1.1875rem;
  height: 1.0625rem;
}
.header-top__messages.accent:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  transform: translate(30%, -40%);
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--accent);
  border-radius: 50%;
}
.header-top__orders {
  cursor: pointer;
}
.header-top__orders:hover svg {
  stroke: var(--accent);
}
.header-top__orders svg {
  stroke: #b1b1b1;
  stroke-width: 1.8px;
  transition: all 0.3s ease-in-out;
  width: 1.0625rem;
  height: 1.25rem;
}
.header-top__favourite {
  cursor: pointer;
}
.header-top__favourite:hover svg {
  stroke: var(--accent);
}
.header-top__favourite svg {
  stroke: #b1b1b1;
  stroke-width: 1.8px;
  transition: all 0.3s ease-in-out;
  width: 1.1875rem;
  height: 1.0625rem;
}
.header-currency {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  cursor: pointer;
  user-select: none;
}
@media (max-width: 992px) {
  .header-currency {
    display: none;
  }
}
.header-currency__name {
  font-weight: 400;
  font-size: 0.9375rem;
  color: #b1b1b1;
  text-transform: uppercase;
}
.header-currency__rate {
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: right;
  color: #3d3d3d;
}
.header-medium {
  position: relative;
  padding-block: 1.25rem;
  background: #fff;
  z-index: 2;
}
.header-medium .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .header-medium {
    padding-block: 0.75rem;
    border-bottom: #EFEAEA;
    flex-wrap: wrap;
  }
}
.header-medium:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100vw;
  height: 0.0625rem;
  width: 300vw;
  border-bottom: 0.0625rem solid #efeaea;
}
.header-medium__intro {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-grow: 1;
}
@media (max-width: 992px) {
  .header-medium__intro {
    gap: 0.9375rem;
    padding-right: 3.875rem;
  }
}
@media (max-width: 576px) {
  .header-medium__intro {
    width: 100%;
    justify-content: space-between;
  }
}
.header-medium__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 992px) {
  .header-medium__nav {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 0.625rem;
    padding: 0.75rem 0.9375rem;
    width: 100%;
    color: #969696;
    z-index: 3;
  }
}
.header-medium__nav:before {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-top: 0.0625rem solid #EFEAEA;
  content: "";
  z-index: 2;
}
@media (max-width: 992px) {
  .header-medium__nav:before {
    display: block;
  }
}
@media (max-width: 992px) {
  .header-medium-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
    height: auto;
    color: var(--black);
    text-decoration: none;
    z-index: 3;
  }
}
.header-medium-btn--home, .header-medium-btn--messages, .header-medium-btn--favorites {
  display: none;
}
@media (max-width: 992px) {
  .header-medium-btn--location {
    display: none;
  }
}
.header-medium-btn--messages.is-active .header-medium-btn__mob-icon:before {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #E60000;
  border-radius: 50%;
  content: "";
  z-index: 2;
}
.header-medium-btn__mob-icon {
  position: relative;
  display: none;
  align-items: start;
  justify-content: center;
  width: fit-content;
  min-height: 1.5rem;
}
@media (max-width: 992px) {
  .header-medium-btn__mob-icon {
    display: flex;
  }
}
.header-medium-btn__mob-icon .icon {
  display: block;
  min-width: 1.1875rem;
  width: 1.1875rem;
  height: 1.0625rem;
}
@media (max-width: 992px) {
  .header-medium-btn__name {
    display: none;
  }
}
.header-medium-btn__name-mob {
  display: none;
}
@media (max-width: 992px) {
  .header-medium-btn__name-mob {
    display: block;
  }
}
.header-medium-btn__char {
  font-weight: 500;
  font-size: 1.25rem;
  color: #1a1a1a;
}
@media (max-width: 992px) {
  .header-medium-btn__char {
    display: none;
  }
}
.header-burger {
  position: relative;
  display: block;
  width: 1.75rem;
  height: 1.25rem;
  flex-shrink: 0;
  cursor: pointer;
}
.header-burger svg {
  display: block;
  width: 1.75rem;
  height: 1.25rem;
}
.header-burger::before, .header-burger::after {
  display: block;
  content: "";
  transition: transform 0.3s ease-in-out;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.21875rem;
  border-radius: 0.625rem;
  opacity: 0.85;
}
.header-burger::before {
  top: 0;
}
.header-burger::after {
  bottom: 0;
}
.header-burger.active svg {
  opacity: 0;
}
.header-burger.active::before {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  background-color: var(--accent);
}
.header-burger.active::after {
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
  background-color: var(--accent);
}
.header-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.9375rem;
}
.header-logo__mob {
  flex-shrink: 0;
  display: none;
}
@media (max-width: 992px) {
  .header-logo__mob {
    display: block;
  }
}
.header-logo__desct {
  display: block;
  width: 7.625rem;
  min-width: 7.625rem;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 1.625rem;
  color: var(--accent);
}
@media (max-width: 992px) {
  .header-logo__desct {
    display: none;
  }
}
.header-location {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  transition: all 0.3s ease-in-out;
}
.header-location:hover {
  opacity: 0.75;
}
.header-location__icon {
  flex-shrink: 0;
}
.header-location__name {
  font-weight: 500;
  font-size: 1rem;
  color: var(--black);
  text-wrap: nowrap;
}
.header-btn-add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
  padding-inline: 1.875rem;
  min-height: 3.125rem;
  border-radius: 0.3125rem;
  background: var(--accent);
  transition: opacity 0.3s ease-in-out;
  text-wrap: nowrap;
}
.header-btn-add:hover {
  background: #D90101;
}
@media (max-width: 992px) {
  .header-btn-add {
    padding: 0;
    min-height: auto;
    border-radius: 0;
    background: transparent;
  }
  .header-btn-add:hover {
    background: transparent;
  }
}
.header-btn-add__before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
  min-width: 1.25rem;
  border-radius: 0.1875rem;
  background-color: var(--white);
}
@media (max-width: 992px) {
  .header-btn-add__before {
    margin-top: -1.125rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #E60000;
    border-radius: 50%;
  }
}
@media (max-width: 992px) {
  .header-btn-add__before .icon {
    width: 1.375rem;
    min-width: 1.375rem;
    height: 1.25rem;
    stroke: #fff;
  }
}
.header-btn-add__name {
  font-weight: 500;
  font-size: 1rem;
  color: var(--white);
}
@media (max-width: 992px) {
  .header-btn-add__name {
    font-size: 0.8125rem;
    line-height: 1.2;
    font-weight: 400;
    color: #969696;
  }
}
.header-sign-in {
  display: flex;
  align-items: center;
  padding-inline: 1.875rem;
  min-height: 3.125rem;
  border-radius: 0.3125rem;
  background: #F6F6F6;
  font-weight: 500;
  font-size: 1rem;
  color: #000;
  text-wrap: nowrap;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.header-sign-in:hover {
  background: #F0F0F0;
}
@media (max-width: 992px) {
  .header-sign-in {
    padding: 0;
    min-height: 100%;
    border-radius: 0;
    background: transparent;
  }
  .header-sign-in:hover {
    background: transparent;
  }
}
.header.fixed {
  position: fixed;
  height: 5.625rem;
}
@media (max-width: 992px) {
  .header.fixed {
    height: 4.375rem;
  }
}
.header.fixed .header-top {
  display: none;
}
@media (max-width: 992px) {
  .header.fixed .header-top {
    display: block;
    height: 0;
  }
}
.header.fixed .header-bottom {
  animation: headerBottom 1s forwards;
}
.header.fixed .cat-nav-drop.is-open {
  height: calc(100vh - 5.625rem);
}

@media (max-width: 992px) {
  .header-profile {
    width: 100%;
  }
  .header-profile .icon {
    color: var(--accent);
  }
}

@keyframes headerBottom {
  from {
    top: 0;
  }
  to {
    top: -15.625rem;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------
CUSTOM IMAGES mediaload
--------------------------------------------------------------------------------------------------------------------------------*/
.advertising__form-mediaload:hover .mediaload-upload-area {
  border: 0.125rem dashed var(--accent) !important;
}

.advertising__mediaload-block .mediaload-banner {
  min-height: inherit;
}
.advertising__mediaload-block .mediaload-banner__icon {
  margin-bottom: 0.625rem;
}
.advertising__mediaload-block .mediaload-banner__title {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  margin-bottom: 0.3125rem;
}
.advertising__mediaload-block .mediaload-banner__desc {
  font-weight: 400;
  font-size: 0.875rem;
  color: #969696;
  margin-bottom: 1.25rem;
}
.advertising__mediaload-block .mediaload-banner__button .btn {
  margin-inline: auto;
  display: inline-block;
  width: initial;
  padding-inline: 2.5rem;
}
.advertising__mediaload-block .mediaload-upload-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0.125rem dashed #ccc;
  padding: 1.25rem 0 0;
  position: relative;
  margin: 1.25rem auto 0rem;
  text-align: center;
  border-radius: 0.625rem;
  cursor: pointer;
  max-width: 100%;
  height: 13.75rem;
  margin-bottom: 0.625rem;
}
.advertising__mediaload-block .mediaload-upload-area:hover {
  background-color: #f9f9f9;
}
.advertising__mediaload-block .mediaload-previews {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0;
  padding-block: 0.625rem;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.advertising__mediaload-block .mediaload-previews__item {
  position: relative;
  aspect-ratio: 4/3;
  width: 20%;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
@media (max-width: 768px) {
  .advertising__mediaload-block .mediaload-previews__item {
    width: 33.33%;
  }
}
@media (max-width: 576px) {
  .advertising__mediaload-block .mediaload-previews__item {
    width: 50%;
  }
}
.advertising__mediaload-block .mediaload-previews__item-delete {
  position: absolute;
  top: 0.4375rem;
  right: 0.75rem;
  width: 1.5625rem;
  height: 1.5625rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.advertising__mediaload-block .mediaload-previews__item-delete:hover {
  border-color: var(--accent);
}
.advertising__mediaload-block .mediaload-previews__item-delete:hover svg {
  fill: var(--accent);
}
.advertising__mediaload-block .mediaload-previews__item-delete svg {
  fill: rgba(0, 0, 0, 0.45);
  width: 0.625rem;
  height: 0.625rem;
  transition: all 0.3s ease-in-out;
}
.advertising__mediaload-block .mediaload-previews img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  border: 0.0625rem dashed #ccc;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.advertising__mediaload-block .mediaload-warning {
  background: rgba(230, 0, 0, 0.07);
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  color: #3d3d3d;
  border-radius: 0.3125rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  padding-inline: 1.25rem;
  min-height: 3.125rem;
  margin-bottom: 1.875rem;
}
.advertising__mediaload-block .mediaload-warning.hidden {
  display: none;
}

/*-----------------------------------------------------------------------------------------------------------------
SIGN UP AND LOGIN MODAL WINDOWS
 ------------------------------------------------------------------------------------------------------------------*/
.modal-sign-in,
.modal-sign-up {
  /* Стили модального окна */
  /* Кнопка закрытия */
  /* Стиль для Reset password */
  /* Отступы для мобильных устройств */
}
.modal-sign-in_overlay,
.modal-sign-up_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.modal-sign-in_overlay.active,
.modal-sign-up_overlay.active {
  display: flex;
  animation: fade-up 0.3s ease-in-out;
}
.modal-sign-in_window,
.modal-sign-up_window {
  background-color: #fff;
  padding: 3.125rem 3.125rem 1.25rem;
  border-radius: 1.25rem;
  max-width: 38.75rem;
  width: calc(100% - 30px); /* 15px слева и справа на мобильных */
  box-sizing: border-box;
  position: relative;
}
.modal-sign-in_title,
.modal-sign-up_title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 120%;
  color: #1a1a1a;
  width: 100%;
  margin-bottom: 0.625rem;
}
.modal-sign-in_text,
.modal-sign-up_text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
  width: 100%;
  margin-bottom: 1.5625rem;
}
.modal-sign-in_input,
.modal-sign-up_input {
  background: #f8f8f8;
  display: block;
  width: 100%;
  border: 0.0625rem solid #f8f8f8;
  border-radius: 0.625rem;
  min-height: 3.125rem;
  padding-inline: 0.9375rem;
  margin-bottom: 0.9375rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
  transition: 0.3s;
}
.modal-sign-in_input::placeholder,
.modal-sign-up_input::placeholder {
  color: #969696;
}
.modal-sign-in_input:focus,
.modal-sign-up_input:focus {
  border-color: var(--border-focus);
}
.modal-sign-in_btn,
.modal-sign-up_btn {
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  color: var(--white);
  background-color: var(--accent);
  min-height: 3.125rem;
  width: 100%;
  padding-inline: 0.9375rem;
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
  transition: all 0.3s ease-in-out;
}
.modal-sign-in_btn:hover,
.modal-sign-up_btn:hover {
  opacity: 0.75;
}
.modal-sign-in_first, .modal-sign-in_second,
.modal-sign-up_first,
.modal-sign-up_second {
  display: none;
}
.modal-sign-in_first.active, .modal-sign-in_second.active,
.modal-sign-up_first.active,
.modal-sign-up_second.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fade-up 0.3s ease-in-out;
}
.modal-sign-in_closeBtn,
.modal-sign-up_closeBtn {
  position: absolute;
  top: 1.5625rem;
  right: 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
}
.modal-sign-in_closeBtn:hover svg,
.modal-sign-up_closeBtn:hover svg {
  fill: var(--accent);
}
.modal-sign-in_closeBtn svg,
.modal-sign-up_closeBtn svg {
  fill: rgba(0, 0, 0, 0.35);
  width: 1.25rem;
  height: 1.25rem;
  transition: all 0.3s ease-in-out;
}
.modal-sign-in_backBtn,
.modal-sign-up_backBtn {
  align-self: start;
  margin-bottom: 1.5625rem;
  cursor: pointer;
}
.modal-sign-in_backBtn:hover svg,
.modal-sign-up_backBtn:hover svg {
  fill: var(--accent);
}
.modal-sign-in_backBtn svg,
.modal-sign-up_backBtn svg {
  fill: #1a1a1a;
  width: 1.25rem;
  height: 0.875rem;
  transition: all 0.3s ease-in-out;
}
.modal-sign-in_great,
.modal-sign-up_great {
  align-self: start;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 1.25rem;
}
.modal-sign-in_remember,
.modal-sign-up_remember {
  align-self: start;
  margin-bottom: 0.9375rem;
}
.modal-sign-in_remember .panel-remember-label,
.modal-sign-up_remember .panel-remember-label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #3d3d3d;
}
.modal-sign-in_remember .panel-remember-label span,
.modal-sign-up_remember .panel-remember-label span {
  padding-top: 0.125rem;
  display: block;
}
.modal-sign-in_remember .checkbox-item,
.modal-sign-up_remember .checkbox-item {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.modal-sign-in_remember .checkbox-input,
.modal-sign-up_remember .checkbox-input {
  appearance: none;
  border: 0.0625rem solid #d8d8d8;
  border-radius: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--white);
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.modal-sign-in_remember .checkbox-input:checked,
.modal-sign-up_remember .checkbox-input:checked {
  background-image: url("../icons/check.svg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center;
  outline: 0.0625rem solid var(--accent);
}
.modal-sign-in_remember .checkbox-input:active,
.modal-sign-up_remember .checkbox-input:active {
  outline: 0.0625rem solid var(--accent);
}
.modal-sign-in_resetBtn,
.modal-sign-up_resetBtn {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.625rem;
  cursor: pointer;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0.9375rem;
}
.modal-sign-in_resetBtn:hover,
.modal-sign-up_resetBtn:hover {
  color: var(--accent);
}
.modal-sign-in_terms,
.modal-sign-up_terms {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  color: #969696;
  width: 100%;
  word-break: nowrap;
  padding-top: 0.3125rem;
  margin-bottom: 1.25rem;
}
.modal-sign-in_terms a,
.modal-sign-up_terms a {
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.modal-sign-in_terms a:hover,
.modal-sign-up_terms a:hover {
  color: var(--accent);
}
@media (max-width: 576px) {
  .modal-sign-in,
  .modal-sign-up {
    max-width: calc(100% - 1.875rem); /* 15px слева и справа */
  }
}

.modal .btn {
  min-width: 14.375rem;
}
.modal .btn-close {
  top: 1.5625rem;
  right: 1.875rem;
  padding: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.418415 0.418415C0.976316 -0.139472 1.88083 -0.139472 2.43873 0.418415L10 7.97973L17.5613 0.418415C18.1192 -0.139472 19.0237 -0.139472 19.5816 0.418415C20.1395 0.976316 20.1395 1.88083 19.5816 2.43873L12.0203 10L19.5816 17.5613C20.1395 18.1192 20.1395 19.0237 19.5816 19.5816C19.0237 20.1395 18.1192 20.1395 17.5613 19.5816L10 12.0203L2.43873 19.5816C1.88083 20.1395 0.976316 20.1395 0.418415 19.5816C-0.139472 19.0237 -0.139472 18.1192 0.418415 17.5613L7.97973 10L0.418415 2.43873C-0.139472 1.88083 -0.139472 0.976316 0.418415 0.418415Z' fill='%23b1b1b1' /%3E%3C/svg%3E");
  background-size: 100% 100%;
  border-radius: 0;
  z-index: 11;
}
.modal .btn-close:hover, .modal .btn-close:focus {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.418415 0.418415C0.976316 -0.139472 1.88083 -0.139472 2.43873 0.418415L10 7.97973L17.5613 0.418415C18.1192 -0.139472 19.0237 -0.139472 19.5816 0.418415C20.1395 0.976316 20.1395 1.88083 19.5816 2.43873L12.0203 10L19.5816 17.5613C20.1395 18.1192 20.1395 19.0237 19.5816 19.5816C19.0237 20.1395 18.1192 20.1395 17.5613 19.5816L10 12.0203L2.43873 19.5816C1.88083 20.1395 0.976316 20.1395 0.418415 19.5816C-0.139472 19.0237 -0.139472 18.1192 0.418415 17.5613L7.97973 10L0.418415 2.43873C-0.139472 1.88083 -0.139472 0.976316 0.418415 0.418415Z' fill='%23e60000' /%3E%3C/svg%3E");
}
.modal-dialog {
  margin: 0 auto;
  max-width: 38.75rem !important;
}
.modal-dialog:has(.slinky-menu-modal) {
  max-width: 32.5rem !important;
}
@media (max-width: 768px) {
  .modal-dialog:has(.slinky-menu-modal) {
    max-width: 100% !important;
  }
}
.modal-dialog-centered {
  height: 100vh;
}
.modal-content {
  box-shadow: none;
  border: none;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.modal-content:has(.card-contact-user-link) {
  border-radius: 0.9375rem !important;
}
@media (max-width: 768px) {
  .modal-content:has(.card-contact-user-link) {
    border-radius: 0.9375rem !important;
  }
}
.modal-body {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  max-height: 100vh;
}
.modal-body:has(.slinky-menu-modal) {
  max-height: 24.125rem;
}
@media (max-width: 768px) {
  .modal-body:has(.slinky-menu-modal) {
    max-height: 100vh;
  }
}
.modal-scroll, .modal-geo-form {
  padding: 1.875rem;
  max-height: calc(100vh - 4.25rem - 11.875rem);
  overflow: auto;
}
@media (max-width: 576px) {
  .modal-scroll, .modal-geo-form {
    max-height: calc(100dvh - 4.25rem - 5rem);
  }
}
.modal-scroll:has(.slinky-menu-modal), .modal-geo-form:has(.slinky-menu-modal) {
  padding: 0 0.625rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-scroll:has(.slinky-menu-modal)::-webkit-scrollbar, .modal-geo-form:has(.slinky-menu-modal)::-webkit-scrollbar {
  background: transparent;
}
@media (max-width: 768px) {
  .modal-scroll:has(.slinky-menu-modal), .modal-geo-form:has(.slinky-menu-modal) {
    padding-inline: 0.375rem;
  }
}
@media (max-width: 576px) {
  .modal:has(.modal-text-foot) .modal-scroll {
    max-height: calc(100dvh - 4.25rem - 9.375rem);
  }
}
.modal-geo-form {
  padding-top: 0.625rem;
}
.modal:has(.modal-foot--red) .modal-scroll {
  max-height: calc(100vh - 4.25rem - 13.125rem);
}
@media (max-width: 576px) {
  .modal:has(.modal-foot--red) .modal-scroll {
    max-height: calc(100dvh - 4.25rem - 5rem - 8.75rem);
  }
}
@media (max-width: 768px) {
  .modal:has(.filter-form-modal) .modal-scroll {
    padding: 1.25rem;
  }
}
.modal .contact-container {
  padding: 1.25rem 1.875rem;
}
.modal .card-contact-user {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}
.modal .card-contact-user-link {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  color: var(--black);
}
.modal .card-contact-user-link:hover {
  color: var(--accent);
}
.modal-title {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin: 0;
  padding: 0.875rem 4.375rem 0.625rem 1.875rem;
  width: 100%;
  min-height: 4.25rem;
  background: #fff;
  border-bottom: 0.0625rem solid #EFEAEA;
  border-radius: 1.25rem 1.25rem 0 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: #1A1A1A;
  z-index: 10;
}
@media (max-width: 768px) {
  .modal-title {
    flex-wrap: wrap;
    gap: 0.3125rem 1.25rem;
  }
}
.modal-title small {
  display: block;
  margin-top: 0.125rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}
.modal-text-foot {
  font-size: 0.875rem;
  line-height: 1.3;
  text-align: left;
  color: #B1B1B1;
}
.modal .params-form-modal {
  display: contents;
}
.modal .text-end, .modal-foot {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin: 0;
  padding: 1.25rem 1.875rem;
  width: 100%;
  max-height: 5.625rem;
  border-top: 0.0625rem solid #EFEAEA;
  border-radius: 0 0 1.25rem 1.25rem;
  z-index: 2;
}
.modal .text-end:not(:has(:nth-child(2))), .modal-foot:not(:has(:nth-child(2))) {
  justify-content: end;
}
.modal .text-end:has(.modal-text-foot), .modal-foot:has(.modal-text-foot) {
  justify-content: start;
  text-align: left;
}
@media (max-width: 576px) {
  .modal .text-end:has(.modal-text-foot), .modal-foot:has(.modal-text-foot) {
    flex-direction: column;
    max-height: 8.75rem;
  }
  .modal .text-end:has(.modal-text-foot) .btn, .modal-foot:has(.modal-text-foot) .btn {
    order: 2;
  }
}
@media (max-width: 768px) {
  .modal .text-end, .modal-foot {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.modal-foot {
  font-size: 0.875rem;
  line-height: 1.4;
}
.modal-foot--jc-start {
  justify-content: start;
}
.modal-foot--jc-end {
  justify-content: end;
}
.modal-foot--jc-end .btn {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  min-width: 1.6875rem;
}
.modal-foot--no-bd {
  padding-top: 0;
  border: none;
}
.modal-foot--no-bd .btn {
  min-width: 5.9375rem;
}
@media (max-width: 576px) {
  .modal-foot--no-bd .btn {
    min-width: 5.9375rem !important;
  }
}
.modal-foot--red {
  gap: 0.875rem;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  padding: 1.875rem 3.4375rem 1.5625rem;
  max-height: none;
  background: #fcf2f2;
  border: none;
  border-radius: 0;
  font-size: 0.875rem;
  color: #3D3D3D;
}
@media (max-width: 768px) {
  .modal-foot--red {
    padding: 1.875rem 1.875rem;
  }
}
@media (max-width: 576px) {
  .modal-foot--red {
    padding: 1.25rem;
  }
}
.modal-foot--red .btn {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  min-width: 9.375rem;
}
.modal .uni-select-name {
  height: 2.5rem;
  line-height: 2.5rem;
}
.modal .uni-select-content {
  top: 2.5rem;
}

@media (max-width: 767px) {
  .modal-scroll {
    padding: 0 1.25rem;
  }
  .modal-title {
    padding: 0.625rem 3.75rem 0.625rem 1.25rem;
  }
  .modal .text-end {
    padding: 1.25rem;
  }
  .modal .btn-close {
    right: 1.25rem;
  }
  .modal .modal-body {
    padding: 0 !important;
  }
}
@media (max-width: 575px) {
  .modal-scroll {
    padding: 0 0.9375rem;
  }
  .modal-title {
    padding: 0.625rem 3.4375rem 0.625rem 0.9375rem;
  }
  .modal .text-end {
    padding: 0.9375rem;
  }
  .modal .btn {
    min-width: 12.5rem;
  }
  .modal .btn-close {
    right: 0.9375rem;
  }
  .modal .modal-body {
    padding: 0 !important;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------------
Review card
--------------------------------------------------------------------------------------------------------------------------------*/
.review-card {
  border: 0.0625rem solid #efeaea;
  border-radius: 0.625rem;
  padding: 1.5625rem 1.875rem;
}
@media (max-width: 768px) {
  .review-card {
    padding: 1.25rem 1.25rem;
  }
}
@media (max-width: 576px) {
  .review-card {
    padding: 1.25rem 0.9375rem;
  }
}
.review-card__header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 576px) {
  .review-card__header {
    gap: 0.625rem;
  }
}
.review-card__avatar {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 3.75rem;
  border-radius: 50%;
}
.review-card__avatar img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
}
.review-card__info {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review-card__info-name {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 0.3125rem;
}
@media (max-width: 576px) {
  .review-card__info-name {
    margin-bottom: 0.125rem;
    font-size: 1rem;
  }
}
.review-card__info-rating {
  margin-bottom: 0.3125rem;
}
.review-card__info-subject, .review-card__info-date {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #b1b1b1;
}
@media (max-width: 576px) {
  .review-card__info-subject, .review-card__info-date {
    font-size: 0.75rem;
  }
}
@media (max-width: 576px) {
  .review-card__info-date {
    text-wrap: nowrap;
  }
}
.review-card__body {
  margin-top: 0.625rem;
  padding-left: 5rem;
}
@media (max-width: 768px) {
  .review-card__body {
    padding-left: 0;
  }
}
.review-card__subject-text {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 130%;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}
.review-card__subject-collection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1.5625rem;
}
.review-card__subject-collection a {
  aspect-ratio: 1/1;
  width: 5rem;
  display: block;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.review-card__subject-collection a:hover img {
  transform: scale(1.1);
}
.review-card__subject-collection a img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.review-card__response {
  margin-top: 1.25rem;
  background: #f8f8f8;
  padding: 1.875rem;
  border-radius: 0.3125rem;
}
@media (max-width: 768px) {
  .review-card__response {
    padding: 1.25rem;
  }
}
@media (max-width: 576px) {
  .review-card__response {
    padding: 1.25rem 0.9375rem;
  }
}
.review-card__response-text {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 130%;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}
.review-card .response-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.review-card .response-header__date {
  font-weight: 500;
  font-size: 0.9375rem;
  color: #969696;
}
.review-card .response-header__btn {
  font-weight: 500;
  font-size: 0.9375rem;
  color: #969696;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.review-card .response-header__btn svg {
  width: 0.875rem;
  height: 0.75rem;
  fill: #b1b1b1;
  transition: all 0.3s ease-in-out;
}
.review-card .btn {
  min-height: 2.5rem;
  padding-inline: 1.25rem;
  font-size: 0.875rem;
}
.review-card--sm {
  padding: 0;
  border: none;
  border-radius: 0;
}
.review-card--sm .review-card__info {
  flex-direction: column;
  align-items: start;
}
.review-card--sm .review-card__header {
  margin-bottom: 0.625rem;
}
.review-card--sm .review-card__body {
  margin-top: 0.9375rem;
  padding-left: 0;
  font-size: 0.9375rem;
  line-height: 1.3;
  color: #B1B1B1;
}

/* ------------------------------------------------------------------------------------------------------------------------------
TITLES
--------------------------------------------------------------------------------------------------------------------------------*/
.title {
  font-weight: 700;
  line-height: 1.2;
}
.title--med {
  font-weight: 500;
}
.title--fz50 {
  font-size: 3.125rem;
}
@media (max-width: 992px) {
  .title--fz50 {
    font-size: 2.8125rem;
  }
}
@media (max-width: 768px) {
  .title--fz50 {
    font-size: 2.5rem;
  }
}
@media (max-width: 576px) {
  .title--fz50 {
    font-size: 1.875rem;
  }
}
.title--fz34 {
  font-size: 2.125rem;
}
@media (max-width: 992px) {
  .title--fz34 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .title--fz34 {
    font-size: 1.75rem;
  }
}
@media (max-width: 576px) {
  .title--fz34 {
    font-size: 1.5rem;
  }
}
.title--fz30 {
  font-size: 1.875rem;
}
.title--fz28 {
  font-size: 1.75rem;
}
@media (max-width: 992px) {
  .title--fz28 {
    font-size: 1.625rem;
  }
}
@media (max-width: 768px) {
  .title--fz28 {
    font-size: 1.375rem;
  }
}
@media (max-width: 576px) {
  .title--fz28 {
    font-size: 1.25rem;
  }
}
.title--fz26 {
  font-size: 1.625rem;
}
.title--fz24 {
  font-size: 1.5rem;
}
@media (max-width: 992px) {
  .title--fz24 {
    font-size: 1.375rem;
  }
}
@media (max-width: 768px) {
  .title--fz24 {
    font-size: 1.25rem;
  }
}
.title--fz22 {
  font-size: 1.375rem;
}
@media (max-width: 768px) {
  .title--fz22 {
    font-size: 1.25rem;
  }
}
.title--fz20 {
  font-size: 1.25rem;
}
.title--fz18 {
  font-size: 1.125rem;
}
.title--mb30 {
  margin-bottom: 1.875rem;
}
.title--mb20 {
  margin-bottom: 1.25rem;
}
.title--mb10 {
  margin-bottom: 0.625rem;
}
.title__numb {
  font-weight: 500;
  color: #b1B1B1;
}
.title--nomargin {
  margin-bottom: 0;
}

.title-16 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
}

.title-20 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}
.title-20--nomargin {
  margin-bottom: 0;
}

.title-22 {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.2;
}

.title-26 {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}
.title-26--nomargin {
  margin-bottom: 0;
}

.title-28 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.2;
  margin-bottom: 1.875rem;
}
.title-28--nomargin {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .title-28 {
    font-size: 1.625rem;
  }
}
@media (max-width: 768px) {
  .title-28 {
    font-size: 1.375rem;
  }
}
@media (max-width: 576px) {
  .title-28 {
    font-size: 1.25rem;
  }
}

.title-30 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 1.875rem;
}
.title-30--nomargin {
  margin-bottom: 0;
}

.title-34 {
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.2;
  margin-bottom: 1.875rem;
}
.title-34--nomargin {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .title-34 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .title-34 {
    font-size: 1.75rem;
  }
}
@media (max-width: 576px) {
  .title-34 {
    font-size: 1.5rem;
  }
}

.page404__icon {
  position: relative;
  margin: 0 auto 3.125rem;
  width: fit-content;
  font-size: 1.25rem;
  line-height: 1;
  text-align: left;
  color: #EBEBEB;
}
.page404__icon .icon {
  width: 26.875rem;
  min-width: 26.875rem;
  height: 12.1875rem;
  max-height: 12.1875rem;
}
@media (max-width: 576px) {
  .page404__icon .icon {
    width: 17.5rem;
    min-width: 17.5rem;
    height: 7.9375rem;
    max-height: 7.9375rem;
  }
}
.page404__desc {
  margin-bottom: 2.3125rem;
  color: #B1B1B1;
}
.page404 .title {
  margin-bottom: 0.5rem;
}
.page404 .btn {
  min-width: 17.5rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
CATEGORIES IN SUBMIT AND ADWERTISING START PAGE
--------------------------------------------------------------------------------------------------------------------------------*/
.catsadvert__title {
  font-weight: 500;
  font-size: 1.5rem;
  color: #1a1a1a;
  padding-top: 0.9375rem;
  margin-bottom: 1.5625rem;
}
.catsadvert__text {
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  margin-bottom: 1.25rem;
}
.catsadvert-menu {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: stretch;
  background-color: #fff;
  margin: 0 auto;
  max-width: var(--container-width);
  padding-right: 1.125rem;
  border: 0.0625rem solid var(--border);
  border-radius: 0.3125rem;
}
@media (max-width: 992px) {
  .catsadvert-menu {
    display: block;
    border: none;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .catsadvert-menu__navigation {
    width: 100%;
  }
}
.catsadvert-menu__cats {
  position: relative;
  box-sizing: content-box;
  width: 18.125rem;
  padding: 1.5625rem 0;
  overflow: hidden;
  flex-shrink: 0;
  border-right: 0.0625rem solid var(--border);
}
@media (max-width: 1200px) {
  .catsadvert-menu__cats {
    width: 15rem;
    padding: 0.9375rem 0;
  }
}
@media (max-width: 992px) {
  .catsadvert-menu__cats {
    border-right: none;
    width: 100%;
    padding: 0;
    overflow: auto;
  }
}
.catsadvert-menu__cats-item {
  display: flex;
  min-height: 2.625rem;
  align-items: center;
  justify-content: space-between;
  padding-inline: 1.25rem;
  overflow: hidden;
  border-radius: 0rem;
}
@media (max-width: 992px) {
  .catsadvert-menu__cats-item {
    border: 0.0625rem solid rgba(0, 0, 0, 0.05);
    margin-bottom: 0.3125rem;
    border-radius: 0.3125rem;
    padding-right: 0.5rem;
  }
  .catsadvert-menu__cats-item.active {
    background: #f8f8f8;
  }
  .catsadvert-menu__cats-item.active a {
    color: var(--accent);
  }
}
.catsadvert-menu__cats-item:hover {
  background: #f8f8f8;
}
.catsadvert-menu__cats-item:hover a {
  color: var(--accent);
}
.catsadvert-menu__cats-link {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.625rem;
  font-weight: 500;
  color: #262626;
  transition: color 0.2s ease-in-out;
}
.catsadvert-menu__cats-arrow {
  display: none;
  flex-shrink: 0;
  cursor: pointer;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url("../icons/down.svg");
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center center;
  transform: rotate(-90deg);
}
@media (max-width: 992px) {
  .catsadvert-menu__cats-arrow {
    display: block;
  }
}
.catsadvert-menu__content {
  position: relative;
  width: 100%;
  padding: 2.5rem 3.125rem;
  overflow-y: auto;
}
.catsadvert-menu__content.catsadvert-zindex.over {
  z-index: 1;
}
@media (max-width: 1200px) {
  .catsadvert-menu__content {
    padding: 1.5625rem 1.875rem;
  }
}
@media (max-width: 992px) {
  .catsadvert-menu__content {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    overflow: hidden;
    z-index: -1;
  }
}
.catsadvert-menu__subcats {
  position: relative;
  height: 100%;
  display: none;
}
.catsadvert-menu__subcats.active {
  display: block;
  animation: fade-up 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: white;
    transition: all 0.3s ease-in-out;
  }
  .catsadvert-menu__subcats.active-lg {
    left: 0;
  }
}
.catsadvert-menu__subcats-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-header {
    padding-top: 0.625rem;
    margin-bottom: 1.25rem;
  }
}
.catsadvert-menu__subcats-title {
  font-weight: 500;
  font-size: 1.375rem;
  color: #1a1a1a;
  margin-bottom: 1.875rem;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-title {
    margin-bottom: 0;
  }
}
.catsadvert-menu__subcats-blocks {
  column-count: 4;
  column-gap: 1rem;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-blocks {
    column-count: 1;
  }
}
.catsadvert-menu__subcats-block {
  page-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 1.5625rem;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-block {
    padding-bottom: 0rem;
  }
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-list {
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    margin-top: 0.15625rem;
    margin-bottom: 0.15625rem;
  }
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-list .catsadvert-menu__subcats-linkwrap {
    padding: 0 1.25rem;
    min-height: 2rem;
    border: none;
    background-color: transparent;
  }
  .catsadvert-menu__subcats-list .catsadvert-menu__subcats-linkwrap.active, .catsadvert-menu__subcats-list .catsadvert-menu__subcats-linkwrap:hover {
    border: none;
    background-color: transparent;
  }
}
.catsadvert-menu__subcats-linkwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.2s ease-in-out;
  overflow: hidden;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-linkwrap {
    min-height: 2.625rem;
    padding-inline: 1.25rem 0.875rem;
    border-radius: 0.3125rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.05);
  }
  .catsadvert-menu__subcats-linkwrap:hover {
    background: #f8f8f8;
  }
  .catsadvert-menu__subcats-linkwrap:hover a {
    color: var(--accent);
  }
  .catsadvert-menu__subcats-linkwrap.active {
    border: 0.0625rem solid rgba(238, 0, 0, 0.5);
    background: #f8f8f8;
  }
  .catsadvert-menu__subcats-linkwrap.active a {
    color: var(--accent);
  }
}
.catsadvert-menu__subcats-link {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #262626;
  line-height: 190%;
  transition: all 0.2s ease-in-out;
}
.catsadvert-menu__subcats-link:hover {
  color: var(--accent);
}
.catsadvert-menu__subcats-link--subcats-link {
  width: auto;
  white-space: normal;
  font-size: 1rem;
  line-height: 100%;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-link--subcats-link {
    margin-bottom: 0;
  }
}
.catsadvert-menu__subcats-back {
  display: none;
  flex-shrink: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url("../icons/down.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  transform: rotate(90deg);
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-back {
    display: block;
  }
}
.catsadvert-menu__subcats-close {
  display: none;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("../icons/close.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-close {
    display: block;
    margin-right: 1.5rem;
  }
}
.catsadvert-menu__subcats-arrow {
  display: none;
  flex-shrink: 0;
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../icons/down.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
@media (max-width: 992px) {
  .catsadvert-menu__subcats-arrow {
    display: block;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------
ADVERTISING CUSTOM FORM ELEMENTS
--------------------------------------------------------------------------------------------------------------------------------*/
.advertising {
  --form-accent: rgb(188, 188, 188);
  padding-top: 1.25rem;
  width: 70%;
  /********************************************************************* БЛОКИ *************************************************************/
  /********************************************************************* ДОП СТИЛИ *************************************************************/
}
.advertising--tourism {
  padding-top: 0;
}
@media (max-width: 992px) {
  .advertising {
    width: 100%;
  }
}
.advertising__title {
  font-weight: 500;
  font-size: 1.5rem;
  color: #1a1a1a;
  margin-bottom: 1.875rem;
}
.advertising__form-part {
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.125rem solid var(--border);
}
.advertising__form-part h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #1a1a1a;
  padding-bottom: 1.5625rem;
}
.advertising__form-part.advertising__form-location {
  border-bottom: none;
}
.advertising__form-intro {
  padding-top: 0.625rem;
}
.advertising__form-intro .advertising__input-block {
  width: 100%;
}
.advertising__form-mediaload h3 {
  padding-bottom: 0.625rem;
}
.advertising__form-description {
  padding-top: 2.1875rem;
  padding-bottom: 1.5625rem;
}
.advertising__form-description h3 {
  padding-bottom: 0.9375rem;
}
.advertising__form-price {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.advertising__form-price .checkbox input[type=checkbox]:checked + .custom-checkbox,
.advertising__form-price .radio input[type=radio]:checked + .custom-radio {
  border-color: var(--accent);
  color: white !important;
  background-color: var(--accent);
}
.advertising__form-mediaload {
  padding-bottom: 1.25rem;
}
.advertising__form-mediaload .advertising__input-block {
  width: 100%;
}
.advertising__form-location {
  padding-bottom: 6.25rem;
}
.advertising__form-location .btn {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 576px) {
  .advertising__form-location .btn {
    width: 100%;
  }
}
.advertising__textarea-block {
  margin-bottom: 1.25rem;
}
.advertising__textarea-block .textarea {
  margin-bottom: 0.625rem;
}
.advertising__block-name {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}
.advertising__block-hint {
  font-weight: 400;
  font-size: 1rem;
  color: #878787;
}
.advertising__block-hint:last-child {
  margin-bottom: 1.25rem;
}
.advertising__block-hint a {
  transition: all 0.3s ease-in-out;
}
.advertising__block-hint a:hover {
  opacity: 0.65;
}
.advertising__input-block {
  margin-bottom: 1.25rem;
  width: 50%;
}
@media (max-width: 768px) {
  .advertising__input-block {
    width: 75%;
  }
}
@media (max-width: 576px) {
  .advertising__input-block {
    width: 100%;
  }
}
.advertising__input-block label[for] {
  display: block;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  margin-bottom: 0.75rem;
}
.advertising__input-block .form-group .input {
  margin-bottom: 0.625rem;
}
.advertising__breadcrumbs-block .categorie-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.9375rem;
}
.advertising__breadcrumbs-block .categorie-breadcrumbs__link {
  color: #1a1a1a;
  transition: color 0.3s ease-in-out;
}
.advertising__breadcrumbs-block .categorie-breadcrumbs__link:hover {
  color: var(--accent);
}
.advertising__breadcrumbs-block .categorie-breadcrumbs__span {
  color: #1a1a1a;
}
.advertising__select-block {
  margin-bottom: 1.25rem;
  width: 50%;
}
@media (max-width: 768px) {
  .advertising__select-block {
    width: 75%;
  }
}
@media (max-width: 576px) {
  .advertising__select-block {
    width: 100%;
  }
}
.advertising__radio-block, .advertising__checkbox-block {
  margin-bottom: 1.25rem;
}
.advertising__radio-block .form-group-inrow, .advertising__checkbox-block .form-group-inrow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.advertising__inputsrow-block {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}
.advertising__inputsrow-block .input {
  max-width: 13.75rem;
}
.advertising__product-name {
  margin-bottom: 1.875rem;
}
.advertising__transmission-type .custom-radio {
  background-color: #f3f3f3;
}
.advertising__transmission-type .radio input[type=radio]:checked + .custom-radio {
  border-color: var(--accent);
  color: var(--accent);
  background-color: #fff;
}
.advertising__modification .choices {
  margin-bottom: 0.625rem;
}
.advertising-new .advertising__breadcrumbs-block, .advertising-electric .advertising__breadcrumbs-block {
  margin-bottom: 0.9375rem;
}
.advertising-new .advertising__breadcrumbs-block .btn, .advertising-electric .advertising__breadcrumbs-block .btn {
  max-width: 12.8125rem;
  width: 100%;
}
.advertising-used .advertising__breadcrumbs-block {
  margin-bottom: 1.875rem;
}
.advertising__field:not(:last-child) {
  margin-bottom: 1.875rem;
}
.advertising__field .form-group {
  font-size: 1rem;
  line-height: 1;
}
.advertising__field .form-group__title {
  margin-bottom: 0.9375rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}
.advertising__field .form-group__descr {
  margin-bottom: 0.875rem;
}
.advertising__field .form-group__label {
  margin-bottom: 0.625rem;
  display: block;
  font-weight: 500;
}
.advertising__field .form-group:has(.form-group__descr) .form-group__title {
  margin-bottom: 0.625rem;
}
.advertising__field .form-group:has(.form-group__label) .form-group__descr {
  margin-bottom: 1.25rem;
}
.advertising__field .row:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.advertising__field .switch-btns-group {
  padding: 0;
}
.advertising__field .switch-btns-group .switch-btn {
  font-size: 1rem;
}

.add-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 0.9375rem;
}

.add-form-row {
  display: grid;
  grid-template-columns: 1fr 23% 3rem;
  gap: 0.625rem;
  align-items: center;
}
@media (max-width: 576px) {
  .add-form-row {
    grid-template-columns: 1fr 24% 2.5rem;
  }
}

body:has(.catsadvert__title) .advertising {
  padding-top: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------
Объявление в разделе АВТО
--------------------------------------------------------------------------------------------------------------------------------*/
.autoad-equip {
  position: relative;
  max-height: 0;
  overflow: hidden;
}
.autoad-equip > .title {
  margin: 0;
  padding-bottom: 0.3125rem;
}
.autoad-equip.is-hidden {
  display: none;
}

.autoad {
  color: #1a1a1a;
}
.autoad-desc__text {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #3d3d3d;
  padding-bottom: 1.875rem;
}
.autoad-desc__text--no-pad {
  padding-bottom: 0;
}
.autoad-desc__text p:not(:last-child) {
  margin-bottom: 0.625rem;
}
.autoad-desc__text p:first-child:last-child {
  margin-bottom: 0;
}
.autoad-desc__notation {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
  padding: 0 0 1.875rem;
}
.autoad-desc--borderbottom {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
}
.autoad-desc__dl {
  display: grid;
  grid-template-columns: 16.25rem 1fr;
  gap: 0.625rem 1.875rem;
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.2;
}
@media (max-width: 576px) {
  .autoad-desc__dl {
    grid-template-columns: 9.375rem 1fr;
    font-size: 1.125rem;
  }
}
.autoad-desc__dl-dt {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #B1B1B1;
}
.autoad-desc__dl-dd {
  display: flex;
  align-items: end;
  margin: 0;
  padding: 0;
}
.autoad-desc__dl--border {
  gap: 0.625rem 0.625rem;
}
@media (max-width: 576px) {
  .autoad-desc__dl--border {
    grid-template-columns: 14.0625rem 1fr;
    font-size: 1rem;
  }
}
.autoad-desc__dl--border .autoad-desc__dl-dt {
  display: flex;
  align-items: end;
  gap: 0.625rem;
  text-wrap: nowrap;
}
.autoad-desc__dl--border .autoad-desc__dl-dt:after {
  display: block;
  width: 100%;
  border-bottom: 0.0625rem dashed #B1B1B1;
  content: "";
  transform: translate(0, -0.3125rem);
}
.autoad-desc__map {
  position: relative;
  margin-bottom: 2.5rem;
  border-radius: 0.625rem;
}
.autoad-desc__map img,
.autoad-desc__map iframe {
  display: block;
  width: 100%;
}
.autoad-equip__tags-panel {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
.autoad-footer {
  padding-bottom: 3.125rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
}
.autoad-footer .btn.is-hidden {
  display: none;
}
.autoad-footer:has(.btn.is-hidden) {
  display: none;
}
.autoad-base--mb {
  margin-bottom: 0.625rem;
}
.autoad-base__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1.25rem;
  margin-bottom: 0.625rem;
}
.autoad-base__header .title {
  margin: 0;
}
.autoad-base__header-buttons {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 576px) {
  .autoad-base__header-buttons {
    gap: 0.3125rem;
  }
}
.autoad-base__col-txt {
  display: flex;
  flex-direction: column;
}
.autoad-base__price, .autoad-base__info, .autoad-base__foot {
  margin-bottom: 0.9375rem;
}
.autoad-base__splitlist {
  margin-bottom: 1.375rem;
}
.autoad-base__rate {
  margin-bottom: 1.875rem;
}
.autoad-base__buttons {
  margin-bottom: 1.25rem;
}
.autoad-base__metas {
  padding-bottom: 1.25rem;
}
.autoad-base__metas--sm {
  padding-bottom: 0.625rem;
}
.autoad-base__foot {
  margin-top: auto;
}
.autoad-base__notation {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  color: #b1b1b1;
  margin-bottom: 0rem;
}
.autoad-base__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.autoad-base__local {
  margin-bottom: 0.9375rem;
}
.autoad-base__local .meta-location__icon {
  transform: translate(0, -0.125rem);
}
.autoad-base__local .meta-location__name {
  font-size: 0.9375rem;
}
.autoad-base__cat {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.625rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
  color: #B1B1B1;
}
.autoad-base__cat > *:not(:last-child) {
  display: flex;
  gap: 0.625rem;
  text-wrap: nowrap;
}
.autoad-base__cat > *:not(:last-child):after {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #B1B1B1;
  border-radius: 50%;
  transform: translate(0, 0.375rem);
  content: "";
}
.autoad-base:has(.autoad-base__cat) .autoad-base__price {
  margin-bottom: 0.9375rem;
}
.autoad-reviews {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.autoad-reviews--borderbottom {
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
}
.autoad-reviews__head {
  display: flex;
  gap: 1.25rem;
}
.autoad-reviews__head-left {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  margin-right: auto;
}
.autoad-reviews__head .btn-gray {
  max-width: 220px;
  width: 100%;
}
.autoad-reviews__title {
  font-size: 1.375rem;
  font-weight: 500;
}
.autoad-reviews__list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.1875rem;
}
@media (max-width: 992px) {
  .autoad-reviews__list {
    gap: 1.875rem;
  }
}
@media (max-width: 576px) {
  .autoad-reviews__list {
    flex-direction: column;
  }
}
.autoad-reviews__item {
  max-width: 27.5rem;
  width: calc(50% - 1.125rem);
}
.autoad-reviews__item:nth-child(even) {
  margin-left: auto;
}
@media (max-width: 576px) {
  .autoad-reviews__item {
    max-width: 100%;
    width: 100%;
  }
  .autoad-reviews__item:nth-child(even) {
    margin-left: 0;
  }
}

.tup-35 {
  transform: translateY(-35px);
}
@media (max-width: 1200px) {
  .tup-35 {
    transform: translateY(0);
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------
AUTO AD GALLERY
--------------------------------------------------------------------------------------------------------------------------------*/
.autoad-gallery__thumbnails img {
  height: auto; /* растягиваем изображение по высоте контейнера */
  width: 100%; /* сохраняем пропорции изображения по ширине */
  object-fit: cover;
  object-position: center center;
}
.autoad-gallery__full {
  border-radius: 0.625rem;
  overflow: hidden;
  margin-bottom: 0.625rem;
}
.autoad-gallery__full img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.2s ease; /* плавное смещение */
  will-change: transform; /* оптимизация для transform */
  z-index: 2;
}
.autoad-gallery__full a {
  position: relative;
  display: flex;
  justify-content: center; /* по горизонтали */
  align-items: center; /* по вертикали */
  background: #000;
  overflow: hidden;
  aspect-ratio: 620/450;
}
.autoad-gallery__full a span {
  position: absolute;
  top: -0.9375rem;
  left: -0.9375rem;
  display: block;
  width: calc(100% + 1.875rem);
  height: calc(100% + 1.875rem);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(0.625rem);
  opacity: 0.8;
  z-index: 1;
}
.autoad-gallery__full a:hover {
  cursor: url("../icons/search-gallery.svg"), auto;
}
.autoad-gallery__full .swiper-button-prev,
.autoad-gallery__full .swiper-button-next {
  top: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.3s;
}
.autoad-gallery__full .swiper-button-prev:after, .autoad-gallery__full .swiper-button-prev:before,
.autoad-gallery__full .swiper-button-next:after,
.autoad-gallery__full .swiper-button-next:before {
  display: none;
}
.autoad-gallery__full .swiper-button-prev .icon,
.autoad-gallery__full .swiper-button-next .icon {
  display: block;
  width: 0.8125rem;
  height: 1.125rem;
}
.autoad-gallery__full .swiper-button-prev:hover,
.autoad-gallery__full .swiper-button-next:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .autoad-gallery__full .swiper-button-prev,
  .autoad-gallery__full .swiper-button-next {
    display: none;
  }
}
.autoad-gallery__full .swiper-button-prev {
  left: 0;
}
.autoad-gallery__full .swiper-button-next {
  right: 0;
}
.autoad-gallery__full .swiper-button-next .icon {
  transform: rotate(180deg);
}
.autoad-gallery__thumbnails .swiper-slide {
  display: flex;
  justify-content: center; /* по горизонтали */
  align-items: center; /* по вертикали */
  aspect-ratio: 110/80;
  overflow: hidden;
  border-radius: 0.3125rem;
}
.autoad-gallery__thumbnails .swiper-slide:hover {
  cursor: url("../icons/search-gallery.svg"), auto;
}

.advertising-hidden-content {
  position: relative;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.advertising-hidden-content.open {
  max-height: 100%;
  opacity: 1;
  transition: 0.2s ease;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Companies and services (АВТОРАЗДЕЛ)
--------------------------------------------------------------------------------------------------------------------------------*/
.companys-services {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 576px) {
  .companys-services {
    gap: 0.625rem;
  }
}
.companys-services__list {
  column-count: 5; /* Количество колонок */
  column-gap: 0.625rem; /* Расстояние между колонками */
}
.companys-services__list a {
  font-weight: 400;
  font-size: 1.125rem;
  color: var(--black);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .companys-services__list a {
    font-size: 0.875rem;
  }
}
.companys-services__list a:hover {
  color: var(--accent);
}
@media (max-width: 768px) {
  .companys-services__list {
    column-count: 3;
  }
}
@media (max-width: 576px) {
  .companys-services__list {
    column-count: 2;
  }
}
.companys-services__list--three-col {
  column-count: 3;
}
.companys-services__list li {
  margin-bottom: 0.625rem;
}
.companys-services__list li:has(ul) {
  margin-bottom: 0rem;
}
.companys-services__list li:has(ul) > a {
  display: inline-block;
  margin-bottom: 0.9375rem;
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 1200px) {
  .companys-services__list li:has(ul) > a {
    font-size: 1rem;
  }
}
.companys-services__list > *:last-child {
  margin-bottom: 0;
}
.companys-services__list--grid {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 992px) {
  .companys-services__list--grid {
    flex-wrap: wrap;
    justify-content: start;
  }
  .companys-services__list--grid > li {
    width: calc(33% - 0.875rem);
  }
}
@media (max-width: 576px) {
  .companys-services__list--grid > li {
    width: 100%;
  }
}
.companys-services .swiper-wrapper.row {
  width: auto;
}
@media (max-width: 576px) {
  .companys-services .swiper-wrapper.row {
    flex-wrap: nowrap;
    margin: 0 0 1.875rem;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .companys-services .swiper-wrapper.row > * {
    padding: 0;
  }
}
@media (max-width: 992px) {
  .companys-services .swiper-pagination {
    display: none;
  }
}
@media (max-width: 576px) {
  .companys-services .swiper-pagination {
    display: block;
  }
}

.companys-card {
  position: relative;
  color: #fff;
  padding: 1.25rem;
  border-radius: 0.625rem;
  overflow: hidden;
  aspect-ratio: 305/200;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.companys-card:hover:before {
  opacity: 0;
}
.companys-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.56%, rgba(0, 0, 0, 0) 67.67%, #000 100%);
  transition: all 0.3s ease-in-out;
}
.companys-card__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.companys-card__name {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
}
.companys-card__location {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.2;
}
.companys-card__label {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 1;
  min-height: 1.625rem;
  padding-inline: 0.625rem;
  border-radius: 0.3125rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.2;
  border: 1px solid transparent;
  text-transform: uppercase;
  color: var(--white);
  background: #e60000;
}
.companys-card img {
  z-index: -1;
}

/* ------------------------------------------------------------------------------------------------------------------------------
5ти колоночный список - АВТОРАЗДЕЛ
--------------------------------------------------------------------------------------------------------------------------------*/
.fivecols-list__header {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  margin-bottom: 1.875rem;
}
.fivecols-list__header--col {
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.fivecols-list__header--col .fivecols-list__annotation {
  margin: 0;
}
.fivecols-list__title {
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.2;
  color: #1a1a1a;
}
.fivecols-list__title:not(.mb-25) {
  margin: 0;
}
.fivecols-list__annotation {
  font-weight: 400;
  font-size: 0.9375rem;
  color: #b1b1b1;
  margin-top: 0.625rem;
}
.fivecols-list__body {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  margin-bottom: 1.25rem;
}
.fivecols-list__labels {
  display: flex;
  justify-content: space-between;
  gap: 1.6875rem;
  flex-wrap: wrap;
}
.fivecols-list__labels a {
  width: 4.3125rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center; /* по горизонтали */
  align-items: center; /* по вертикали */
  overflow: hidden;
  flex-shrink: 0;
}
.fivecols-list__labels a:hover img {
  transform: scale(1.1);
}
.fivecols-list__labels a img {
  height: 100%; /* растягиваем изображение по высоте контейнера */
  width: auto; /* сохраняем пропорции изображения по ширине */
  max-width: 100%; /* чтобы не выйти за границы контейнера по ширине */
  object-fit: cover;
  object-position: center center;
  transition: all 0.3s ease-in-out;
}
.fivecols-list__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  max-height: 7rem;
  overflow: hidden;
  transition: max-height 0.3s;
}
.fivecols-list__list li {
  padding: 0.375rem 0.625rem 0.3125rem;
  background: #F6F6F6;
  border-radius: 1rem;
}
.fivecols-list__list li a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4375rem;
  font-weight: 400;
  font-size: 1rem;
  color: #1a1a1a;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
}
.fivecols-list__list li:hover {
  background: #F0F0F0;
}
.fivecols-list__list li:hover .brand-count {
  color: #b1b1b1;
}
.fivecols-list__list-count {
  margin-bottom: 0.0625rem;
  font-weight: 400;
  font-size: 0.8125rem;
  color: #b1b1b1;
}
.fivecols-list__list > *:last-child {
  margin-bottom: 0;
}
.fivecols-list__footer .btn {
  display: none;
  padding-inline: 3.75rem;
}
.fivecols-list__footer .btn.is-visible {
  display: block;
}
.fivecols-list:not(:has(.fivecols-list__footer)) .fivecols-list__body {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .fivecols-list .adv-mini {
    display: none;
  }
}

/*----------------------------------------- Brand Link ---------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Found 6,217 listings (АВТОРАЗДЕЛ)
--------------------------------------------------------------------------------------------------------------------------------*/
.found-listing {
  color: #1a1a1a;
}
.found-listing__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9375rem;
}
@media (max-width: 576px) {
  .found-listing__header {
    gap: 0.5rem;
    align-items: start;
    flex-direction: column;
    padding-bottom: 0.625rem;
    margin-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #efeaea;
  }
}
.found-listing__container {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.found-listing__title {
  margin-bottom: 0.1875rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 992px) {
  .found-listing__title {
    font-size: 1.375rem;
  }
}
.found-listing__showorderby {
  display: inline-flex;
  align-items: center;
  gap: 1.5625rem;
}
@media (max-width: 576px) {
  .found-listing__showorderby {
    display: flex;
    justify-content: start;
    width: 100%;
  }
}
.found-listing__showorderby .btn-show-map {
  font-size: 1rem;
  line-height: 1.2;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.found-listing__showorderby .btn-show-map:hover {
  color: var(--accent);
}
.found-listing .price {
  align-items: end;
}
@media (max-width: 576px) {
  .found-listing .price {
    align-items: start;
  }
}
.found-listing .btn {
  margin-top: 1.875rem;
  width: 100%;
}

/*----------------------------------------------- Found card ----------------------------------*/
.found-card {
  display: flex;
  gap: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid #efeaea;
}
@media (max-width: 768px) {
  .found-card {
    gap: 1.25rem;
  }
}
@media (max-width: 576px) {
  .found-card {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
@media (max-width: 576px) {
  .found-card .label-list {
    order: 4;
  }
}
.found-card:hover .found-card__title {
  color: var(--accent);
}
.found-card:hover .found-card__desc {
  color: #3d3d3d;
}
.found-card:hover .found-card__image img {
  transform: scale(1.05);
}
.found-card.is-selected {
  position: relative;
}
.found-card.is-selected:before {
  position: absolute;
  top: -1.25rem;
  bottom: 0.625rem;
  left: -1.25rem;
  right: -1.25rem;
  display: block;
  background: #FFFAED;
  border-radius: 0.625rem;
  content: "";
  z-index: 1;
}
.found-card.is-selected * {
  z-index: 2;
}
.found-card__image {
  position: relative;
  height: 100%;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .found-card__image {
    order: 3;
  }
}
.found-card__image-wrap {
  overflow: hidden;
  aspect-ratio: 24/20.5;
  width: 15rem;
  height: auto !important;
  border-radius: 0.3125rem;
}
@media (max-width: 768px) {
  .found-card__image-wrap {
    width: 8.75rem;
  }
}
@media (max-width: 576px) {
  .found-card__image-wrap {
    width: 100%;
  }
}
.found-card__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 24/20.5;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.found-card__title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: color 0.3s ease-in-out;
}
@media (max-width: 992px) {
  .found-card__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 768px) {
  .found-card__title {
    font-size: 1.25rem;
  }
}
@media (max-width: 576px) {
  .found-card__title {
    order: 1;
    font-size: 1.125rem;
  }
}
.found-card__desc {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #b1b1b1;
  transition: all 0.3s ease-in-out;
  margin-bottom: 0.9375rem;
}
@media (max-width: 576px) {
  .found-card__desc {
    margin-bottom: 0rem;
    order: 5;
  }
}
.found-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 576px) {
  .found-card__body {
    display: contents;
  }
}
.found-card__top {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 576px) {
  .found-card__top {
    display: contents;
  }
}
.found-card__row {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 576px) {
  .found-card__row {
    display: contents;
  }
}
.found-card__col-1 {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 576px) {
  .found-card__col-1 {
    display: contents;
  }
}
.found-card__col-3 {
  width: 30%;
}
@media (max-width: 576px) {
  .found-card__col-3 {
    order: 2;
    width: 100%;
  }
}
.found-card__infolist {
  margin-top: auto;
  margin-bottom: 0.625rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #000;
}
@media (max-width: 576px) {
  .found-card__infolist {
    order: 4;
    margin-bottom: 0;
  }
}
.found-card__infolist li {
  display: inline;
}
.found-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .found-card__bottom {
    order: 10;
  }
}
.found-card__meta {
  display: inline-flex;
  align-items: center;
  gap: 1.375rem;
}
.found-card__link {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #e60000;
  transition: all 0.3s ease-in-out;
}
.found-card__link:hover {
  text-decoration: underline;
}
.found-card__like {
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
  z-index: 2;
}
.found-card__like .icon--like {
  width: 1.5rem;
  height: 1.375rem;
  stroke-width: 2;
  stroke: #fff;
}
.found-card__like .icon--like:hover {
  stroke: var(--accent);
}
.found-card__like--left {
  top: 0.625rem;
  bottom: auto;
  left: 0.625rem;
  right: auto;
}
.found-card__labels {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  z-index: 2;
}
.found-card .label-list {
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .found-card .meta-location {
    order: 6;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Interesting today (АВТОРАЗДЕЛ)
--------------------------------------------------------------------------------------------------------------------------------*/
.interesting-today .section-header {
  margin-bottom: 1.25rem;
}
.interesting-today .section-header_title {
  font-size: 1.5rem;
}
.interesting-today__footer {
  margin-top: 1.25rem;
}
.interesting-today__footer .btn {
  width: 100%;
  justify-content: center;
  min-height: 3.75rem;
  font-size: 1rem;
}

.interesting-card {
  display: block;
  border: 0.0625rem solid #e2e2e2;
  border-radius: 10px;
}
.interesting-card:hover .interesting-card__top:before {
  opacity: 1;
}
.interesting-card:hover img {
  transform: scale(1.1);
}
.interesting-card__title {
  position: absolute;
  bottom: 1.5625rem;
  left: 1.875rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  z-index: 2;
}
@media (max-width: 1200px) {
  .interesting-card__title {
    bottom: 0.9375rem;
    left: 1.25rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .interesting-card__title {
    font-size: 1.375rem;
  }
}
@media (max-width: 576px) {
  .interesting-card__title {
    font-size: 1.25rem;
  }
}
.interesting-card__top {
  position: relative;
  border-radius: 0.625rem;
  aspect-ratio: 410/300;
  background: transparent;
  align-items: center; /* по вертикали */
  overflow: hidden;
  flex-shrink: 0;
}
.interesting-card__top > * {
  z-index: 3;
}
.interesting-card__top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.56%, rgba(0, 0, 0, 0) 67.67%, #000 100%);
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
.interesting-card__top img {
  aspect-ratio: 410/300;
  height: 100%; /* растягиваем изображение по высоте контейнера */
  width: auto; /* сохраняем пропорции изображения по ширине */
  max-width: 100%; /* чтобы не выйти за границы контейнера по ширине */
  object-fit: cover;
  object-position: center center;
  transition: 0.3s;
  z-index: 1;
}
.interesting-card__content {
  padding: 1.25rem;
}
.interesting-card__description {
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #1a1a1a;
  padding-top: 0.3125rem;
  margin-bottom: 0.9375rem;
}
.interesting-card__price {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}
.interesting-card__price-all {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #1a1a1a;
  background: #f7c74d;
  border-radius: 0.3125rem;
  padding: 0.625rem 1.25rem;
}
.interesting-card__price-small {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  color: #b1b1b1;
}

.card-rating {
  position: absolute;
  top: 0.9375rem;
  left: 0.9375rem;
  padding: 0.625rem 0.625rem 0.5rem;
  border-radius: 0.3125rem;
  color: var(--black);
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #1a1a1a;
  border: 0.0625rem solid transparent;
  text-transform: uppercase;
}
.card-rating svg {
  width: 0.75rem;
  height: 0.75rem;
}
.card-rating--top {
  background: #f7c74d;
}
.card-rating--new {
  border: 0.0625rem solid var(--white);
  background-color: transparent;
  color: white;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - New vehicles (АВТОРАЗДЕЛ)
--------------------------------------------------------------------------------------------------------------------------------*/
.new-vehicles {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  height: 100%;
  width: 100%;
}
.new-vehicles__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
.new-vehicles__grow {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex-grow: 1;
}
@media (max-width: 1200px) {
  .new-vehicles__grow {
    gap: 1.25rem;
    flex-direction: row;
  }
  .new-vehicles__grow .vehicles-card {
    aspect-ratio: 400/200;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .new-vehicles__grow {
    flex-direction: column;
  }
  .new-vehicles__grow .vehicles-card {
    aspect-ratio: 400/200;
    width: 100%;
  }
}
.new-vehicles__footer {
  margin-top: 1.25rem;
}
.new-vehicles__footer .btn {
  width: 100%;
  justify-content: center;
  min-height: 3.75rem;
  font-size: 1rem;
}

/*------------------------------------- Vehicles card ---------------------------------------------*/
.vehicles-card {
  color: #fff;
  padding: 1.25rem;
  border-radius: 0.625rem;
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vehicles-card:hover {
  color: #fff;
}
.vehicles-card:hover img {
  transform: scale(1.1);
}
.vehicles-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.56%, rgba(0, 0, 0, 0) 67.67%, #000 100%);
  transition: all 0.3s ease-in-out;
}
.vehicles-card__top {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.vehicles-card__name {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
}
.vehicles-card__price {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
}
.vehicles-card__price small {
  font-weight: 400;
  font-size: 0.875rem;
}
.vehicles-card__bottom {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.vehicles-card__circles {
  transform: translateY(7px);
}
.vehicles-card__circles svg {
  max-width: 4.625rem;
  max-height: 1.375rem;
}
.vehicles-card img {
  z-index: -1;
  transition: 0.3s;
}

/*-----------------------------------------------------------------------------------------------------------------
БЛОК - Recommended listings (АВТОРАЗДЕЛ)
 ------------------------------------------------------------------------------------------------------------------*/
.similar-listings .product-card,
.recomended-listings .product-card,
.search-map-sidebar .product-card {
  padding: 0;
}
.similar-listings .product-card__spacebetween,
.recomended-listings .product-card__spacebetween,
.search-map-sidebar .product-card__spacebetween {
  padding-inline: 0;
}
.similar-listings .product-card__meta,
.recomended-listings .product-card__meta,
.search-map-sidebar .product-card__meta {
  justify-content: flex-start;
  gap: 0.9375rem;
}
.similar-listings .product-card__like,
.recomended-listings .product-card__like,
.search-map-sidebar .product-card__like {
  right: 0.625rem;
  top: 0.625rem;
}
.similar-listings .product-card__rating, .similar-listings .product-card__labels,
.recomended-listings .product-card__rating,
.recomended-listings .product-card__labels,
.search-map-sidebar .product-card__rating,
.search-map-sidebar .product-card__labels {
  left: 0.625rem;
  top: 0.625rem;
}
.similar-listings .btn,
.recomended-listings .btn,
.search-map-sidebar .btn {
  justify-content: center;
  width: 100%;
  min-height: 3.75rem;
  font-size: 1rem;
  margin-top: 2.5rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Search by parameters (АВТОРАЗДЕЛ)
--------------------------------------------------------------------------------------------------------------------------------*/
.live-filters {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.live-filters:has(.search-by-params__footer--no-border) {
  gap: 0;
  margin-bottom: 1.5rem;
}
.live-filters:has(.search-by-params__footer--no-border) .rect-select-item:first-child .uni-select-name {
  border-radius: 0.3125rem 0 0 0;
}
.live-filters:has(.search-by-params__footer--no-border) .rect-select-item:last-child .uni-select-name {
  border-radius: 0 0.3125rem 0 0;
}
.live-filters__row > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.live-filters__row--col4 > * {
  width: 25%;
}
@media (max-width: 576px) {
  .live-filters .row {
    flex-direction: column;
  }
}
.live-filters .col {
  min-width: 0;
}

.search-by-params__title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #1a1a1a;
  margin-bottom: 0.9375rem;
}
.search-by-params:has(.search-by-params__footer--no-border) .search-by-params__block > *:has(.rect-select-item) {
  border-radius: 0.3125rem 0.3125rem 0 0;
}
.search-by-params:has(.search-by-params__footer--no-border) .search-by-params__block > *:has(.rect-select-item) .col:not(:first-child) {
  border-left: 0.0625rem solid #e6e6e6;
}
.search-by-params__shortselect {
  display: inline-flex;
}
.search-by-params__shortselect .choices {
  margin-right: -0.625rem;
  padding-right: 0;
}
@media (max-width: 768px) {
  .search-by-params__shortselect .choices {
    margin-right: 0;
  }
}
.search-by-params__shortselect .choices:before {
  right: 0;
}
.search-by-params__inputgroup {
  display: grid;
  grid-template-columns: 1fr 1fr 1.25rem;
  align-items: center;
  min-height: 3.125rem;
}
@media (max-width: 768px) {
  .search-by-params__inputgroup {
    border-left: none;
  }
}
.search-by-params__inputgroup-item {
  position: relative;
  padding: 1.125rem 1.5625rem 0.1875rem 0.9375rem;
}
.search-by-params__inputgroup-item--icon {
  padding-left: 3.125rem;
}
.search-by-params__inputgroup-item--icon .icon--search {
  position: absolute;
  top: 50%;
  left: 0.9375rem;
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  color: #E60000;
  transform: translate(0, -50%);
}
.search-by-params__inputgroup-item:not(:first-child):after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0.0625rem;
  height: 1.5rem;
  background: #B1B1B1;
  content: "";
  transform: translate(0, -50%);
}
.search-by-params__inputgroup-item-btn-close {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  display: none;
  width: 0.5rem;
  height: 0.5rem;
  transform: translate(0, -50%);
  cursor: pointer;
}
.search-by-params__inputgroup-item-btn-close .icon {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  fill: #B1B1B1;
}
.search-by-params__inputgroup-item-label {
  position: absolute;
  top: 50%;
  display: block;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
  text-wrap: nowrap;
  transition: 0.3s;
  overflow: hidden;
  transition: 0.3s;
  transform: translate(0, -50%);
  z-index: 1;
}
.search-by-params__inputgroup-item-label--grey {
  color: #969696;
}
.search-by-params__inputgroup-item:has(:focus) .search-by-params__inputgroup-item-label, .search-by-params__inputgroup-item:has(input:not(:placeholder-shown)) .search-by-params__inputgroup-item-label {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1;
  transform: translate(0, calc(-50% - 0.625rem));
  color: #B1B1B1;
}
.search-by-params__inputgroup-item:has(:focus) .search-by-params__inputgroup-item-label--grey, .search-by-params__inputgroup-item:has(input:not(:placeholder-shown)) .search-by-params__inputgroup-item-label--grey {
  color: #B1B1B1;
}
.search-by-params__inputgroup-item:has(:focus) .search-by-params__inputgroup-item-btn-close, .search-by-params__inputgroup-item:has(input:not(:placeholder-shown)) .search-by-params__inputgroup-item-btn-close {
  display: block;
}
.search-by-params__inputgroup-item input {
  position: relative;
  display: block;
  width: 100%;
  min-height: 1.8125rem;
  background: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #3d3d3d;
  transition: 0.3s;
  z-index: 2;
}
.search-by-params__inputgroup-item input::placeholder {
  opacity: 0;
}
.search-by-params__footer {
  padding-block: 1.25rem;
  padding-inline: 1.25rem;
  border-top: 0.0625rem solid #e6e6e6;
}
.search-by-params__footer--no-border {
  border-top: none;
}
@media (max-width: 768px) {
  .search-by-params__footer .row > * {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .search-by-params__footer .row > * {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .search-by-params__footer--3btns {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.625rem;
  }
  .search-by-params__footer--3btns .search-by-params__footer-last {
    grid-column: span 2;
  }
  .search-by-params__footer--3btns .search-by-params__spacebetween,
  .search-by-params__footer--3btns .search-by-params__group {
    display: contents;
  }
  .search-by-params__footer--3btns .search-by-params__spacebetween .btn,
  .search-by-params__footer--3btns .search-by-params__group .btn {
    max-width: 100%;
  }
}
.search-by-params__spacebetween {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .search-by-params__spacebetween .btn {
    max-width: 12.5rem;
    width: 100%;
  }
}
.search-by-params__group {
  display: inline-flex;
  gap: 2.5rem;
}
.search-by-params__group--gap20 {
  gap: 1.25rem;
}
.search-by-params .btn {
  padding-inline: 2.5rem;
}
@media (max-width: 992px) {
  .search-by-params .btn {
    padding-inline: 0.9375rem;
  }
}
.search-by-params__block:not(:has(.small-select-label)) .row .params-form-item:not(:first-child) {
  border-left: 0.0625rem solid #e6e6e6;
}
@media (max-width: 768px) {
  .search-by-params__block:not(:has(.small-select-label)) .row .params-form-item:not(:first-child) {
    border-top: 0.0625rem solid #e6e6e6;
    border-left: none;
  }
}
.search-by-params__block:not(:has(.small-select-label)) .uni-select {
  border: none;
  border-radius: 0;
}
.search-by-params__block > * {
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.3125rem;
}
.search-by-params__block > *:has(.search-by-params__footer--no-border) {
  border-top: none;
  border-radius: 0 0 0.3125rem 0.3125rem;
}
.search-by-params__block-body-field {
  display: flex;
  background: var(--white);
  border-radius: 0.3125rem;
}
.search-by-params__block-body-field .block-part {
  width: 100%;
}
.search-by-params__block-body-field .block-part:first-child {
  flex: 0 0 27.4%;
}
.search-by-params__block-body-field .block-part .search-by-params__inputgroup {
  min-width: 280px;
}
@media (max-width: 768px) {
  .search-by-params__block-body-field {
    flex-direction: column;
  }
  .search-by-params__block-body-field .block-part:first-child {
    flex: 0 0 auto;
  }
}
@media (max-width: 1200px) {
  .search-by-params__block-body-btn {
    display: flex;
    justify-content: end;
  }
}
.search-by-params__block-row-bd-end {
  border-bottom: 0.0625rem solid #e6e6e6;
}
@media (max-width: 768px) {
  .search-by-params__block .row > * {
    width: 100%;
  }
}
.search-by-params .live-filters__row .uni-select,
.search-by-params .select-wrap-move-label .uni-select {
  border-radius: 0;
}
.search-by-params .filter-top-block .uni-select,
.search-by-params .filter-top-block .uni-select-name {
  border-radius: 0;
}
.search-by-params .filter-top-block .params-form-item:not(:last-child) .uni-select {
  margin-right: 0;
  width: 100%;
}
.search-by-params .select-wrap-move-label .uni-select {
  border: 0;
}
.search-by-params__shortselect .uni-select-name, .search-by-params__block-row-nomrg .uni-select-name {
  border: none;
}
.search-by-params .rect-select-item {
  position: relative;
}
.search-by-params .rect-select-item .uni-select {
  margin-right: -0.0625rem;
  width: calc(100% + 0.0625rem);
}
.search-by-params .rect-select-item .uni-select-name {
  height: 3.125rem;
  background: transparent;
  border-radius: 0;
  font-size: 1rem;
  line-height: 3.125rem;
}
.search-by-params .rect-select-item .uni-select-content {
  top: 3.125rem;
}
.search-by-params .rect-select-item.item-disabled .uni-select-name {
  pointer-events: none;
  cursor: not-allowed;
}
.search-by-params .rect-select-item:first-child .uni-select-name {
  border-radius: 0.3125rem 0 0 0.3125rem;
}
.search-by-params .rect-select-item:first-child .uni-select-open .uni-select-name {
  border-radius: 0.3125rem 0 0 0;
}
.search-by-params .rect-select-item:last-child .uni-select {
  margin: 0;
  width: 100%;
}
.search-by-params .rect-select-item:last-child .uni-select-name {
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.search-by-params .rect-select-item:last-child .uni-select-open .uni-select-name {
  border-radius: 0 0.3125rem 0 0;
}
.search-by-params .rect-select-item.item-disabled .uni-select {
  background-color: #f3f3f3;
}
.search-by-params .rect-select-item.item-disabled .uni-select-content {
  background-color: #f3f3f3;
}
@media (max-width: 768px) {
  .search-by-params .rect-select-item .uni-select {
    margin-right: 0;
    margin-bottom: -0.0625rem;
    width: 100%;
  }
  .search-by-params .rect-select-item:first-child .uni-select-name {
    border-radius: 0.3125rem 0.3125rem 0 0;
  }
  .search-by-params .rect-select-item:first-child .uni-select-open .uni-select-name {
    border-radius: 0.3125rem 0.3125rem 0 0;
  }
  .search-by-params .rect-select-item:last-child .uni-select-name {
    border-radius: 0 0 0.3125rem 0.3125rem;
  }
  .search-by-params .rect-select-item:last-child .uni-select-open .uni-select-name {
    border-radius: 0;
  }
}
.search-by-params .block-part .choices__inner {
  border-radius: 0;
  border: 0.0625rem solid transparent;
}
.search-by-params .block-part:nth-child(n+2), .search-by-params .block-part:nth-child(n+3) {
  border-left: 0.0625rem solid #e6e6e6;
}
@media (max-width: 768px) {
  .search-by-params .block-part:nth-child(n+2), .search-by-params .block-part:nth-child(n+3) {
    border-left: none;
  }
}
@media (max-width: 768px) {
  .search-by-params .block-part:not(:first-child) {
    border-top: 0.0625rem solid #e6e6e6;
  }
}
@media (max-width: 768px) {
  .search-by-params .block-part {
    padding-right: 1.25rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.search-by-params--grey {
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0.625rem;
}
.search-by-params--grey .search-by-params__block > * {
  border: none;
}
.search-by-params--grey .search-by-params__block-body {
  display: grid;
  grid-template-columns: 1fr 14.375rem;
  gap: 1.25rem;
}
@media (max-width: 1200px) {
  .search-by-params--grey .search-by-params__block-body {
    grid-template-columns: 1fr;
  }
}
.search-by-params--grey .btn {
  padding: 0;
  width: 100%;
}
@media (max-width: 1200px) {
  .search-by-params--grey .btn {
    min-width: 14.375rem;
    width: auto;
  }
}
@media (max-width: 576px) {
  .search-by-params--grey .btn {
    width: 100%;
  }
}

.btn-reset,
.btn-allparams {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 500;
  font-size: 1rem;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.btn-reset img,
.btn-allparams img {
  width: 1.25rem;
  height: 1.25rem;
}
.btn-reset .icon,
.btn-allparams .icon {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  fill: inherit;
  transform: translate(0, -0.0625rem);
}
@media (max-width: 576px) {
  .btn-reset span,
  .btn-allparams span {
    display: none;
  }
}
.btn-reset:hover,
.btn-allparams:hover {
  color: var(--accent);
}

/*----------------------------------------------- Currency switcher ----------------------------------*/
.params-currency-switcher {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #B1B1B1;
}
.params-currency-switcher__name {
  padding-top: 0.125rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
}

.select-wrap-move-label:not(.params-form-item) {
  background-color: #f7f8fa;
  border-radius: 0.625rem;
}

.select-wrap-move-label {
  position: relative;
}
.select-wrap-move-label .params-form-item-label {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0.5625rem 0.9375rem;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1;
  color: #B1B1B1;
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
}
.select-wrap-move-label .uni-select {
  z-index: 2;
}
.select-wrap-move-label .uni-select.uni-select-open {
  z-index: 4;
}
.select-wrap-move-label.has-filled .params-form-item-label {
  top: 0;
  opacity: 1;
}
.select-wrap-move-label.has-filled .uni-select:after {
  top: 0.625rem;
}
.select-wrap-move-label.has-filled .uni-select-name {
  padding-top: 0.625rem;
}

.filter-form-modal {
  display: grid;
  grid-template-columns: 23% 1fr;
  gap: 0.9375rem 1.875rem;
  align-items: start;
}
@media (max-width: 576px) {
  .filter-form-modal {
    grid-template-columns: 1fr;
  }
}
.filter-form-modal__col {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.filter-form-modal__col:nth-child(odd) {
  justify-content: end;
  text-align: right;
}
@media (max-width: 576px) {
  .filter-form-modal__col:nth-child(odd) {
    justify-content: start;
    text-align: left;
  }
}
.filter-form-modal__col--sm {
  max-width: 310px;
}
.filter-form-modal .separate-label {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.filter-form-modal .separate-label,
.filter-form-modal .choices {
  margin-bottom: 0;
}
.filter-form-modal .choices {
  width: 100%;
}
.filter-form-modal .form-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
  width: 100%;
}
.filter-form-modal .form-group--col {
  display: flex;
  flex-direction: column;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Companies logo
--------------------------------------------------------------------------------------------------------------------------------*/
.company-logo {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #1A1A1A;
}
@media (max-width: 992px) {
  .company-logo {
    gap: 0.625rem;
  }
}
.company-logo--ok .company-logo__title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.company-logo--ok .company-logo__title:after {
  position: relative;
  top: -0.125rem;
  display: block;
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #45C34E;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4585 0.518555L9.89111 0.939453L10.0747 1.11816L9.89111 1.29785L4.1665 6.87598L3.99268 7.0459L3.81787 6.87598L0.541504 3.68359L0.35791 3.50488L0.541504 3.3252L0.974121 2.9043L1.14893 2.7334L1.32373 2.9043L3.9917 5.50488L9.10986 0.518555L9.28467 0.348633L9.4585 0.518555Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-size: 0.6875rem 0.5rem;
  border-radius: 50%;
  content: "";
}
.company-logo--col {
  flex-direction: column;
  align-items: start;
}
@media (max-width: 1200px) {
  .company-logo--col {
    flex-direction: row;
    align-items: center;
  }
}
.company-logo--pad {
  padding: 1.1875rem 1.8125rem;
}
@media (max-width: 1200px) {
  .company-logo--pad {
    padding: 0.9375rem;
  }
}
.company-logo--reverse {
  flex-direction: row-reverse;
  justify-content: end;
  text-align: right;
}
.company-logo__image {
  min-width: 2.75rem;
  width: 2.75rem;
}
.company-logo__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  background-color: #fff;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 50%;
}
.company-logo__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.company-logo a {
  color: var(--black);
}
.company-logo a:hover {
  color: var(--accent);
}
.company-logo:hover {
  color: var(--accent);
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Vacancies card
--------------------------------------------------------------------------------------------------------------------------------*/
.found-job-card {
  display: grid;
  grid-template-columns: 1fr 14.375rem;
  gap: 3.125rem;
  padding: 1.25rem;
}
.found-job-card--img {
  grid-template-columns: 15.625rem 1fr;
  gap: 1.875rem;
}
@media (max-width: 992px) {
  .found-job-card {
    padding: 1.25rem;
    gap: 1.875rem;
  }
}
@media (max-width: 768px) {
  .found-job-card {
    grid-template-columns: 1fr 12.5rem;
    gap: 1.25rem;
  }
  .found-job-card--img {
    grid-template-columns: 12.5rem 1fr;
    gap: 1.25rem;
  }
}
@media (max-width: 576px) {
  .found-job-card {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .found-job-card__left, .found-job-card__right {
    display: contents;
  }
  .found-job-card__desc, .found-job-card__rating {
    margin-bottom: 0.9375rem;
  }
  .found-job-card__tags {
    gap: 0.5rem;
  }
  .found-job-card__tags-item {
    padding: 0.3125rem 0.375rem 0.1875rem;
    font-size: 0.875rem;
    line-height: 1rem;
  }
  .found-job-card--img {
    position: relative;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .found-job-card--img .found-job-card__left,
  .found-job-card--img .found-job-card__right {
    display: flex;
  }
  .found-job-card--img .found-job-card__right {
    position: static;
  }
  .found-job-card--img .found-job-card__image.container-item-images {
    height: auto !important;
    aspect-ratio: 1/1;
  }
  .found-job-card--img .found-job-card__like {
    top: 1.875rem;
    right: 1.875rem;
  }
  .found-job-card--img .found-job-card__desc {
    margin-bottom: 0;
  }
}
.found-job-card.is-selected {
  background-color: rgba(247, 199, 77, 0.15);
  border-color: rgba(247, 199, 77, 0.05);
}
.found-job-card__left, .found-job-card__right {
  position: relative;
  display: flex;
  flex-direction: column;
}
.found-job-card__image.container-item-images {
  aspect-ratio: 1/1;
}
.found-job-card__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.625rem;
}
.found-job-card__title {
  margin-bottom: 0.375rem;
  padding-right: 2.1875rem;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1;
}
.found-job-card__title a {
  font-weight: 500;
  color: var(--black);
}
.found-job-card__title a:hover {
  color: var(--accent);
}
.found-job-card__price {
  order: 2;
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
}
.found-job-card__like {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.found-job-card__tags {
  order: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.found-job-card__tags-item {
  padding: 0.375rem 0.625rem;
  background-color: #DBF0FF;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  line-height: 1.125rem;
}
.found-job-card__local {
  order: 7;
  margin-bottom: 0.9375rem;
}
.found-job-card__desc {
  order: 8;
  font-size: 1rem;
  line-height: 1.2;
  color: #3D3D3D;
  opacity: 0.6;
}
.found-job-card__logo {
  order: 3;
  margin-bottom: 0.875rem;
}
.found-job-card__rating {
  order: 4;
  margin-bottom: 1.75rem;
}
.found-job-card__btn {
  order: 11;
  margin-top: auto;
}
.found-job-card .icon--like {
  stroke: var(--black);
  fill: transparent;
}
.found-job-card .icon--like:hover {
  stroke: var(--accent);
}
.found-job-card .btn {
  width: 100%;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Jobs card
--------------------------------------------------------------------------------------------------------------------------------*/
.job-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.8125rem;
  height: 100%;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--black);
  transition: 0.3s;
}
.job-card.is-selected {
  background-color: rgba(247, 199, 77, 0.15);
  border-color: rgba(247, 199, 77, 0.05);
}
@media (max-width: 1200px) {
  .job-card {
    padding: 0.9375rem;
  }
}
.job-card a {
  color: var(--black);
}
.job-card a:hover {
  color: var(--accent);
}
.job-card__like {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
}
.job-card__head {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-right: 1.5625rem;
  font-size: 1.125rem;
}
.job-card__title {
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-card__desc {
  opacity: 0.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.job-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Jobs looking
--------------------------------------------------------------------------------------------------------------------------------*/
.job-looking {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding: 2.875rem 3.125rem 2.4375rem;
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .job-looking {
    padding: 1.625rem 1.875rem 1.875rem;
  }
}
.job-looking__title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}
.job-looking__desc {
  margin-bottom: 0.6875rem;
}
.job-looking__foot {
  margin-top: auto;
}
.job-looking__foot > * {
  min-width: 9.875rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Jobs of the day
--------------------------------------------------------------------------------------------------------------------------------*/
.jobs-day {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 1.875rem;
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #1A1A1A;
}
@media (max-width: 1200px) {
  .jobs-day {
    padding: 0.9375rem;
  }
}
.jobs-day a {
  color: var(--black);
}
.jobs-day a:hover {
  color: var(--accent);
}
.jobs-day__title {
  font-size: 1.375rem;
  font-weight: 500;
}
.jobs-day__price {
  margin-bottom: 1.625rem;
}
.jobs-day__logo {
  margin-top: auto;
}

.page-login .authorize-login,
.page-login .authorize-signup {
  margin: 0 auto;
  padding: 5rem 0;
  max-width: 25rem;
}
@media (max-width: 768px) {
  .page-login .authorize-login,
  .page-login .authorize-signup {
    padding: 2.5rem 0;
  }
}
.page-login .authorize-login__panels,
.page-login .authorize-signup__panels {
  padding-bottom: 2.5rem;
}
.page-login .authorize-login .panel-shorter-text,
.page-login .authorize-signup .panel-shorter-text {
  margin-bottom: 0;
}
.page-login .authorize-login .panel-reset-btn,
.page-login .authorize-signup .panel-reset-btn {
  margin-bottom: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------
PAGE MAIN CATEGORIES SECTION
--------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 576px) {
  .main-categories {
    position: relative;
  }
}
.main-categories .swiper {
  position: relative;
  margin-right: calc(var(--container-padding) * -1);
  margin-left: calc(var(--container-padding) * -1);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: calc(100% + var(--container-padding) * 2);
}
.main-categories .swiper-wrapper {
  max-height: 10rem;
}
@media (max-width: 992px) {
  .main-categories .swiper-wrapper {
    margin-bottom: 1.875rem;
  }
}
.main-categories .swiper-slide {
  width: 14.5rem;
}
@media (max-width: 576px) {
  .main-categories .swiper-slide {
    width: 13.4375rem;
  }
}
@media (max-width: 576px) {
  .main-categories .swiper-pagination {
    position: absolute;
    bottom: -0.125rem !important;
  }
}
.main-categories-card {
  display: flex;
  gap: 0.9375rem;
}
.main-categories-card:hover img {
  transform: scale(1.1);
}
.main-categories-card:hover .main-categories-card__title {
  color: var(--accent);
}
.main-categories-card__image {
  aspect-ratio: 1/1;
  width: 3.75rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.3125rem;
}
.main-categories-card__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.main-categories-card__text {
  flex-grow: 1;
}
.main-categories-card__title {
  font-family: var(--font-title);
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--black);
  transition: color 0.3s ease-in-out;
  margin-bottom: 0.3125rem;
}
.main-categories-card__description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.55);
  transition: color 0.3s ease-in-out;
  max-width: 85%;
}
@media (max-width: 576px) {
  .main-categories-card__description {
    max-width: none;
  }
}

/*-----------------------------------------------------------------------------------------------------------------
MAIN COMPANYS AND SERVICES BLOCK
 -------------------------------------------------------------------------------------------------------------------*/
.companys-tile {
  color: #1a1a1a;
}
.companys-tile a:not(.companys-tile__more) {
  color: var(--black);
}
.companys-tile a:not(.companys-tile__more):hover {
  color: var(--accent);
}
.companys-tile__header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.9375rem;
}
.companys-tile__title {
  margin: 0;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
}
.companys-tile__title a {
  font-weight: 500;
}
.companys-tile__list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.companys-tile__list li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
}
.companys-tile__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
  color: var(--accent);
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--accent);
  min-height: 2.25rem;
  padding-inline: 0.5rem;
  transition: 0.3s;
}
.companys-tile__more:hover {
  border-color: #D90101;
  color: #D90101;
}

@media (max-width: 992px) {
  .companys-tile {
    padding: 1.25rem;
  }
}
/*-----------------------------------------------------------------------------------------------------------------
PAGE MAIN ELLIPSES SECTION
 -------------------------------------------------------------------------------------------------------------------*/
.main-ellipses-pushdown .main-ellipses {
  padding-top: 1.25rem;
  margin-bottom: -0.625rem;
}

.main-ellipses {
  /* --------------------------------------- SWIPER EXTRA -----------------------------------*/
}
.main-ellipses:not(:has(.swiper-slide)) {
  display: none;
}
@media (max-width: 576px) {
  .main-ellipses {
    position: relative;
    margin-bottom: 1.25rem;
  }
}
.main-ellipses-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 6.25rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border: 0.1875rem solid #EFEAEA;
  border-radius: 50%;
  transition: 0.3s;
}
.main-ellipses-btn svg {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  color: #EFEAEA;
  transition: 0.3s;
}
.main-ellipses-btn:hover {
  border-color: #c5c4c4;
}
.main-ellipses-btn:hover svg {
  color: #c5c4c4;
}
.main-ellipses-card {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-width: 6.25rem;
}
.main-ellipses-card:hover img {
  transform: scale(1.1);
}
.main-ellipses-card:hover .main-ellipses-card_description p {
  color: var(--accent);
}
.main-ellipses-card:hover .main-ellipses-card_gradient:before {
  animation: rotation 0.5s linear infinite;
}
.main-ellipses-card__gradient {
  position: relative;
  display: inline-block;
  padding: 0.1875rem;
  border-radius: 50%;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.main-ellipses-card__gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: conic-gradient(from 270deg, rgb(255, 91, 91) 0deg, rgb(228, 27, 23) 128.077deg, rgb(255, 91, 91) 360deg);
}
.main-ellipses-card__image {
  border: 0.1875rem solid #ffffff;
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.main-ellipses-card__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.main-ellipses-card__description {
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  text-align: center;
  color: var(--black);
  padding-top: 0.3125rem;
  transition: color 0.3s ease-in-out;
}
.main-ellipses .swiper {
  margin-right: 6.25rem;
}
@media (max-width: 992px) {
  .main-ellipses .swiper {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .main-ellipses .swiper-wrapper {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 768px) {
  .main-ellipses .swiper-wrapper {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 576px) {
  .main-ellipses .swiper-wrapper {
    margin-bottom: 0.5625rem;
  }
}
@media (max-width: 576px) {
  .main-ellipses .swiper-pagination {
    position: absolute;
    bottom: -1.25rem !important;
  }
}
.main-ellipses .swiper-button-next:not(.swiper-button-lock) {
  bottom: none;
  left: none;
  transform: translate(0, 0);
  top: 32%;
  display: block;
  background-color: #f8f8f8;
  background-image: none !important;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  margin: 0 !important;
  padding: 1.875rem;
}
@media (max-width: 992px) {
  .main-ellipses .swiper-button-next:not(.swiper-button-lock) {
    display: none;
  }
}
.main-ellipses .swiper-button-next:not(.swiper-button-lock) svg.icon--next {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 0.875rem;
}
.main-ellipses .swiper-button-next:not(.swiper-button-lock):after {
  content: "";
}
.main-ellipses .swiper-button-next:not(.swiper-button-lock):hover {
  background-color: #c5c4c4;
}

/* ------------------------------------------------------------------------------------------------------------------------------
PAGE MAIN FEATURED SECTION
--------------------------------------------------------------------------------------------------------------------------------*/
.main-featured .container-greyout {
  margin-bottom: 3.125rem;
}
.main-featured .container-greyout--no-marg {
  margin-bottom: 0;
}
.main-featured .product-card_like {
  top: 1.25rem;
  right: 1.25rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
PAGE MAIN FIGURES SECTION
--------------------------------------------------------------------------------------------------------------------------------*/
.main-figures .swiper-slide {
  height: auto;
}
.main-figures-card {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 0.625rem;
  color: var(--black);
}
.main-figures-card:hover img {
  transform: scale(1.1);
}
.main-figures-card__image {
  overflow: hidden;
}
.main-figures-card__image img {
  transition: all 0.3s ease-in-out;
}
.main-figures-card--light {
  background-color: #efeaea;
}
.main-figures-card--dark {
  background-color: var(--black);
  color: var(--white);
}
.main-figures-card--dark:hover {
  color: var(--white);
}
.main-figures-card--hrom {
  display: flex;
  height: 100%;
  background-color: #FCFAFA;
  border: 0.0625rem solid #EFEAEA;
}
.main-figures-card--hrom .main-figures-card__image {
  display: flex;
  align-items: end;
  justify-content: end;
  width: 100%;
}
.main-figures-card--hrom .main-figures-card__title {
  max-width: 9.375rem;
  line-height: 1.3;
}
.main-figures-card--hrom img {
  width: auto;
}
.main-figures-card__title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.25rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 120%;
}
.main-figures .swiper-wrapper.row {
  width: auto;
}
@media (max-width: 768px) {
  .main-figures .swiper-wrapper.row {
    flex-wrap: nowrap;
    margin: 0 0 1.875rem;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .main-figures .swiper-wrapper.row > * {
    padding: 0;
  }
}
@media (max-width: 992px) {
  .main-figures .swiper-pagination {
    display: none;
  }
}
@media (max-width: 768px) {
  .main-figures .swiper-pagination {
    display: block;
  }
}

/*-----------------------------------------------------------------------------------------------------------------
PAGE MAIN RECOMEND SECTION
 -------------------------------------------------------------------------------------------------------------------*/
.product-section .section-header {
  margin-bottom: 1.25rem;
}
.product-section .section-banner {
  margin-top: 2.5rem;
}
.product-section .product-card {
  padding: 0;
}
.product-section .product-card__like {
  top: 0.5rem;
  right: 0.5rem;
}
.product-section .product-card__labels {
  top: 0.5rem;
  left: 0.5rem;
}
.product-section .product-card_spacebetween {
  padding-inline: 0;
}
.product-section .product-card_meta {
  display: inline-flex;
  justify-content: start;
  gap: 0.9375rem;
}

.home:not(:has(.catsadvert)) {
  padding-top: 1.875rem;
}

.proffesional {
  padding-top: 3.125rem;
}
.proffesional .recomended-listings__title {
  margin-bottom: 1.875rem;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 120%;
  color: #1a1a1a;
}
@media (max-width: 992px) {
  .proffesional .recomended-listings__title {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .proffesional .recomended-listings__title {
    font-size: 1.625rem;
  }
}
@media (max-width: 576px) {
  .proffesional .recomended-listings__title {
    font-size: 1.5rem;
  }
}

.ad-create-container {
  min-height: calc(100vh - 186px);
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE ADS
 ------------------------------------------------------------------------------------------------------------------*/
.profile-user__ads .ads-tabs {
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .profile-user__ads .ads-tabs {
    flex-wrap: wrap;
    gap: 0.625rem;
    border: none;
  }
  .profile-user__ads .ads-tabs:after {
    display: none;
  }
}
@media (max-width: 768px) {
  .profile-user__ads .ads-tabs .site-tab {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.375rem 0.625rem 0.3125rem;
    background: #f4f4f4;
    border-radius: 1.25rem;
    border: none;
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .profile-user__ads .ads-tabs .site-tab span {
    display: block;
    text-wrap: nowrap;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  .profile-user__ads .ads-tabs .site-tab small {
    font-size: 0.8125rem;
  }
}
.profile-user__ads .poster-list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 768px) {
  .profile-user__ads .poster-list {
    gap: 1.25rem;
  }
}
.profile-user__ads .poster-list[data-panelAds] {
  display: none;
}
.profile-user__ads .poster-list[data-panelAds].active {
  display: flex;
  animation: fade-up 0.3s ease-in-out;
}

.promo-card {
  display: flex;
  gap: 1.875rem;
  padding-bottom: 1.5625rem;
  border-bottom: 0.0625rem solid #efeaea;
}
@media (max-width: 768px) {
  .promo-card {
    position: relative;
    flex-direction: column;
    gap: 0.625rem;
  }
}
.promo-card:hover .promo-card__title h2 {
  color: var(--accent);
}
.promo-card:hover .promo-card__image img {
  transform: scale(1.05);
}
.promo-card__image {
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .promo-card__image {
    margin-bottom: 0.75rem;
    order: 4;
  }
}
.promo-card__image-wrap {
  overflow: hidden;
  aspect-ratio: 24/18;
  width: 15rem;
  border-radius: 0.3125rem;
}
@media (max-width: 768px) {
  .promo-card__image-wrap {
    width: 100%;
  }
}
.promo-card__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.promo-card__title {
  display: inline-flex;
  align-items: baseline;
  gap: 1.25rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .promo-card__title {
    flex-direction: column;
    gap: 0;
    padding-right: 6.25rem;
    margin-bottom: 0;
    order: 1;
  }
}
.promo-card__title h2 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: color 0.3s ease-in-out;
}
.promo-card__title span {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #3d3d3d;
  opacity: 0.5;
}
.promo-card__description {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #3d3d3d;
  margin-bottom: 0.9375rem;
}
@media (max-width: 768px) {
  .promo-card__description {
    opacity: 0.5;
    order: 6;
  }
}
.promo-card__price {
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .promo-card__price {
    margin-bottom: 0.9375rem;
    order: 2;
  }
}
.promo-card__price strong {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 120%;
  color: var(--black);
  margin-right: 0.4375rem;
}
.promo-card__price small {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  color: #b1b1b1;
}
.promo-card__main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .promo-card__main {
    display: contents;
  }
}
.promo-card__info {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .promo-card__info {
    display: contents;
  }
}
.promo-card__info-counters {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .promo-card__info-counters {
    position: absolute;
    top: 0;
    right: 0;
    order: 2;
  }
}
.promo-card__info-counters .counter-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.9375rem;
}
.promo-card__info-counters .counter-item span {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  text-align: right;
  color: #1a1a1a;
}
.promo-card__info-counters .counter-item .icon--views {
  width: 1.25rem;
  height: 0.75rem;
}
.promo-card__info-counters .counter-item .icon--called {
  width: 1.25rem;
  height: 0.8125rem;
}
.promo-card__info-counters .counter-item .icon--liked {
  width: 1.25rem;
  height: 0.8125rem;
}
.promo-card__info-content {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .promo-card__info-content {
    display: contents;
  }
}
.promo-card__status {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 0.9375rem;
}
@media (max-width: 768px) {
  .promo-card__status {
    position: relative;
    left: 0.5625rem;
    margin-bottom: -2.9375rem;
    order: 3;
    z-index: 2;
  }
}
.promo-card__status.active .status-label {
  background: #45c34e;
}
.promo-card__status.active .status-description {
  color: #45c34e;
}
.promo-card__status.inactive-pause .status-label {
  background: var(--accent);
}
.promo-card__status.inactive-pause .status-description {
  color: var(--accent);
}
.promo-card__status.inactive-review .status-label {
  background: #ffb042;
}
.promo-card__status.inactive-review .status-description {
  color: #ffb042;
}
.promo-card__status .status-label {
  border-radius: 0.3125rem;
  min-height: 1.625rem;
  padding-inline: 0.625rem;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 120%;
  color: #fff;
}
.promo-card__status .status-description {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: var(--dark);
}
@media (max-width: 768px) {
  .promo-card__status .status-description {
    display: none;
  }
}
.promo-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .promo-card__footer {
    flex-direction: column;
    align-items: start;
    gap: 0.625rem;
  }
}
@media (max-width: 768px) {
  .promo-card__footer {
    display: contents;
  }
}
.promo-card__footer-meta {
  display: inline-flex;
  align-items: center;
  gap: 1.5625rem;
}
@media (max-width: 1200px) {
  .promo-card__footer-meta {
    order: 12;
  }
}
.promo-card__footer-meta .meta-timeago {
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #3d3d3d;
  opacity: 0.5;
}
.promo-card__footer-meta .meta-location {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  transition: all 0.3s ease-in-out;
}
.promo-card__footer-meta .meta-location:hover {
  opacity: 0.75;
}
.promo-card__footer-meta .meta-location_name {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: var(--black);
}
.promo-card__footer-meta .icon--map-pin {
  width: 0.875rem;
  height: 1.125rem;
}
.promo-card__footer-buttons {
  display: inline-flex;
  align-items: center;
  gap: 1.875rem;
}
@media (max-width: 1200px) {
  .promo-card__footer-buttons {
    order: 11;
  }
}
@media (max-width: 768px) {
  .promo-card__footer-buttons {
    justify-content: space-between;
    gap: 0.625rem;
    font-size: 0.9375rem;
  }
}
.promo-card__footer .btn-ads {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.promo-card__footer .btn-ads:hover span {
  color: var(--accent);
}
.promo-card__footer .btn-ads span {
  display: block;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.promo-card__footer .btn-ads .icon {
  display: block;
  margin-bottom: 0.125rem;
}
.promo-card__footer .btn-ads .icon--promote {
  width: 0.875rem;
  height: 0.75rem;
}
.promo-card__footer .btn-ads .icon--edit {
  width: 0.875rem;
  height: 0.875rem;
}
.promo-card__footer .btn-ads .icon--pause {
  width: 0.875rem;
  height: 0.875rem;
}
.promo-card__footer .btn-ads .icon--delete {
  width: 0.875rem;
  height: 0.875rem;
}
.promo-card__footer .btn-ads .icon--play {
  width: 0.75rem;
  height: 0.875rem;
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE ASIDE
 ------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 992px) {
  .profile-aside {
    position: relative;
    margin: 0 -0.9375rem;
    padding: 0 0.9375rem 1.25rem;
    width: calc(100% + 30px);
    border-bottom: 1px solid #efeaea;
  }
}
.profile-aside__btn {
  border-radius: 50%;
  background-color: #f4f4f4;
  border: 1px solid #b1b1b1;
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease-in-out;
}
.profile-aside__btn span {
  font-weight: 500;
  font-size: 1.25rem;
  color: #1a1a1a;
}
.profile-aside__btn:hover {
  border: 0.0625rem solid var(--accent);
}
.profile-aside__avatar {
  aspect-ratio: 1/1;
  width: 8.75rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 0.9375rem;
}
@media (max-width: 992px) {
  .profile-aside__avatar {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 5.3125rem;
  }
}
.profile-aside__avatar img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.profile-aside__name {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 120%;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
  width: 100%;
}
@media (max-width: 992px) {
  .profile-aside__name {
    margin: 0;
    width: 100%;
  }
}
.profile-aside__name svg {
  width: 1.375rem;
  height: 1.375rem;
}
.profile-aside__body {
  width: 100%;
}
@media (max-width: 992px) {
  .profile-aside__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.625rem;
    padding-left: 5.9375rem;
    height: 5.3125rem;
  }
}
.profile-aside__body::-webkit-scrollbar {
  inline-size: 0rem;
  background-color: var(--scrollbar);
}
.profile-aside__body:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0.9375rem;
  transform: translateY(-100%);
  width: 1.375rem;
  height: 0.625rem;
  background-image: url("../icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
@media (max-width: 992px) {
  .profile-aside__body:before {
    display: none;
  }
}
.profile-aside__rating {
  margin-bottom: 1.875rem;
}
@media (max-width: 992px) {
  .profile-aside__rating {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .profile-aside__menu {
    display: none;
  }
}
.profile-aside__group {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.profile-aside__group .profile-group-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  cursor: pointer;
  transition: 0.3s;
}
.profile-aside__group .profile-group-item.active {
  margin-bottom: 0.9375rem;
}
.profile-aside__group .profile-group-item.active svg, .profile-aside__group .profile-group-item:hover svg {
  stroke: var(--accent);
}
.profile-aside__group .profile-group-item.active svg.icon--profile, .profile-aside__group .profile-group-item:hover svg.icon--profile {
  stroke: none;
  fill: var(--accent);
}
.profile-aside__group .profile-group-item.active svg.icon--bussines, .profile-aside__group .profile-group-item:hover svg.icon--bussines {
  fill: var(--accent);
}
.profile-aside__group .profile-group-item.active .profile-group-text, .profile-aside__group .profile-group-item:hover .profile-group-text {
  color: var(--accent);
}
.profile-aside__group .profile-group-item svg {
  stroke: #b1b1b1;
  stroke-width: 1.8px;
  transition: all 0.3s ease-in-out;
}
.profile-aside__group .profile-group-item svg.icon--profile,
.profile-aside__group .profile-group-item svg.icon--referral {
  fill: #b1b1b1;
  stroke: none;
  stroke-width: none;
}
.profile-aside__group .profile-group-item svg.icon--bussines {
  fill: #b1b1b1;
  stroke-width: 0.1px;
}
.profile-aside__group .profile-group-item svg.icon--profile {
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.1875rem;
}
.profile-aside__group .profile-group-item svg.icon--wallet {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.1875rem;
}
.profile-aside__group .profile-group-item svg.icon--ads {
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
}
.profile-aside__group .profile-group-item svg.icon--bussines {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
}
.profile-aside__group .profile-group-item svg.icon--orders {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
}
.profile-aside__group .profile-group-item svg.icon--wallet {
  width: 1.0625rem;
  min-width: 1.0625rem;
  height: 1.25rem;
}
.profile-aside__group .profile-group-item svg.icon--messages {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: 1.1875rem;
}
.profile-aside__group .profile-group-item svg.icon--favourite {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: 1.0625rem;
}
.profile-aside__group .profile-group-item svg.icon--reviews {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: 1.1875rem;
}
.profile-aside__group .profile-group-item svg.icon--referral {
  width: 1.3125rem;
  min-width: 1.3125rem;
  height: 1.1875rem;
}
.profile-aside__group .profile-group-item svg.icon--settings {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: 1.125rem;
}
.profile-aside__group .profile-group-item svg.icon--logout {
  width: 1.1875rem;
  min-width: 1.1875rem;
  height: 1.1875rem;
}
.profile-aside__group .profile-group-item svg.icon--down-think {
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.5rem;
  stroke-width: 1px;
}
.profile-aside__group .profile-group-icon {
  display: block;
  margin-bottom: 0.125rem;
}
.profile-aside__group .profile-group-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.profile-aside__group .profile-group-badge {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  text-align: right;
  text-wrap: nowrap;
  color: #b1b1b1;
}
.profile-aside__group .profile-group-badge.accent {
  border-radius: 0.125rem;
  width: 1.375rem;
  min-width: 1.375rem;
  height: 1.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.875rem;
  color: #fff;
  padding-top: 0.0625rem;
  background: var(--accent);
}
.profile-aside__group .profile-group-list {
  padding-left: 1.875rem;
  padding-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.profile-aside__group .profile-group-list.active {
  opacity: 1;
  visibility: visible;
}
.profile-aside__group .profile-group-list li,
.profile-aside__group .profile-group-list li a {
  font-size: 0.9375rem;
  color: #605f5f;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.profile-aside__group .profile-group-list li:hover,
.profile-aside__group .profile-group-list li a:hover {
  color: var(--accent);
}
.profile-aside__group .profile-group-list li:hover a,
.profile-aside__group .profile-group-list li a:hover a {
  color: var(--accent);
}
.profile-aside__separator {
  height: 0.0625rem;
  background-color: var(--border);
  margin: 1.1875rem 0;
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE CONVERSATIONS SIDEBAR STYLES
 ------------------------------------------------------------------------------------------------------------------*/
.conversations {
  border: 1px solid #efeaea;
  border-radius: 0.625rem;
  width: 100%;
}
.conversations-header {
  padding-block: 1.5625rem;
  padding-inline: 1.875rem;
  border-bottom: 1px solid #efeaea;
}
.conversations-header__title {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 120%;
  color: #1a1a1a;
}
.conversations-list {
  position: relative;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.conversations-list .scroll-arrow-up {
  top: 0.3125rem;
}
.conversations-list .scroll-arrow-down {
  bottom: 0.3125rem;
}
.conversations-list .scroll-arrow-down,
.conversations-list .scroll-arrow-up {
  position: absolute;
  right: 0.125rem;
  width: 0.375rem;
  height: 0.3125rem;
  cursor: pointer;
  user-select: none;
}
.conversations-list .scroll-arrow-down svg,
.conversations-list .scroll-arrow-up svg {
  position: absolute;
  top: 0;
  left: 0;
  fill: #efeaea;
  width: 0.375rem;
  height: 0.3125rem;
  transition: all 0.3s ease-in-out;
}
.conversations-list .scroll-arrow-down:hover svg,
.conversations-list .scroll-arrow-up:hover svg {
  fill: var(--accent);
}
.conversations-list__scroll {
  display: flex;
  flex-direction: column;
}
.conversations-card {
  display: flex;
  gap: 0.9375rem;
  padding-left: 1.625rem;
  border-radius: 0 0.3125rem 0.3125rem 0;
  padding-block: 1.25rem;
  border-left: 0.25rem solid transparent;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.conversations-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}
.conversations-card__name {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
}
.conversations-card__date {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  text-align: right;
  color: #b1b1b1;
  padding-right: 1.25rem;
}
.conversations-card__subject {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 0.625rem;
}
.conversations-card__excerpt {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #6c6c6c;
}
.conversations-card__start {
  width: 100%;
  max-width: 6.25rem;
}
.conversations-card__end {
  position: relative;
  flex-grow: 1;
}
.conversations-card__end:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1.25rem;
  width: 100%;
  height: 0.0625rem;
  border-bottom: 0.0625rem solid #efeaea;
}
.conversations-card:last-child .conversations-card__end:after {
  content: none;
}
.conversations-card__image {
  width: inherit;
  aspect-ratio: 10/8;
  position: relative;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.conversations-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.conversations-card.without-border .conversations-card__end:after {
  border-bottom: 0.0625rem solid transparent;
}
.conversations-card.active {
  background-color: rgba(230, 0, 0, 0.05) !important;
  border-left: 0.25rem solid rgb(230, 0, 0) !important;
}
.conversations-card.active .conversations-card__end:after {
  border-bottom: 0.0625rem solid transparent;
}
.conversations-card:hover {
  background-color: rgba(230, 0, 0, 0.01);
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE LAYOUT
 ------------------------------------------------------------------------------------------------------------------*/
.profile-layout {
  display: flex;
  gap: 2.5rem;
  width: 100%;
}
@media (max-width: 1200px) {
  .profile-layout {
    gap: 1.875rem;
  }
}
@media (max-width: 992px) {
  .profile-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
@media (max-width: 576px) {
  .profile-layout {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.profile-layout__aside {
  width: 18.125rem;
}
@media (max-width: 1200px) {
  .profile-layout__aside {
    width: 13.75rem;
  }
}
@media (max-width: 992px) {
  .profile-layout__aside {
    width: 100%;
  }
}
.profile-layout__conversations {
  width: 25rem;
  flex-shrink: 0;
}
.profile-layout__content {
  width: calc(100% - 18.125rem);
}
@media (max-width: 1200px) {
  .profile-layout__content {
    width: calc(100% - 13.75rem);
  }
}
@media (max-width: 992px) {
  .profile-layout__content {
    width: 100%;
  }
}
.profile-layout__content:has(.swiper) {
  position: relative;
  overflow: hidden;
}
.profile-layout__content-tit {
  margin-bottom: 0.4375rem;
}
.profile-layout__content-desc {
  margin: 0;
  font-size: 0.9375rem;
  color: #B1B1B1;
}

@media (max-width: 992px) {
  .wrapper:has(.messenger-full) .profile-layout__aside {
    display: none;
  }
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE MESSENGER STYLES
 ------------------------------------------------------------------------------------------------------------------*/
.messenger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #efeaea;
  border-radius: 0.625rem;
  /*---------------------------------------------------------------- Messager header -----------------------------------------------*/
  /*---------------------------------------------------------------- Messager list -----------------------------------------------*/
  /*---------------------------------------------------------------- Messager footer -----------------------------------------------*/
  /*---------------------------------------------------------------- Attach media files for message -----------------------------------------------*/
  /*---------------------------------------------------------------- If messager is an empty -----------------------------------------------*/
}
@media (max-width: 992px) {
  .messenger {
    border: none;
    border-radius: 0;
  }
}
.messenger-full {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 70vh;
}
.messenger__header {
  flex-shrink: 1;
}
.messenger__header-top, .messenger__header-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 1.875rem;
  border-bottom: 0.0625rem solid #efeaea;
}
@media (max-width: 992px) {
  .messenger__header-top, .messenger__header-bottom {
    padding-inline: 0.9375rem;
  }
}
.messenger__header-back-btn:hover svg {
  fill: var(--accent);
}
.messenger__header-back-btn svg {
  fill: #b1b1b1;
  width: 0.6875rem;
  height: 1.25rem;
  transition: all 0.3s ease-in-out;
}
.messenger__header-options-list {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.messenger__header-options-item {
  position: relative;
  cursor: pointer;
}
.messenger__header-options-item:hover .messenger__header-options-dropdown {
  visibility: visible;
  opacity: 1;
  z-index: 100;
}
.messenger__header-options-item:hover svg {
  fill: var(--accent);
}
.messenger__header-options-item svg {
  fill: #b1b1b1;
  width: 1.5rem;
  height: 0.375rem;
  transition: all 0.3s ease-in-out;
}
.messenger__header-options-dropdown {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  display: flex;
  transition: all 0.3s ease-in-out 0.3s;
  position: absolute;
  top: calc(100% + 0.9375rem);
  right: -0.75rem;
  min-width: 10.1875rem;
  background-color: #fff;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.625rem;
  padding: 1.25rem;
  flex-direction: column;
  gap: 0.9375rem;
}
.messenger__header-options-dropdown li,
.messenger__header-options-dropdown li a,
.messenger__header-options-dropdown li button {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.messenger__header-options-dropdown li:hover,
.messenger__header-options-dropdown li a:hover,
.messenger__header-options-dropdown li button:hover {
  color: var(--accent);
}
.messenger__header-options-dropdown:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0.9375rem;
  transform: translateY(-100%);
  width: 1.375rem;
  height: 0.625rem;
  background-image: url("../icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.messenger__header-top {
  min-height: 4.5rem;
}
.messenger__header-bottom {
  min-height: 5rem;
}
.messenger__header-column {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.messenger__header-column .btn-gray {
  min-height: 2rem;
  font-size: 0.875rem;
  padding-inline: 0.9375rem;
}
.messenger__header-column .column-group {
  min-width: 5rem;
  display: flex;
  justify-content: space-between;
}
.messenger__header-user-link {
  display: inline-flex;
  align-items: center;
  gap: 0.9375rem;
}
.messenger__header .user-link-avatar {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 2.75rem;
}
.messenger__header .user-link-avatar img {
  aspect-ratio: 1/1;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.messenger__header .user-link-title {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}
.messenger__header .user-link-title:hover .user-link-title-name {
  color: var(--accent);
}
.messenger__header .user-link-title-name {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.messenger__header .user-link-title-status {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #3d3d3d;
  opacity: 0.5;
}
.messenger__header-ad-subject {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  flex-shrink: 0;
}
.messenger__header-ad-subject .ad-subject__image {
  aspect-ratio: 8/6;
  overflow: hidden;
  width: 5rem;
  border-radius: 0.3125rem;
}
.messenger__header-ad-subject .ad-subject__image img {
  aspect-ratio: 8/6;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.messenger__header-ad-subject .ad-subject__title {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}
.messenger__header-ad-subject .ad-subject__title-name {
  font-weight: 500;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 0.3125rem;
}
.messenger__header-ad-subject .ad-subject__title-price {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #1a1a1a;
}
.messenger-attach-previews {
  padding-inline: 1.875rem;
}
.messenger-attach-warning {
  padding-inline: 1.875rem;
}
.messenger__list {
  flex-grow: 1;
  padding-inline: 1.875rem;
  padding-top: 1.875rem;
  overflow-y: auto;
}
@media (max-width: 992px) {
  .messenger__list {
    padding-inline: 0.9375rem;
  }
}
.messenger__list::-webkit-scrollbar {
  inline-size: 0.375rem;
  background-color: transparent;
}
.messenger__list::-webkit-scrollbar-track {
  border-radius: 0.625rem;
  background: #efeaea;
}
.messenger__list::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  border: 0 none #fff;
  background-color: rgb(238, 0, 0);
  cursor: pointer;
}
@media (any-hover: hover) {
  .messenger__list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(238, 0, 0, 0.5);
  }
}
.messenger__list-separator {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #000;
  opacity: 0.45;
  width: 100%;
  text-align: center;
  padding-top: 2.5rem;
  padding-bottom: 1.5625rem;
}
.messenger__list-seller-message {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  margin-bottom: 0.625rem;
}
.messenger__list-seller-message .seller-avatar {
  aspect-ratio: 1/1;
  overflow: hidden;
  width: 2.75rem;
}
.messenger__list-seller-message .seller-avatar img {
  aspect-ratio: 1/1;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.messenger__list-seller-message .seller-tile {
  position: relative;
  padding: 0.6875rem 0.9375rem 0.6875rem 0.9375rem;
  border-radius: 0.3125rem;
  min-height: 2.75rem;
  background: #f8f8f8;
  padding-right: 4.0625rem;
}
.messenger__list-seller-message .seller-tile__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
}
.messenger__list-seller-message .seller-tile__date {
  position: absolute;
  bottom: 0.375rem;
  right: 0.4375rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 120%;
  color: #000;
  opacity: 0.5;
}
.messenger__list-user-message {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  margin-bottom: 0.625rem;
}
.messenger__list-user-message .user-tile {
  position: relative;
  padding: 0.6875rem 0.9375rem 0.6875rem 0.9375rem;
  border-radius: 0.3125rem;
  min-height: 2.75rem;
  background: #3d3d3d;
  padding-right: 4.0625rem;
  cursor: pointer;
}
.messenger__list-user-message .user-tile:hover .user-tile__options {
  visibility: visible;
  opacity: 1;
}
.messenger__list-user-message .user-tile__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #ffffff;
}
.messenger__list-user-message .user-tile__date {
  position: absolute;
  bottom: 0.375rem;
  right: 0.4375rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 120%;
  color: #fff;
  opacity: 0.5;
}
.messenger__list-user-message .user-tile__options {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out 0.3s;
  position: absolute;
  top: 50%;
  left: -2.5rem;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
}
.messenger__list-user-message .user-tile__options:hover {
  z-index: 100;
}
.messenger__list-user-message .user-tile__options:hover .user-tile__options-dropdown {
  visibility: visible;
  opacity: 1;
}
.messenger__list-user-message .user-tile__options:hover svg {
  fill: var(--accent);
}
.messenger__list-user-message .user-tile__options svg {
  fill: #b1b1b1;
  width: 1.5rem;
  height: 0.375rem;
  transition: all 0.3s ease-in-out;
}
.messenger__list-user-message .user-tile__options-dropdown {
  visibility: hidden;
  opacity: 0;
  display: flex;
  transition: all 0.3s ease-in-out 0.3s;
  position: absolute;
  top: calc(100% + 0.9375rem);
  right: -0.75rem;
  min-width: 10.1875rem;
  background-color: #fff;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.06);
  border-radius: 0.625rem;
  padding: 1.25rem;
  flex-direction: column;
  gap: 0.9375rem;
}
.messenger__list-user-message .user-tile__options-dropdown li,
.messenger__list-user-message .user-tile__options-dropdown li a,
.messenger__list-user-message .user-tile__options-dropdown li button {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.messenger__list-user-message .user-tile__options-dropdown li:hover,
.messenger__list-user-message .user-tile__options-dropdown li a:hover,
.messenger__list-user-message .user-tile__options-dropdown li button:hover {
  color: var(--accent);
}
.messenger__list-user-message .user-tile__options-dropdown:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0.9375rem;
  transform: translateY(-100%);
  width: 1.375rem;
  height: 0.625rem;
  background-image: url("../icons/polygon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
.messenger__footer {
  flex-shrink: 0;
  border-top: 0.0625rem solid #efeaea;
  min-height: 5rem;
  display: flex;
  align-items: center;
  padding-inline: 1.875rem;
}
@media (max-width: 992px) {
  .messenger__footer {
    padding-inline: 0.9375rem;
  }
}
.messenger__footer form {
  width: 100%;
}
.messenger__footer-row {
  display: flex;
  gap: 1.875rem;
  align-items: center;
  width: 100%;
}
.messenger__footer .messenger-field {
  flex-grow: 1;
}
.messenger__footer .messenger-field__input {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #1a1a1a;
  width: 100%;
}
.messenger__footer .messenger-field__input::placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 120%;
  color: #b1b1b1;
}
.messenger__footer .messenger-button-attach {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messenger__footer .messenger-button-attach:hover svg {
  stroke: var(--accent);
}
.messenger__footer .messenger-button-attach svg {
  stroke: #b1b1b1;
  stroke-width: 0.125rem;
  width: 1.375rem;
  height: 1.6875rem;
  transition: all 0.3s ease-in-out;
}
.messenger__footer .messenger-button-send {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messenger__footer .messenger-button-send:hover svg {
  transform: scale(1.25);
  opacity: 0.75;
}
.messenger__footer .messenger-button-send svg {
  fill: var(--accent);
  width: 1.1875rem;
  height: 1.1875rem;
  transition: all 0.3s ease-in-out;
}
.messenger .mediaload-previews {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.messenger .mediaload-previews__item {
  position: relative;
  aspect-ratio: 4/3;
  width: 10%;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .messenger .mediaload-previews__item {
    width: 20%;
  }
}
@media (max-width: 576px) {
  .messenger .mediaload-previews__item {
    width: 33.33%;
  }
}
.messenger .mediaload-previews__item-delete {
  position: absolute;
  top: 0.25rem;
  right: 0.5rem;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.messenger .mediaload-previews__item-delete:hover {
  border-color: var(--accent);
}
.messenger .mediaload-previews__item-delete:hover svg {
  fill: var(--accent);
}
.messenger .mediaload-previews__item-delete svg {
  fill: rgba(0, 0, 0, 0.45);
  width: 0.375rem;
  height: 0.375rem;
  transition: all 0.3s ease-in-out;
}
.messenger .mediaload-previews img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  border: 0.0625rem dashed #ccc;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.messenger .mediaload-warning {
  margin-bottom: 0.9375rem;
}
.messenger .mediaload-warning.hidden {
  display: none;
}
.messenger .mediaload-warning__inner {
  background: rgba(230, 0, 0, 0.07);
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  color: #3d3d3d;
  border-radius: 0.3125rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  padding-inline: 1.25rem;
  min-height: 3.125rem;
}
.messenger-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 70vh;
}
.messenger-empty__image {
  aspect-ratio: 288/107;
  overflow: hidden;
  width: 18rem;
  margin-bottom: 1.25rem;
}
.messenger-empty__image img {
  aspect-ratio: 288/107;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.messenger-empty__title {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 120%;
  text-align: center;
  color: #1a1a1a;
  margin-bottom: 0.3125rem;
}
.messenger-empty__description {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 120%;
  text-align: center;
  color: #b1b1b1;
}

[data-panelFull] {
  display: none;
}
[data-panelFull].active {
  display: flex;
  animation: fade-up 0.3s ease-in-out;
}

.modal .messenger {
  height: 100vh;
  height: 100dvh;
  border: 0;
  border-radius: 0;
}
.modal .messenger__header-top {
  padding-right: 4.375rem;
}
@media (max-width: 992px) {
  .modal .messenger__header-top {
    padding-left: 0.9375rem;
    padding-right: 3.125rem;
  }
}
@media (max-width: 576px) {
  .modal .messenger__header-bottom {
    flex-direction: column;
    align-items: start;
    gap: 0.625rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.profile-tariffs-form {
  padding-top: 1.4375rem;
  width: 100%;
}
.profile-tariffs-form .swiper {
  margin-right: 6.25rem;
}
@media (max-width: 1200px) {
  .profile-tariffs-form .swiper {
    margin-right: 5rem;
  }
}
@media (max-width: 768px) {
  .profile-tariffs-form .swiper {
    margin-right: 0;
    padding-bottom: 1.25rem;
  }
}
.profile-tariffs-form .profile-tariffs__item {
  display: flex;
  padding: 1.875rem;
  height: auto;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.625rem;
}
.profile-tariffs-form .profile-tariffs__item.active {
  background-color: #ffffff;
  border: 0.0625rem solid var(--accent) !important;
}
@media (max-width: 1200px) {
  .profile-tariffs-form .profile-tariffs__item {
    padding: 1.25rem;
  }
}
.profile-tariffs-form .profile-tariffs__item-label {
  position: absolute;
  top: 0.5625rem;
  right: 0.5625rem;
  padding: 0.375rem 0.625rem 0.25rem;
  background: #dff2de;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
.profile-tariffs-form .profile-tariffs__item-content {
  display: flex;
  flex-direction: column;
  height: auto;
}
.profile-tariffs-form .profile-tariffs__item-content h5 {
  margin-bottom: 0.625rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
.profile-tariffs-form .profile-tariffs__item-content p {
  font-size: 0.9375rem;
  color: #767676;
}
.profile-tariffs-form .profile-tariffs__item-prices {
  display: flex;
  align-items: end;
  margin: auto 0 0;
  width: 100%;
}
.profile-tariffs-form .profile-tariffs__item-prices-old {
  margin-right: 0.9375rem;
  font-size: 1.375rem;
  color: var(--accent);
  text-decoration: line-through;
  text-wrap: nowrap;
  line-height: 1rem;
}
@media (max-width: 1200px) {
  .profile-tariffs-form .profile-tariffs__item-prices-old {
    margin-right: 0.625rem;
    font-size: 1.25rem;
  }
}
.profile-tariffs-form .profile-tariffs__item-prices-new {
  font-size: 1.625rem;
  font-weight: 500;
  text-wrap: nowrap;
  line-height: 1.125rem;
}
@media (max-width: 1200px) {
  .profile-tariffs-form .profile-tariffs__item-prices-new {
    font-size: 1.5rem;
  }
}
.profile-tariffs-form .profile-tariffs__item-prices-txt {
  display: block;
  margin-left: auto;
  font-size: 1rem;
  line-height: 0.875rem;
}
.profile-tariffs-form .profile-tariffs__items {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  margin: 1.9375rem 0 1.875rem;
  font-size: 1rem;
  line-height: 1.2;
  color: #000;
}
.profile-tariffs-form .profile-tariffs__items span {
  position: relative;
  display: block;
  margin: 0;
  padding-left: 2rem;
  font-weight: 400;
}
.profile-tariffs-form .profile-tariffs__items span:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  background: center center url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.599609 3.29998L2.39961 5.09998L6.89961 0.599976' stroke='%2345C34E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ") no-repeat;
  background-size: 0.5rem 0.375rem;
  border: 0.0625rem solid #45C34E;
  border-radius: 50%;
  content: "";
}
.profile-tariffs-form .profile-tariffs__items small {
  display: block;
  margin-top: 0.3125rem;
  font-size: 0.8125rem;
  color: #767676;
}
.profile-tariffs-form .swiper-pagination {
  display: none;
}
@media (max-width: 768px) {
  .profile-tariffs-form .swiper-pagination {
    bottom: 0;
    display: block;
  }
}
.profile-tariffs-form .swiper-button-next {
  bottom: none;
  left: none;
  transform: translate(0, 0);
  top: 42%;
  display: block;
  background-color: #f8f8f8;
  background-image: none !important;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  margin: 0 !important;
  opacity: 1;
  padding: 1.875rem;
}
.profile-tariffs-form .swiper-button-next svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 0.875rem;
  color: var(--black);
}
@media (max-width: 768px) {
  .profile-tariffs-form .swiper-button-next {
    display: none;
  }
}
.profile-tariffs-form .swiper-button-next:after {
  content: "";
}
.profile-tariffs-form .swiper-button-next:hover {
  background-color: #c5c4c4;
}
.profile-tariffs-form .profile-tariffs-action-payment {
  min-width: 10rem;
}

.choose-payment-list {
  display: flex;
  gap: 1.25rem;
  padding: 1.875rem 3.125rem;
}
@media (max-width: 768px) {
  .choose-payment-list {
    padding: 1.25rem;
  }
}
@media (max-width: 576px) {
  .choose-payment-list {
    flex-direction: column;
  }
}
.choose-payment-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.5rem 2.4375rem;
  width: 50%;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #3D3D3D;
}
@media (max-width: 768px) {
  .choose-payment-list__item {
    padding: 1.25rem;
  }
}
@media (max-width: 576px) {
  .choose-payment-list__item {
    width: 100%;
  }
}
.choose-payment-list__item:has(input:checked) {
  border-color: var(--accent);
}
.choose-payment-list__item input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.choose-payment-list__item-tit {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  color: var(--black);
}

.input-file {
  position: relative;
  width: fit-content;
}
.input-file__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.input-file .btn {
  display: block;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  min-width: 5.625rem;
}

.promotion-desc {
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #B1B1B1;
}

.ad-paid-services-list {
  margin: 0;
}
.ad-paid-services-list-item {
  position: relative;
  display: flex;
  gap: 2.8125rem;
  margin: 0;
  padding: 0.8125rem;
  border: 0.0625rem solid #EFEAEA;
  border-radius: 0.625rem;
}
@media (max-width: 992px) {
  .ad-paid-services-list-item {
    gap: 1.875rem;
  }
}
@media (max-width: 768px) {
  .ad-paid-services-list-item {
    gap: 1.25rem;
  }
  .ad-paid-services-list-item:not(:has(.ad-paid-services-list-item-recommended)) .ad-paid-services-list-item-content {
    padding-top: 0;
  }
}
@media (max-width: 576px) {
  .ad-paid-services-list-item {
    flex-direction: column;
  }
  .ad-paid-services-list-item:has(.ad-paid-services-list-item-recommended) {
    padding-top: 1.875rem;
  }
}
.ad-paid-services-list-item:not(:last-child) {
  margin: 0;
}
.ad-paid-services-list-item.active, .ad-paid-services-list-item:hover {
  background: transparent;
  border-color: var(--accent);
}
.ad-paid-services-list-item-recommended {
  position: absolute;
  top: 0.8125rem;
  left: auto;
  right: 0.8125rem;
  padding: 0.375rem 0.625rem;
  background: #dff2de;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--black);
  z-index: 2;
}
@media (max-width: 576px) {
  .ad-paid-services-list-item-recommended {
    top: 0rem;
    right: 0rem;
  }
}
.ad-paid-services-list-item-image {
  position: relative;
  width: 13.75rem;
  min-width: 13.75rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .ad-paid-services-list-item-image {
    width: 11.875rem;
    min-width: 11.875rem;
  }
}
@media (max-width: 576px) {
  .ad-paid-services-list-item-image {
    width: 100%;
    min-width: 100%;
  }
}
.ad-paid-services-list-item-image img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.75;
  object-fit: cover;
  border-radius: 0.3125rem;
}
.ad-paid-services-list-item-image-price {
  position: absolute;
  bottom: 0.3125rem;
  right: 0.3125rem;
  padding: 0.4375rem 0.625rem 0.3125rem;
  background: #F7C74D;
  border-radius: 0.3125rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  color: var(--black);
}
.ad-paid-services-list-item-image--type-pac {
  padding-bottom: 2.5rem;
  background: #fdf7e6;
  border-radius: 0.3125rem;
}
.ad-paid-services-list-item-image--type-pac:after, .ad-paid-services-list-item-image--type-pac:before {
  position: absolute;
  left: 0.625rem;
  display: block;
  height: 0.3125rem;
  background: #EBDFBF;
  border-radius: 0.1875rem;
  content: "";
}
.ad-paid-services-list-item-image--type-pac:after {
  bottom: 0.75rem;
  width: 31%;
}
.ad-paid-services-list-item-image--type-pac:before {
  bottom: 1.4375rem;
  width: 45%;
}
.ad-paid-services-list-item-image--type-pac img {
  aspect-ratio: 1/0.57;
}
.ad-paid-services-list-item-image--select-price {
  padding-bottom: 2.5rem;
}
.ad-paid-services-list-item-image--select-price:after, .ad-paid-services-list-item-image--select-price:before {
  position: absolute;
  left: 0.625rem;
  display: block;
  height: 0.3125rem;
  background: #E8E8E8;
  border-radius: 0.1875rem;
  content: "";
}
.ad-paid-services-list-item-image--select-price:after {
  bottom: 0.75rem;
  width: 31%;
}
.ad-paid-services-list-item-image--select-price:before {
  bottom: 1.4375rem;
  width: 45%;
}
.ad-paid-services-list-item-image--select-price img {
  aspect-ratio: 1/0.57;
}
.ad-paid-services-list-item-image--select-price .ad-paid-services-list-item-image-price {
  bottom: 0;
  right: 0;
}
.ad-paid-services-list-item-image--select-color {
  padding: 0.9375rem;
  background: #fdf7e6;
  border-radius: 0.3125rem;
}
.ad-paid-services-list-item-image--storis img {
  border-radius: 0.6875rem;
}
.ad-paid-services-list-item-image--storis:before {
  position: absolute;
  top: -0.0625rem;
  left: 0;
  display: block;
  width: calc(100% + 0.125rem);
  height: calc(100% + 0.125rem);
  background: 0 0 url("../icons/promo-img-bg.svg") no-repeat;
  background-size: contain;
  border-radius: 0.625rem;
  overflow: hidden;
  content: "";
  z-index: 2;
}
.ad-paid-services-list-item-labels {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  display: flex;
  gap: 0.625rem;
  z-index: 2;
}
.ad-paid-services-list-item-content {
  padding: 1.5625rem 0 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #3D3D3D;
}
.ad-paid-services-list-item-content h5 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: var(--black);
}
@media (max-width: 576px) {
  .ad-paid-services-list-item-content {
    padding-top: 0;
  }
}
.ad-paid-services-list-item-foot {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .ad-paid-services-list-item-foot {
    margin-top: 0.625rem;
  }
}
.ad-paid-services-list-item-price {
  display: flex;
  align-items: end;
  gap: 0.625rem;
}
.ad-paid-services-list-item-price-now {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1rem;
  text-wrap: nowrap;
}
.ad-paid-services-list-item-price-old {
  font-size: 1rem;
  color: var(--accent);
  line-height: 0.8125rem;
  text-wrap: nowrap;
}
.ad-paid-services-list-item .quantity_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-width: 0.0625rem;
  border-radius: 0.3125rem;
}
.ad-paid-services-list-item .quantity_inner .quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 4.1875rem;
  font-size: 0.875rem;
}
.ad-paid-services-list-item .quantity_inner .bt_minus,
.ad-paid-services-list-item .quantity_inner .bt_plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 2.375rem;
}
.ad-paid-services-list-item .quantity_inner .bt_minus svg,
.ad-paid-services-list-item .quantity_inner .bt_plus svg {
  display: block;
  width: 0.625rem;
  stroke-width: 0;
  transition: 0.5s;
  margin: 0;
}
.ad-paid-services-list-item .quantity_inner .bt_minus svg {
  height: 0.125rem;
}
.ad-paid-services-list-item .quantity_inner .bt_plus svg {
  height: 0.625rem;
}

.ad-paid-services-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.promotion-foot {
  position: sticky;
  bottom: 0;
  padding: 1.25rem 0;
  background: #fff;
  border-top: 0.0625rem solid #EFEAEA;
  z-index: 4;
}
@media (max-width: 992px) {
  .promotion-foot {
    bottom: 4.625rem;
  }
}
.promotion-foot__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
.promotion-foot__row--start {
  justify-content: start;
}
.promotion-foot__row-col {
  display: flex;
  justify-content: end;
  width: 100%;
}
@media (max-width: 576px) {
  .promotion-foot__row {
    flex-direction: column;
  }
  .promotion-foot__row--start {
    flex-direction: row;
    gap: 0.625rem;
  }
  .promotion-foot__row-col {
    justify-content: center;
    order: 1;
  }
}
.promotion-foot__nowrap {
  display: block;
  text-wrap: nowrap;
}
@media (max-width: 576px) {
  .promotion-foot__nowrap {
    font-size: 0.875rem;
  }
}
.promotion-foot .ad-paid-services-action-payment {
  margin-top: 0;
  max-width: 10rem;
  width: 100%;
}
@media (max-width: 576px) {
  .promotion-foot .ad-paid-services-action-payment {
    order: 2;
  }
}

.wrapper:has(.is-end) .promotion-foot {
  border: none;
}

.ad-card-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.ad-card-item-image {
  margin-right: 0;
  width: 5rem;
  min-width: 5rem;
  height: auto;
  border-radius: 0;
  order: 3;
}
.ad-card-item-image img {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.75;
  object-fit: cover;
  border-radius: 0.3125rem;
  transform: translate(0, 0);
}
@media (max-width: 576px) {
  .ad-card-item-image {
    order: 1;
  }
}
.ad-card-item-entry {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 0.5rem;
}
@media (max-width: 576px) {
  .ad-card-item-entry {
    align-items: start;
    order: 2;
  }
}
.ad-card-item-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE SETTINGS PAGE
 ------------------------------------------------------------------------------------------------------------------*/
.settings-tile {
  border: 0.0625rem solid #efeaea;
  border-radius: 0.625rem;
  overflow: hidden;
}
.settings-tile__title {
  position: relative;
  font-weight: 500;
  font-size: 1.125rem;
  color: #1a1a1a;
  padding-inline: 2.1875rem;
  padding-top: 1.6875rem;
  padding-bottom: 1.375rem;
}
@media (max-width: 992px) {
  .settings-tile__title {
    padding-inline: 1.25rem;
  }
}
.settings-tile__title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 300%;
  height: 0.0625rem;
  border-bottom: 0.0625rem solid #efeaea;
}
.settings-tile__fields {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding-block: 1.875rem;
  padding-inline: 2.1875rem;
}
@media (max-width: 992px) {
  .settings-tile__fields {
    padding-inline: 1.25rem;
    gap: 1.25rem;
  }
}
.settings-tile .form-group {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .settings-tile .form-group {
    flex-direction: column;
    align-items: start;
    gap: 0.625rem;
  }
}
.settings-tile .form-group__title {
  flex-shrink: 0;
  width: 8.125rem;
  margin-right: 0.9375rem;
  font-weight: 400;
  font-size: 1rem;
  color: #1a1a1a;
}
@media (max-width: 992px) {
  .settings-tile .form-group__title {
    width: 100%;
  }
}
.settings-tile .form-group .input {
  color: #1a1a1a;
  max-width: 23.125rem;
}
@media (max-width: 992px) {
  .settings-tile .form-group .input {
    max-width: 100%;
  }
}
.settings-tile .form-group-inrow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.settings-tile .input-wrapper__description {
  font-weight: 400;
  font-size: 0.875rem;
  color: #b1b1b1;
  padding-top: 0.625rem;
}
.settings-tile .btn,
.settings-tile .btn-gray {
  min-height: 2.5rem;
  font-size: 0.9375rem;
  padding-inline: 1.25rem;
}
.settings-tile__footer {
  background-color: rgba(230, 0, 0, 0.05);
  padding-inline: 2.1875rem;
  padding-block: 1.875rem;
}
.settings-tile__footer-desc {
  font-weight: 400;
  font-size: 0.875rem;
  color: #3d3d3d;
  padding-top: 0.9375rem;
}
.settings-tile .custom-radio {
  background-color: #f3f3f3;
}
.settings-tile .radio input[type=radio]:checked + .custom-radio {
  background-color: transparent;
}

.settings-save {
  display: flex;
  justify-content: center;
  padding-top: 1.25rem;
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE USER PAGE
 ------------------------------------------------------------------------------------------------------------------*/
.profile-user {
  /*------------------------------------------------------------- TOP TILES PART ---------------------------------------------------*/
  /*------------------------------------------------------------- LISTINGS PART ---------------------------------------------------*/
  /*------------------------------------------------------------- REVIEWS PART ---------------------------------------------------*/
}
.profile-user__title {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 120%;
  color: #1a1a1a;
  margin-bottom: 0.625rem;
}
.profile-user__title span {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 120%;
  color: #1a1a1a;
}
.profile-user__title small {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 120%;
  color: #b1b1b1;
}
.profile-user__description {
  display: block;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 130%;
  color: #b1b1b1;
  margin-bottom: 1.25rem;
}
.profile-user__collection {
  margin-bottom: 1.5625rem;
}
.profile-user__tile {
  border: 0.0625rem solid #efeaea;
  border-radius: 0.625rem;
  padding: 2.1875rem 2.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .profile-user__tile {
    padding: 1.5625rem 1.875rem;
  }
}
@media (max-width: 992px) {
  .profile-user__tile {
    padding: 0.9375rem 1.25rem;
  }
}
.profile-user__tile .tile-title {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 120%;
  color: #1a1a1a;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
}
.profile-user__tile .tile-title svg {
  width: 1.375rem;
  height: 1.375rem;
}
.profile-user__tile .tile-description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 130%;
  color: #b1b1b1;
  margin-bottom: 1.25rem;
}
.profile-user__tile .tile-row {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .profile-user__tile .tile-row {
    flex-direction: column;
    align-items: start;
    gap: 0.9375rem;
  }
}
.profile-user__tile .tile-row .btn,
.profile-user__tile .tile-row .btn-gray {
  padding-inline: 1.875rem;
}
@media (max-width: 768px) {
  .profile-user__tile .tile-row .btn,
  .profile-user__tile .tile-row .btn-gray {
    width: 100%;
  }
}
.profile-user__listings .product-card, .profile-user__fav .product-card {
  padding: 0;
}
.profile-user__listings .product-card__like, .profile-user__fav .product-card__like {
  top: 0.875rem;
  right: 0.5rem;
}
.profile-user__listings .product-card__like svg, .profile-user__fav .product-card__like svg {
  width: 1.625rem;
  height: 1.5rem;
}
.profile-user__listings .product-card__meta, .profile-user__fav .product-card__meta {
  justify-content: flex-start;
  gap: 1.25rem;
}
.profile-user__listings .product-card__spacebetween, .profile-user__fav .product-card__spacebetween {
  padding-inline: 0;
}
.profile-user__listings .product-card__price, .profile-user__fav .product-card__price {
  margin-bottom: 0.5rem;
}
.profile-user__listings .product-card__price strong, .profile-user__fav .product-card__price strong {
  font-weight: 500;
}
.profile-user__listings .product-card__title, .profile-user__fav .product-card__title {
  margin-bottom: 0.9375rem;
}
.profile-user__rating {
  margin-bottom: 0.9375rem;
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE VERIFICATION PAGE
 ------------------------------------------------------------------------------------------------------------------*/
.verification .profile-user__tile {
  padding-block: 1.75rem;
}
.verification .tile-title {
  margin-bottom: 0.9375rem;
}
.verification .tile-row {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem 2.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.verification .tile-row-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.verification .tile-row-item svg {
  width: 1.25rem;
  height: 1.25rem;
}
.verification .tile-row.mb-0 {
  margin-bottom: 0;
}
.verification .tile-paragraph {
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  color: #3d3d3d;
  margin-bottom: 1.25rem;
}
.verification .tile-row:last-child {
  margin-bottom: 0;
}
.verification__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 0.9375rem;
  padding-bottom: 1.25rem;
}
.verification__list li::before {
  content: "•";
  color: var(--accent);
  margin-right: 0.9375rem;
}
.verification__row {
  display: inline-flex;
  align-items: flex-start;
  gap: 2.5rem;
}
.verification__description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  color: #3d3d3d;
  max-width: 25rem;
}
.verification .mediaload-previews {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0;
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.verification .mediaload-previews__item {
  position: relative;
  aspect-ratio: 4/3;
  width: 20%;
  margin-top: 1.5625rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
@media (max-width: 768px) {
  .verification .mediaload-previews__item {
    width: 33.33%;
  }
}
@media (max-width: 576px) {
  .verification .mediaload-previews__item {
    width: 50%;
  }
}
.verification .mediaload-previews__item-delete {
  position: absolute;
  top: 0.4375rem;
  right: 0.75rem;
  width: 1.5625rem;
  height: 1.5625rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.verification .mediaload-previews__item-delete:hover {
  border-color: var(--accent);
}
.verification .mediaload-previews__item-delete:hover svg {
  fill: var(--accent);
}
.verification .mediaload-previews__item-delete svg {
  fill: rgba(0, 0, 0, 0.45);
  width: 0.625rem;
  height: 0.625rem;
  transition: all 0.3s ease-in-out;
}
.verification .mediaload-previews img {
  aspect-ratio: 4/3;
  width: 100%;
  object-fit: cover;
  border: 0.0625rem dashed #ccc;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.verification .mediaload-warning {
  margin-top: 1.0625rem;
}
.verification .mediaload-warning.hidden {
  display: none;
}
.verification .mediaload-warning__inner {
  background: rgba(230, 0, 0, 0.07);
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  color: #3d3d3d;
  border-radius: 0.3125rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  padding-inline: 1.25rem;
  min-height: 3.125rem;
}

/*-----------------------------------------------------------------------------------------------------------------
PROFILE WALLET PAGE
 ------------------------------------------------------------------------------------------------------------------*/
.wallet-tabs {
  margin-bottom: 1.875rem;
}

.wallet-balance {
  padding-top: 0.625rem;
  margin-bottom: 1.875rem;
}
.wallet-balance__description {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 120%;
  color: #b1b1b1;
}
.wallet-balance__all {
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 120%;
  color: #1a1a1a;
}

.wallet-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.wallet-form .btn {
  padding-inline: 1.875rem;
  margin-top: 0.625rem;
}

.wallet-panel {
  display: none;
}
.wallet-panel.active {
  display: block;
  animation: fade-up 0.3s ease-in-out;
}
.wallet-panel .form-group {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .wallet-panel .form-group {
    flex-direction: column;
    align-items: start;
    gap: 0.625rem;
  }
}
.wallet-panel .form-group__title {
  flex-shrink: 0;
  width: 8.75rem;
  margin-right: 0.9375rem;
  font-weight: 400;
  font-size: 1rem;
  color: #1a1a1a;
}
@media (max-width: 992px) {
  .wallet-panel .form-group__title {
    width: 100%;
  }
}
.wallet-panel .form-group .input {
  color: #1a1a1a;
  max-width: 9.375rem;
}
@media (max-width: 992px) {
  .wallet-panel .form-group .input {
    max-width: 100%;
  }
}
.wallet-panel .form-group-inrow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.wallet-panel .custom-radio {
  background-color: #f3f3f3;
}
.wallet-panel .radio input[type=radio]:checked + .custom-radio {
  background-color: transparent;
}

.wallet-transaction__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.wallet-transaction__list li::before {
  content: "•";
  color: var(--accent);
  margin-right: 0.9375rem;
}

.wrapper:has(.main--search-map) .footer {
  display: none;
}

.wrapper:has(.search-map-sidebar-filters[style*=block]) .search-map-sidebar {
  opacity: 1 !important;
}

.wrapper:has(.search-map-sidebar-filters[style*=block]) .search-map-sidebar:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
  opacity: 0.8;
  z-index: 10;
}

.search-map-sidebar,
.search-map-sidebar-card {
  position: relative;
  z-index: 2;
}

.search-map-sidebar-filters {
  position: absolute;
  padding: 10px;
  overflow: hidden;
  z-index: 3;
}

.search-map-sidebar,
.search-map-sidebar-card,
.search-map-sidebar-filters {
  top: 15px;
  padding: 0 0.625rem 0 0;
  max-width: 620px;
  width: 100%;
  overflow: hidden;
}
.search-map-sidebar__scroll,
.search-map-sidebar-card__scroll,
.search-map-sidebar-filters__scroll {
  padding: 0 0.9375rem 1.5625rem 1.5625rem;
  height: calc(100vh - 15.3125rem);
  overflow-y: auto;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.search-map-sidebar__scroll::-webkit-scrollbar,
.search-map-sidebar-card__scroll::-webkit-scrollbar,
.search-map-sidebar-filters__scroll::-webkit-scrollbar {
  width: 10px;
}
.search-map-sidebar__scroll::-webkit-scrollbar-track,
.search-map-sidebar-card__scroll::-webkit-scrollbar-track,
.search-map-sidebar-filters__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.search-map-sidebar__scroll::-webkit-scrollbar-thumb,
.search-map-sidebar-card__scroll::-webkit-scrollbar-thumb,
.search-map-sidebar-filters__scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
@media (max-width: 992px) {
  .search-map-sidebar,
  .search-map-sidebar-card,
  .search-map-sidebar-filters {
    top: 0 !important;
    padding-right: 0;
    max-width: 100%;
  }
  .search-map-sidebar__scroll,
  .search-map-sidebar-card__scroll,
  .search-map-sidebar-filters__scroll {
    padding: 0 0.9375rem 0.9375rem 0.9375rem;
    height: calc(100vh - 14.25rem);
    height: calc(100dvh - 14.25rem);
  }
}

.search-map-sidebar-filters .btn-custom-mini {
  min-height: 1.25rem;
  text-align: right;
  padding: 1.25rem 0.625rem 1.25rem;
  border-radius: 0;
  align-items: end;
  justify-content: end;
}
.search-map-sidebar-filters .button-color-scheme2 {
  background: transparent;
}
.search-map-sidebar-filters .btn-custom-mini .icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  transition: 0.3s;
}
.search-map-sidebar-filters .btn-custom-mini:hover .icon {
  fill: var(--accent);
}

.search-map-sidebar-filters-container {
  padding: 1.5625rem;
  height: calc(100vh - 12.6875rem - 5rem);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.search-map-sidebar-filters-container::-webkit-scrollbar {
  width: 10px;
}
.search-map-sidebar-filters-container::-webkit-scrollbar-track {
  background: transparent;
}
.search-map-sidebar-filters-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
@media (max-width: 992px) {
  .search-map-sidebar-filters-container {
    padding: 0.9375rem;
    height: calc(100vh - 8.125rem - 5rem);
  }
}

.search-map-sidebar .btn-custom-mini {
  height: 2.5rem;
  border-radius: 0.3125rem;
}
.search-map-sidebar .product-card__price {
  margin-bottom: 5px;
}
.search-map-sidebar .product-card__price-lg {
  font-size: 1.125rem;
  font-weight: 500;
}
.search-map-sidebar .product-card__price-md {
  font-size: 0.9375rem;
}
.search-map-sidebar .product-card__title {
  margin-bottom: 10px;
  font-size: 1rem;
  -webkit-line-clamp: 2;
}
.search-map-sidebar .product-card .meta-location,
.search-map-sidebar .product-card .meta-timeago {
  font-size: 0.875rem;
}
.search-map-sidebar__head {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 0.9375rem 1.25rem 1.5625rem;
  background: #fff;
  z-index: 4;
}
.search-map-sidebar__head .title {
  line-height: 1;
}
@media (max-width: 992px) {
  .search-map-sidebar__head {
    padding: 1.25rem 0.9375rem;
  }
  .search-map-sidebar__head .title {
    font-size: 1.125rem;
  }
}
.search-map-sidebar__head-btns {
  display: flex;
  gap: 0.625rem;
}
.search-map-sidebar__head .btn {
  min-width: 7.4375rem;
}
.search-map-sidebar__head .btn-tile {
  width: 2.5rem;
  min-height: 2.5rem;
}
.search-map-sidebar__head .btn-tile .icon--like {
  width: 1.25rem;
  height: 1.25rem;
}

.search-map-sidebar-control .row {
  flex-wrap: nowrap;
}

.search-map-sidebar-control-mobile {
  display: none !important;
}

.search-map-sidebar-card-container {
  margin: 0;
}

.ad-card-content-item {
  line-height: 130%;
}

.list-properties-item {
  font-weight: 400;
}
.list-properties-item span {
  color: #B1B1B1;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - Catalog of Professional  Services and Companies (MAIN)
--------------------------------------------------------------------------------------------------------------------------------*/
.proffesional-search {
  color: #1a1a1a;
}
.proffesional-search .title {
  margin-bottom: 1.25rem;
}
.proffesional-search__description {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.2;
  color: #b1b1b1;
  margin-bottom: 1.25rem;
}
.proffesional-search__field {
  margin-bottom: 0.9375rem;
}
.proffesional-search__tags {
  color: #b1b1b1;
}
.proffesional-search__tags .tags-label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  margin-right: 0.3125rem;
}
.proffesional-search__tags a {
  color: var(--accent);
}
.proffesional-search__tags a:hover {
  text-decoration: underline;
}
.proffesional-search__center {
  text-align: center;
}
.proffesional-search__center .title {
  margin-bottom: 0;
}

/*-----------------------------------------------------------------------------------------------------------------
SERVICES ASIDE
 ------------------------------------------------------------------------------------------------------------------*/
.services-filter {
  display: flex;
  flex-direction: column;
  padding-top: 1.875rem;
  margin-bottom: 0.625rem;
  border-top: 0.0625rem solid #efeaea;
}
@media (max-width: 768px) {
  .services-filter {
    margin: 0;
    padding-top: 0;
    border: none;
  }
}
.services-filter__btn {
  display: none;
}
@media (max-width: 768px) {
  .services-filter__btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.3125rem 0.75rem;
    width: fit-content;
    background: var(--white);
    border: 1px solid #EFEAEA;
    border-radius: 0.3125rem;
    font-size: 0.875rem;
    line-height: 1.75rem;
  }
  .services-filter__btn .icon {
    position: relative;
    margin-top: -0.0625rem;
    display: block;
    fill: var(--black);
  }
  .services-filter__btn .icon--filters {
    width: 1.125rem;
    height: 0.9375rem;
  }
  .services-filter__btn .icon--arrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.services-filter__btn-row {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.services-filter__btn-fix {
  position: sticky;
  bottom: 0;
  margin: 0 -0.625rem;
  padding: 1.25rem 0.625rem 0.625rem;
  width: calc(100% + 1.25rem);
  background: #fff;
  justify-content: center;
  z-index: 3;
}
@media (max-width: 992px) {
  .services-filter__btn-fix {
    bottom: 4.375rem;
  }
}
@media (max-width: 768px) {
  .services-filter__btn-fix {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
  }
}
.services-filter__btn-fix .btn {
  width: 100%;
}
.services-filter__modal-header {
  display: none;
}
@media (max-width: 768px) {
  .services-filter__modal {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 1.25rem 5.625rem;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 0.3s;
    overflow: auto;
    z-index: 100;
  }
  .services-filter__modal.is-hidden {
    top: 100%;
  }
  .services-filter__modal.is-hidden .services-filter__btn-fix {
    position: sticky;
  }
  .services-filter__modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    margin: 0 -1.25rem 1.25rem;
    padding: 1.25rem;
    width: calc(100% + 2.5rem);
    border-bottom: 0.0625rem solid #EFEAEA;
    font-size: 1.125rem;
    font-weight: 500;
  }
  .services-filter__modal-header .icon {
    display: block;
  }
  .services-filter__modal-header .icon--close {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.services-aside {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.875rem;
}
.services-aside__avatar {
  aspect-ratio: 1/1;
  width: 8.75rem;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 0.625rem;
}
.services-aside__avatar img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  overflow: hidden;
}
.services-aside__name {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 120%;
  color: #1a1a1a;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.services-aside__name svg {
  width: 1.375rem;
  height: 1.375rem;
}
.services-aside__rating {
  margin-bottom: 0.625rem;
}
.services-aside__points {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  margin-bottom: 0.9375rem;
}
.services-aside__points li {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
}
.services-aside__points svg {
  fill: var(--accent);
  width: 0.9375rem;
  max-height: 1.25rem;
}
.services-aside__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

/* ------------------------------------------------------------------------------------------------------------------------------
БЛОК - 72 companies SERVICES AND COMPANYS
--------------------------------------------------------------------------------------------------------------------------------*/
.services-cards {
  color: #1a1a1a;
}
.services-cards__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9375rem;
}
.services-cards__container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.services-cards__title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}

/*----------------------------------------------- Services card ----------------------------------*/
.services-card {
  color: #1a1a1a;
  border: 0.0625rem solid #efeaea;
  border-radius: 0.3125rem;
  padding: 1.875rem 2.5rem 1.5625rem 2.5rem;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .services-card {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (max-width: 992px) {
  .services-card {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 768px) {
  .services-card {
    padding: 0.9375rem;
  }
}
.services-card__top {
  display: flex;
  gap: 1.875rem;
}
@media (max-width: 992px) {
  .services-card__top {
    gap: 1.25rem;
  }
}
@media (max-width: 576px) {
  .services-card__top {
    flex-direction: column;
    gap: 0.625rem;
  }
}
.services-card__image {
  flex-shrink: 0;
  overflow: hidden;
  aspect-ratio: 1/1;
  width: 6.25rem;
  border-radius: 0.625rem;
}
@media (max-width: 576px) {
  .services-card__image {
    width: 100%;
    order: 2;
  }
}
.services-card__image img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.services-card__grow {
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
@media (max-width: 576px) {
  .services-card__grow {
    flex-direction: column;
    gap: 0.625rem;
  }
}
.services-card__grow .btn-gray {
  padding-inline: 0.9375rem;
  line-height: 1.2;
  color: #3d3d3d;
  font-size: 0.875rem;
  min-height: 2rem;
}
@media (max-width: 576px) {
  .services-card__grow .btn-gray {
    font-size: 0.75rem;
  }
}
.services-card__group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (max-width: 576px) {
  .services-card__group {
    gap: 0.3125rem;
  }
}
@media (max-width: 576px) {
  .services-card__group--btn {
    position: absolute;
    top: calc(100% + 1.25rem);
    right: 0.625rem;
  }
}
.services-card__name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.services-card__name a {
  color: #1a1a1a;
}
.services-card__name--checked {
  user-select: none;
}
.services-card__name--usual {
  user-select: none;
}
.services-card__name--usual svg {
  display: none;
}
.services-card__name--top {
  user-select: none;
  align-self: start;
  padding: 0.3125rem 0.625rem;
  background-color: var(--gold);
  margin-bottom: -0.3125rem;
  border-radius: 0.5rem;
}
@media (max-width: 576px) {
  .services-card__name--top {
    margin-bottom: 0.3125rem;
  }
}
.services-card__name svg {
  width: 1.375rem;
  height: 1.375rem;
}
.services-card__address {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  color: #b1b1b1;
}
@media (max-width: 576px) {
  .services-card__address {
    font-size: 0.875rem;
  }
}
.services-card__middle {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  color: #b1b1b1;
  padding-block: 1.875rem;
  transition: all 0.3s ease-in-out;
}
.services-card__bottom {
  padding-block-start: 1.25rem;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  color: #1a1a1a;
}
.services-card__bottom .tags-label {
  color: #b1b1b1;
  margin-right: 0.3125rem;
}

.services-catalog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9375rem;
}
.services-catalog__header .title {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .services-catalog__header:has(.btn-show-map) {
    gap: 0.625rem;
    flex-direction: column;
    align-items: start;
  }
}
.services-catalog__showorderby {
  display: inline-flex;
  align-items: center;
  gap: 1.5625rem;
}
.services-catalog__showorderby .btn-show-map {
  font-size: 1rem;
  line-height: 1.2;
  color: #1a1a1a;
  transition: all 0.3s ease-in-out;
}
.services-catalog__showorderby .btn-show-map:hover {
  color: var(--accent);
}
@media (max-width: 768px) {
  .services-catalog__showorderby {
    justify-content: space-between;
    width: 100%;
  }
}
.services-catalog__endcapt {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  color: #b1b1b1;
  padding-top: 2.5rem;
}

/*-----------------------------------------------------------------------------------------------------------------
Шапка для страницы компании в разделе SERVICES
 ------------------------------------------------------------------------------------------------------------------*/
.services-head {
  background: #f4f4f4;
}
.services-head .breadcrumbs {
  position: relative;
  z-index: 2;
}
.services-head .container {
  height: 100%;
  min-height: 22.5rem;
}
.services-head:has(.personal-shop-banners) .breadcrumbs {
  display: none;
}
.services-head:has(.personal-shop-banners) > .container {
  max-width: 100%;
}
.services-head__banner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  overflow: hidden;
  flex-shrink: 0;
  color: #aeaeae;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  color: #B1B1B1;
  z-index: 1;
}
.services-head__banner-btn-add {
  margin-bottom: 0.625rem;
  width: 6.25rem;
  height: auto;
  aspect-ratio: 1/1;
  border: 0.1875rem solid #B1B1B1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-head__banner-btn-add svg {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  color: #B1B1B1;
}
.services-head__banner-btn-add:hover {
  border-color: #c5c4c4;
}
.services-head__banner-btn-add:hover svg {
  color: #c5c4c4;
}
.services-head__banner-tit {
  font-size: 1.25rem;
}
.services-head__banner--transparent {
  background-color: transparent;
}
.services-head__banner .personal-shop-banners {
  margin: 0;
  width: 100%;
  height: 100% !important;
  border-radius: 0;
}
.services-head__banner .personal-shop-banners-item, .services-head__banner .personal-shop-banners-item-slide {
  height: 100% !important;
}
.services-head__banner .personal-shop-banners-prev, .services-head__banner .personal-shop-banners-next {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.services-head__banner .personal-shop-banners-prev i, .services-head__banner .personal-shop-banners-next i {
  font-size: 2.625rem;
  color: #fff;
  opacity: 0.55;
}
.services-head__banner .personal-shop-banners-prev {
  left: 0;
}
.services-head__banner .personal-shop-banners-next {
  right: 0;
}
.services-head__banner img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transform: translate(0, 0);
  z-index: 0;
}
.services-head__banner-btns {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: end;
  gap: 0.625rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  z-index: 2;
}
@media (max-width: 576px) {
  .services-head__banner-btns {
    flex-direction: column;
  }
}

/*-----------------------------------------------------------------------------------------------------------------
SERVICES COMPANY LAYOUT
 ------------------------------------------------------------------------------------------------------------------*/
.services-layout {
  position: relative;
  display: flex;
  gap: 2.5rem;
  margin-bottom: 4.375rem;
  z-index: 2;
}
@media (max-width: 992px) {
  .services-layout {
    display: grid;
    grid-template-columns: 15rem 1fr;
    gap: 1.25rem;
  }
  .services-layout__aside {
    width: 15rem;
  }
}
@media (max-width: 768px) {
  .services-layout {
    grid-template-columns: 1fr;
  }
  .services-layout .services-layout__aside {
    width: 100%;
  }
  .services-layout:has(.search-form) .services-filter {
    margin-left: 13rem;
  }
}
@media (max-width: 576px) {
  .services-layout {
    flex-direction: column;
    grid-template-columns: 1fr;
  }
  .services-layout__aside {
    width: 100%;
  }
  .services-layout .listings-block,
  .services-layout .reviews-block {
    grid-column: span 1;
  }
}
.services-layout--paddingtop {
  padding-top: 1.875rem;
}
.services-layout__aside {
  display: flex;
  flex-direction: column;
  width: 18.125rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .services-layout__aside:has(.services-nav) {
    flex-direction: row;
    gap: 0.625rem;
  }
}
.services-layout__aside--withheader .services-aside {
  position: relative;
  margin-top: -8.75rem;
}
.services-layout__content {
  flex-grow: 1;
}
.services-layout .listings-block:not(.listings-block--nopad) {
  padding-top: 1.5625rem;
}
@media (max-width: 768px) {
  .services-layout .listings-block:not(.listings-block--nopad) {
    padding-top: 0.25rem;
  }
}

.services-search .search-form {
  margin-right: 0;
}

/*-----------------------------------------------------------------------------------------------------------------
SERVICES MENU
 ------------------------------------------------------------------------------------------------------------------*/
.cat-menu-slinky {
  position: relative;
  height: auto !important;
}
@media (max-width: 768px) {
  .cat-menu-slinky.slinky-menu {
    top: 3.8125rem;
    max-height: 100%;
    height: auto !important;
  }
  .cat-menu-slinky.slinky-menu ul {
    padding: 1.25rem;
  }
  .cat-menu-slinky.slinky-menu a {
    margin-bottom: 0;
    width: 100%;
  }
  .cat-menu-slinky.slinky-menu li {
    padding: 0.1875rem 0;
  }
  .cat-menu-slinky.slinky-menu .menu-header {
    padding-top: 0 !important;
  }
  .cat-menu-slinky.slinky-menu .menu-more {
    margin-bottom: 0.1875rem;
  }
}
.cat-menu-slinky .menu-header,
.cat-menu-slinky .menu-more {
  display: none;
}

.services-nav {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.875rem;
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  .services-nav {
    padding-bottom: 0;
  }
  .services-nav .btn {
    min-height: 2.5rem;
  }
}
.services-nav__btn.btn {
  display: none;
}
@media (max-width: 768px) {
  .services-nav__btn.btn {
    display: flex;
  }
}
.services-nav__modal {
  display: flex;
  flex-direction: column;
}
.services-nav__modal-header .icon--close {
  display: none;
}
@media (max-width: 768px) {
  .services-nav__modal {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 1.25rem 5.625rem;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 0.3s;
    overflow: auto;
    z-index: 100;
  }
  .services-nav__modal.is-hidden {
    top: 100%;
  }
  .services-nav__modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    margin: 0 -1.25rem 1.25rem;
    padding: 1.25rem;
    width: calc(100% + 2.5rem);
    border-bottom: 0.0625rem solid #EFEAEA;
  }
  .services-nav__modal-header .icon--close {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.services-nav .link-red {
  margin-top: 0.375rem;
  padding-left: 0.625rem;
}
.services-nav .link-red.is-hidden {
  display: none;
}
@media (max-width: 768px) {
  .services-nav .link-red {
    display: none;
  }
}
.services-nav:has(ul ul) .link-red {
  padding-left: 1.4375rem;
}
.services-nav:has(ul ul ul) .link-red {
  padding-left: 2.0625rem;
}
.services-nav__title {
  margin: 0 0 1.25rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 768px) {
  .services-nav__title {
    margin: 0;
    font-size: 1.125rem;
  }
}
.services-nav__title-link {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-weight: 500;
  color: var(--black);
}
.services-nav__title-link:hover {
  color: var(--accent);
}
.services-nav__title-link:hover .icon {
  fill: var(--accent);
}
.services-nav__title .icon {
  position: relative;
  margin-top: -0.1875rem;
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
}
.services-nav .icon--arrow {
  position: relative;
  margin-top: -0.1875rem;
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
}

.mydropdown-menu {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  .mydropdown-menu {
    gap: 0rem;
  }
}
.mydropdown-menu a {
  color: var(--black);
}
.mydropdown-menu a:hover {
  color: var(--accent);
}
.mydropdown-menu a:hover .icon {
  fill: var(--accent);
}
.mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) > a {
  margin-bottom: 0;
}
.mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) > a:after {
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3685 13.4969L6.91924 8.04765L6 8.96689L12.3685 15.3354L18.7846 8.91924L17.8654 8L12.3685 13.4969Z' fill='%231a1a1a' %3E%3C/path%3E%3C/svg%3E");
  background-size: 100% 100%;
  content: "";
  transition: 0.3s;
}
.mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) > a.is-open:after {
  transform: rotate(180deg);
}
.mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) > a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3685 13.4969L6.91924 8.04765L6 8.96689L12.3685 15.3354L18.7846 8.91924L17.8654 8L12.3685 13.4969Z' fill='%23e60000' %3E%3C/path%3E%3C/svg%3E");
}
.mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) ul {
  max-height: 0;
}
@media (max-width: 768px) {
  .mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) ul {
    max-height: none;
  }
}
.mydropdown-menu:has(> li:nth-child(2)) > li:has(ul) ul li:first-child {
  padding-top: 0.75rem;
}
.mydropdown-menu > li {
  display: flex;
  flex-direction: column;
}
.mydropdown-menu > li > a {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  margin-bottom: 0.375rem;
  width: fit-content;
  font-weight: 500;
}
.mydropdown-menu > li ul {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 0.625rem;
  overflow: hidden;
  transition: 0.3s;
}
.mydropdown-menu > li ul li {
  padding: 0.375rem 0;
}
.mydropdown-menu > li ul li:has(ul) > a {
  font-weight: 500;
}
.mydropdown-menu > li ul li:has(ul) ul {
  padding-top: 0.375rem;
}
.mydropdown-menu > li:has(.icon) ul {
  padding-left: 1.4375rem;
}
.mydropdown-menu > li:has(.icon) ul ul {
  padding-left: 0.625rem;
}
/*# sourceMappingURL=main.min.css.map */