@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

a {
  text-decoration: none;
}

body {
  /* background-color: #f1edde; */
}
body.whiteBg {
  background-color: #ffffff;
}
body.loading {
  cursor: wait;
}
body.loading > * {
  pointer-events: none;
}
body.noScroll {
  overflow: hidden;
}

section {
  position: relative;
  z-index: 1;
}

.container {
  max-width: 1200px;
  padding: 0 24px;
  margin: 0 auto;
}
@media (max-width: 659px) {
  .container {
    padding: 0 16px;
  }
}



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

video {
  max-width: 100%;
  height: auto;
  display: block;
}

.switcher {
  position: relative;
  width: 100%;
  max-width: 33px;
  height: 20px;
  background-color: rgba(145, 158, 171, 0.48);
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.switcher:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.switcher.active {
  background-color: #147575;
}
.switcher.active:before {
  transform: translateX(13px);
}

@media (max-width: 560px) {
  .mob__hidden {
    display: none;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration,
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button,
[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
  font-display: fallback;
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
  font-display: fallback;
  font-weight: 600;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
  font-display: fallback;
  font-weight: 700;
}
@font-face {
  font-family: "PublicSans";
  src: url("../fonts/Public_Sans/PublicSans-Bold.ttf");
  font-display: fallback;
  font-weight: 700;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.ttf");
  font-display: fallback;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.ttf");
  font-display: fallback;
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

body {
  color: #212b36;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

.h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
@media (max-width: 414px) {
  .h3 {
    font-size: 28px;
    line-height: 40px;
  }
}

.h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

.h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.subtitle1 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.subtitle2 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.body1 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.body2 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.caption {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.overline {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

.input-label {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.table-head {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.button-large {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.label-text {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.button-medium {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.button-small {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.chip-label {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

body.admin-bar .actionTemplate {
  min-height: calc(100vh - 32px); /* Indentation under the admin panel */
}

.actionTemplate {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.actionTemplate__container {
  width: 100%;
  max-width: 564px;
  margin: 0 auto;
  padding: 100px 0 200px;
}
@media (max-width: 767px) {
  .actionTemplate__container {
    padding: 42px 16px 160px;
  }
}
.actionTemplate__innerForm {
  padding: 40px;
  border-radius: 16px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .actionTemplate__innerForm {
    padding: 24px;
  }
}
.actionTemplate__innerForm__title {
  color: #212b36;
  margin-bottom: 16px;
}
.actionTemplate__innerForm__info {
  color: #212b36;
  margin-bottom: 35px;
}
.actionTemplate__innerForm__info a {
  color: #147575;
  font-weight: 600;
}
.actionTemplate__innerForm.disabled label {
  color: #919eab;
}
.actionTemplate__innerForm.disabled .btn__submit {
  background-color: #919eab;
}
.actionTemplate__innerForm.hidden {
  display: none;
}
.actionTemplate__innerPopUp {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  border-radius: 16px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .actionTemplate__innerPopUp {
    padding: 24px;
  }
}
.actionTemplate__innerPopUp__title {
  color: #212b36;
  text-align: center;
  margin-bottom: 8px;
}
.actionTemplate__innerPopUp__info {
  color: #637381;
  text-align: center;
  margin-bottom: 40px;
}
.actionTemplate__innerPopUp img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  margin-bottom: 40px;
}
.actionTemplate__innerPopUp .form__actionTemplate {
  gap: 24px;
}
.actionTemplate__innerPopUp.disabled label {
  color: #919eab;
}
.actionTemplate__innerPopUp.disabled .btn__submit {
  background-color: #919eab;
}
.actionTemplate__innerPopUp.hidden {
  display: none;
}
.actionTemplate__resend {
  color: #212b36;
}
.actionTemplate__resend span {
  color: #147575;
  font-weight: 600;
  cursor: pointer;
}
.actionTemplate__backLink {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #147575;
}
.actionTemplate__backLink span {
  display: inline-block;
}
.actionTemplate__backLink:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../svg/icon_green_backlink.svg");
  background-size: cover;
}

.authorBlock {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
@media (max-width: 560px) {
  .authorBlock {
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 560px) {
  .authorBlock__info {
    text-align: center;
  }
}
.authorBlock__title {
  color: #212b36;
}
.authorBlock__city {
  color: #637381;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 560px) {
  .breadcrumbs {
    gap: 8px;
  }
}
.breadcrumbs__home {
  display: flex;
}
.breadcrumbs__home svg {
  fill: #1c1c1c;
}
.breadcrumbs__home:hover svg {
  fill: #147575;
}
.breadcrumbs__title {
  color: #919eab;
  cursor: default;
}
@media (max-width: 560px) {
  .breadcrumbs__title {
    display: none;
  }
}
.breadcrumbs__link {
  color: #212b36;
}
@media (max-width: 560px) {
  .breadcrumbs__link:last-of-type + .separator {
    display: none;
  }
}
.breadcrumbs .separator {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #919eab;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: 0.2s;
}
.btn__transparent {
  height: 48px;
  padding: 0 16px;
  color: #147575;
  border-radius: 8px;
  border: 1px solid rgba(13, 71, 161, 0.4784313725);
  
}
.btn__transparent:hover {
  color: #ffffff;
  background-color: #147575;
  border: 1px solid #147575;
}
.btn__transparent.mobIcon {
  padding: 0 11px;
}
.btn__transparent.mobIcon svg {
  fill: none;
}
.btn__transparent.mobIcon svg path {
  stroke: #147575;
}
.btn__transparent.mobIcon:hover svg path {
  stroke: #ffffff;
}
.btn__green {
  height: 48px;
  padding: 0 16px;
  color: #ffffff;
  background-color: #147575;
  border-radius: 500px;
  border: 1px solid #147575;
}
.btn__green:hover {
  color: #147575;
  background-color: transparent;
  border: 1px solid rgba(13, 71, 161, 0.4784313725);
}
.btn__green.mobIcon {
  padding: 0 11px;
}
.btn__green.mobIcon svg {
  fill: none;
}
.btn__green.mobIcon svg path {
  stroke: #ffffff;
}
.btn__green.mobIcon:hover svg path {
  stroke: #147575;
}
@media (max-width: 1023px) {
  .btn__green.is-guest {
    display: none;
  }
}
.btn__search {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 54px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background-color: #147575;
  background-image: url("../svg/primary-shape.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.btn__searchForum {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_search_forum.svg");
  cursor: pointer;
}
.btn__showAll {
  width: fit-content;
  height: 48px;
  margin-top: 40px;
  padding: 0 16px 0 16px;
  border-radius: 8px;
  border: 1px solid #919eab;
  gap: 8px;
  color: #212b36;
}
@media (max-width: 659px) {
  .btn__showAll {
    margin-top: 24px;
  }
}
.btn__showAll:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_black_arrow_right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn__showAll:hover {
  border: 1px solid #147575;
}
.btn__submit {
  height: 46px;
  padding: 0 15px;
  border-radius: 8px;
  background-color: #147575;
  color: #ffffff;
  cursor: pointer;
  border: 1px solid #147575;
  transition: 0.3s;
}
.btn__submit:hover {
  background-color: transparent;
  color: #147575;
}
.btn__submit__transparent {
  background-color: transparent;
  color: #147575;
  border-color: rgba(145, 158, 171, 0.2);
}
.btn__submit__transparentGreen {
  background-color: transparent;
  color: #147575;
  border-color: #147575;
}
.btn__submit__transparentGreen:hover {
  background-color: #147575;
  color: #ffffff;
}
.btn__showPhone {
  width: fit-content;
  height: 48px;
  padding: 0 16px 0 16px;
  border-radius: 8px;
  border: 1px solid #147575;
  gap: 8px;
  color: #147575;
  transition: 0.3s;
  cursor: pointer;
}
.btn__showPhone:hover {
  background-color: #147575;
  color: #ffffff;
}
.btn__showPhone.shown {
  pointer-events: none;
  cursor: default;
}
.btn__favorites {
  cursor: pointer;
  width: fit-content;
}
.btn__favorites:before {
  content: "";
  width: 20px;
  height: 17px;
  background-image: url("../svg/icon_favorites.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn__favorites.active:before {
  background-image: url("../svg/icon_favorites_active.svg");
}
.btn__share {
  height: 46px;
  padding: 0 10px;
  color: #637381;
  gap: 8px;
  cursor: pointer;
}
.btn__share:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_share.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn__share.copied {
  color: #147575;
}
.btn__share.copied:before {
  background-image: url("../svg/icon_check_green.svg");
}
.btn__boost {
  padding: 6px 12px;
  border-radius: 8px;
  background: #147575;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #ffffff;
}
.btn__boost:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../svg/icon_boost.svg");
  background-size: cover;
}
.btn__forumUpload {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  border-radius: 500px;
  background-color: #dfe3e8;
  color: #212b36;
  cursor: pointer;
  border: 1px solid #dfe3e8;
  transition: 0.3s;
}
.btn__forumUpload:hover {
  border: 1px solid #147575;
}
.btn__forumUpload svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.btn__forumUpload span {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  color: #212b36;
  white-space: nowrap;
}
.btn__shareForum {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.btn__shareForum:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../svg/icon_forum_share.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.btn__shareForum.copied:before {
  background-image: url("../svg/icon_check_green.svg");
}

/* .catalogCategory {
  background-image: url("../svg/background_right_action_footer.svg");
  background-position: calc(50% + 458px) bottom;
  background-repeat: no-repeat;
  background-size: 295px 124px;
} */
.catalogCategory__inner {
  padding: 40px 0;
  display: flex;
  flex-direction: column;
}
.catalogCategory__grid{
  display: none;
}
@media (max-width: 1023px) {
  .catalogCategory__inner {
    padding: 40px 0;
  }
}
.catalogCategory__categories {
  margin: 32px 0 ;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
@media (max-width: 1023px) {
  .catalogCategory__categories {
    margin: 32px 0 20px;
  }
}
.catalogCategory__subcategory {
  width: calc(33% - 13px);
  height: 84px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px 10px 24px;
  border-radius: 16px;
  border: 1px solid rgba(145, 158, 171, 0.16);
  background: #ffffff;
  transition: 0.3s;
}
@media (max-width: 1023px) {
  .catalogCategory__subcategory {
    width: max-content;
    gap: 24px;
  }
}
.catalogCategory__subcategory:hover {
  border: 1px solid #147575;
}
.catalogCategory__subcategory__title {
  color: #212b36;
}
.catalogCategory__subcategory__post-count {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  border: 1px solid #dfe3e8;
  color: #1c1c1c;
}
@media (max-width: 560px) {
  .catalogCategory .breadcrumbs__title {
    display: block;
  }
}

.catalog__inner:not(.catalog__inner--withSidebar) .catalog__items .catalogItem {
  width: calc(25% - 18px);
}
@media (max-width: 1023px) {
  .catalog__inner:not(.catalog__inner--withSidebar) .catalog__items .catalogItem {
    width: calc(33.333% - 12px);
  }
}
@media (max-width: 659px) {
  .catalog__inner:not(.catalog__inner--withSidebar) .catalog__items .catalogItem {
    width: calc(50% - 12px);
  }
}
@media (max-width: 560px) {
  .catalog__inner:not(.catalog__inner--withSidebar) .catalog__items .catalogItem {
    width: 100%;
  }
}
.catalogItem {
  position: relative;
  width: calc(33.333% - 16px);
  height: 395px;
  background-color: #f1edde;
  box-shadow: 0 12px 24px -4px rgba(145, 158, 171, 0.12);
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .catalogItem {
    width: calc(50% - 12px);
    height: 100%;
  }
}
@media (max-width: 659px) {
  .catalogItem {
    width: calc(50% - 12px);
  }
}
@media (max-width: 560px) {
  .catalogItem {
    width: 100%;
  }
}

.catalogItem img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.catalogItem__favorites {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
}
.catalogItem__desc {
  position: relative;
  padding: 20px 16px;
  padding-top: 52px;
  border-radius: 0 0 8px 8px;
  gap: 4px;
  flex-direction: column;
  background-color: #f1edde;
  margin-top: 0;
  transition: margin-top 0.25s ease;
  transition-delay: 0.2s;
}
.catalogItem:hover .catalogItem__desc {
  margin-top: -48px;
  transition-delay: 0s;
}
.catalogItem__detailsBtn {
  position: absolute;
  bottom: -35px;
  left: 16px;
  right: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  transition-delay: 0s;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 11px;
  border-radius: 8px;
}
.catalogItem:hover .catalogItem__detailsBtn {
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0.2s;
}
.catalogItem__detailsBtn.btn__green {
  color: #147575;
  background-color: transparent;
  border: 1px solid rgba(13, 71, 161, 0.4784313725);
}
.catalogItem__detailsBtn.btn__green:hover {
  color: #ffffff;
  background-color: #147575;
  border: 1px solid #147575;
}
@media (max-width: 768px) {
  .catalogItem__detailsBtn {
    opacity: 1;
    pointer-events: auto;
    pointer-events: auto;
    position: unset;
    width: 100%;
    margin-top: 15px;
  }
}
.catalogItem__title {
  display: block;
  min-width: 0;
  color: #212b36;
}
.catalogItem__descRow {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.catalogItem__price {
  color: #212b36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.catalogItem__marks {
  display: flex;
  align-items: end;
  gap: 6px;
  position: absolute;
  left: 16px;
  top: 16px;
}
.catalogItem__mark {
  width: fit-content;
  display: flex;
  gap: 6px;
  align-items: center;
  height: 24px;
  padding: 0 6px;
  border-radius: 6px;
  color: #ffffff;
  cursor: default;
}
.catalogItem__mark.boost {
  position: absolute;
  left: 12px;
  top: 12px;
  background-color: #12bf67;
}
@media (max-width: 780px) {
  .catalogItem__mark.boost {
    display: none;
  }
}
@media (max-width: 660px) {
  .catalogItem__mark.boost {
    display: flex;
  }
}
@media (max-width: 560px) {
  .catalogItem__mark.boost {
    display: none;
  }
}
@media (max-width: 374px) {
  .catalogItem__mark.boost {
    display: flex;
  }
}
.catalogItem__mark.boost__mobile {
  display: none;
}
@media (max-width: 780px) {
  .catalogItem__mark.boost__mobile {
    display: flex;
    position: relative;
    left: 0;
    top: 0;
  }
}
@media (max-width: 660px) {
  .catalogItem__mark.boost__mobile {
    display: none;
  }
}
@media (max-width: 560px) {
  .catalogItem__mark.boost__mobile {
    display: flex;
    position: relative;
    left: 0;
    top: 0;
  }
}
@media (max-width: 374px) {
  .catalogItem__mark.boost__mobile {
    display: none;
  }
}
.catalogItem__mark.boost:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../svg/icon_boost.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.catalogItem__mark.new {
  background-color: #00b8d9;
}
.catalogItem__mark.used {
  background-color: #212b36;
}
.catalogItem__mark.rent {
  color: #1c1c1c;
  background-color: #f1edde;
}
.catalogItem__mark.sale {
  background-color: #147575;
}
.catalogItem__mark.buy {
  background-color: #006c9c;
}

.catalogSubCategory {
  z-index: 2;
  margin-top: 40px;
}
.catalogSubCategory__inner {
  padding: 0 0 40px 0;
  display: flex;
  flex-direction: column;
}

.chat {
  width: 100%;
  height: 100%;
}
.chat__container {
  height: 100%;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(145, 158, 171, 0.16);
}
.chat__header {
  padding: 12px 16px;
  height: 56px;
  border-radius: 16px 16px 0 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(145, 158, 171, 0.2);
}
.chat__header__icon {
  width: 34px;
  height: 34px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: rgba(0, 184, 217, 0.16);
  color: #116262;
}
.chat__header__name {
  max-width: calc(100% - 252px);
  margin-right: 6px;
  color: #1c1c1c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat__header__link {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #637381;
  margin-left: auto;
}
.chat__header__link:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../svg/icon_chat_link.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.chat__header__link.hidden {
  display: none;
}
.chat__header__close {
  margin-left: auto;
  width: 36px;
  height: 36px;
  background-image: url("../svg/icon_chat_close.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.chat__footer {
  padding: 0 8px 0 16px;
  height: 56px;
  background-color: #ffffff;
  border-radius: 0 0 16px 16px;
  border-top: 1px solid rgba(145, 158, 171, 0.2);
  display: flex;
  align-items: center;
}
.chat__footer input {
  width: calc(100% - 72px);
  border: none;
  color: #212b36;
}
.chat__footer input:focus {
  outline: none;
}
.chat__footer input::placeholder {
  color: #919eab;
}
.chat__footer__addImg {
  width: 36px;
  height: 36px;
  background-image: url("../svg/icon_chat_addImage.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.chat__footer__send {
  width: 36px;
  height: 36px;
  background-image: url("../svg/icon_chat_send.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.chat__messages {
  height: calc(100% - 112px);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
.chat__messages::-webkit-scrollbar {
  width: 6px;
}
.chat__messages::-webkit-scrollbar-track {
  background: #ffffff;
}
.chat__messages::-webkit-scrollbar-thumb {
  background: rgba(99, 115, 129, 0.48);
}
.chat__message {
  display: flex;
  gap: 16px;
  padding: 10px;
  border-radius: 10px;
}
.chat__message .name {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  border-radius: 100px;
  color: #ffffff;
  flex-shrink: 0;
}
.chat__message.own-message {
  flex-direction: row-reverse;
  margin-left: auto;
  background: rgba(34, 197, 94, 0.12);
}
.chat__message.own-message .name {
  background: #118d57;
}
.chat__message.own-message .time {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.chat__message.other-message {
  margin-right: auto;
  background: rgba(0, 184, 217, 0.12);
}
.chat__message.other-message .name {
  background: #006c9c;
}
.chat__message .content {
  padding: 5px 0 0 12px;
  display: flex;
  flex-direction: column;
}
.chat__message .text {
  display: inline-block;
  color: #212b36;
  word-break: break-word;
}
.chat__message .time {
  color: #919eab;
}
.chat__message img {
  max-width: 320px;
  width: 100%;
  border-radius: 10px;
  object-fit: contain;
  margin-bottom: 8px;
}
.chat__date {
  text-align: center;
  color: #637381;
}
.chat__system {
  text-align: center;
  color: #637381;
}

.dropdown {
  padding: 6px 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24),
    -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  display: flex;
  flex-direction: column;
}
.dropdown__item {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 40px;
}
.dropdown input {
  display: none;
}
.dropdown input + label {
  position: relative;
  cursor: pointer;
  padding-left: 40px;
  user-select: none;
  color: #212b36;
}
.dropdown input + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  border: 1px solid #147575;
  background-color: #fff;
  box-sizing: border-box;
}
.dropdown input + label span {
  display: inline-block;
  width: max-content;
}
.dropdown input:checked + label:after {
  content: "";
  position: absolute;
}
.dropdown input[type="checkbox"] + label::before {
  border-radius: 4px;
}
.dropdown input[type="checkbox"]:checked + label:before {
  background-color: #147575;
  border-color: #147575;
}
.dropdown input[type="checkbox"]:checked + label:after {
  left: 8px;
  top: 44%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.dropdown input[type="radio"] + label::before {
  border-radius: 50%;
}
.dropdown input[type="radio"]:checked + label:after {
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background-color: #147575;
  border-radius: 50%;
}

.emptyFolder {
  width: 100%;
}
.emptyFolder__title {
  color: #212b36;
  padding: 40px 0;
}
.emptyFolder__content {
  padding: 40px;
  border-radius: 16px;
  background: #f9fafb;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  align-items: center;
}
.emptyFolder__info {
  color: #212b36;
  text-align: center;
}

.footer {
  position: relative;
  /* margin-top: 143px; */
  /* border-radius: 80px 80px 0 0; */
  border-top: 1px solid rgba(145, 158, 171, 0.2);
  background-color: #147575;
  z-index: 1;
}
@media (max-width: 1365px) {
  .footer {
    border-radius: 40px 40px 0 0;
  }
}
@media (max-width: 659px) {
  .footer {
    margin-top: 83px;
  }
}
@media (max-width: 414px) {
  .footer {
    border-radius: 30px 30px 0 0;
  }
}
.footer__inner {
  padding: 80px 0 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 80px 0;
}
@media (max-width: 1023px) {
  .footer__inner {
    gap: 40px 0;
  }
}
@media (max-width: 659px) {
  .footer__inner {
    padding: 60px 0 40px;
  }
}
.footer__infoBlock {
  width: 50%;
}
@media (max-width: 1023px) {
  .footer__infoBlock {
    width: 100%;
  }
}
.footer__logo {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
}
.footer__text {
  max-width: 441px;
  color: #ffffff;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .footer__text {
    max-width: unset;
    margin-bottom: 20px;
  }
}
.footer__social {
  display: flex;
}
.footer__social a {
  display: block;
  width: 36px;
  height: 36px;
}
.footer__colums {
  width: 50%;
}
@media (max-width: 1023px) {
  .footer__colums {
    width: 100%;
  }
}
.footer__colums > .menu {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 659px) {
  .footer__colums > .menu {
    flex-wrap: wrap;
    gap: 32px 24px;
  }
}
.footer__colums > .menu > .menu-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 659px) {
  .footer__colums > .menu > .menu-item {
    gap: 16px;
  }
}
.footer__colums > .menu > .menu-item > a {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;

text-transform: uppercase;

color: #FFFFFF;

}
.footer__colums > .menu .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 659px) {
  .footer__colums > .menu .sub-menu {
    gap: 12px;
  }
}
.footer__colums > .menu .sub-menu a {
  display: block;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.footer__copyright {
  color: #ffffff;
}
/* .footer:before {
  content: "";
  position: absolute;
  width: 269px;
  height: 236px;
  top: -144px;
  left: calc(50% - 586px);
  background-image: url("../svg/background_footer.svg");
  background-size: cover;
  z-index: 2;
} */
@media (max-width: 1440px) {
  .footer:before {
    left: 134px;
  }
}
@media (max-width: 1023px) {
  .footer:before {
    left: 64px;
  }
}
@media (max-width: 659px) {
  .footer:before {
    width: 136px;
    height: 118px;
    top: -73px;
  }
}
.footer__actionTemplate {
  border: none;
  margin-top: 0;
}
.footer__actionTemplate:before {
  width: 255px;
  height: 199px;
  top: unset;
  bottom: 0;
  left: calc(50% - 586px);
  background-image: url("../svg/background_left_action_footer.svg");
}
@media (max-width: 1260px) {
  .footer__actionTemplate:before {
    left: 16px;
  }
}
@media (max-width: 767px) {
  .footer__actionTemplate:before {
    display: none;
  }
}
/* .footer__actionTemplate:after {
  content: "";
  position: absolute;
  width: 295px;
  height: 124px;
  bottom: 0;
  left: calc(50% + 291px);
  background-image: url("../svg/background_right_action_footer.svg");
  background-size: cover;
  z-index: 2;
} */
@media (max-width: 1260px) {
  .footer__actionTemplate:after {
    left: unset;
    right: 16px;
  }
}

.input__form {
  position: relative;
  width: 100%;
  z-index: 1;
}
.input__form input {
  width: 100%;
  height: 54px;
  padding: 16px 14px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  color: #212b36;
}
.input__form input:hover {
  border: 1px solid #212b36;
}
.input__form input:focus {
  border: 2px solid #212b36;
}
.input__form input:focus + label {
  top: -5px;
  color: #212b36;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  cursor: default;
}
.input__form input::placeholder {
  color: transparent;
}
.input__form input:not(:placeholder-shown) + label {
  top: -5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  cursor: default;
}
.input__form input:-webkit-autofill {
  background-color: #ffffff !important;
}
.input__form input:-webkit-autofill + label {
  top: -5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  cursor: default;
}
.input__form .error {
  display: none;
}
.input__form .helper {
  display: flex;
  margin-top: 8px;
  padding-left: 12px;
  gap: 4px;
  align-items: center;
  color: #637381;
}
@media (max-width: 560px) {
  .input__form .helper span {
    width: calc(100% - 20px);
  }
}
.input__form .helper:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../svg/icon_helper_input.svg");
  background-size: cover;
}
.input__form.notValid input {
  border: 2px solid #d32f2f;
}
.input__form.notValid input + label {
  top: -5px;
  color: #d32f2f;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  cursor: default;
}
.input__form.notValid input + label span {
  color: #d32f2f;
}
.input__form.notValid .error {
  display: flex;
  margin-top: 8px;
  padding-left: 12px;
  gap: 4px;
  align-items: center;
  color: #d32f2f;
}
.input__form.notValid .error:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../svg/icon_error_input.svg");
  background-size: cover;
}
.input__form.noEdit {
  pointer-events: none;
}
.input__form.noEdit input {
  color: #919eab;
}
.input__form label {
  position: absolute;
  top: 18px;
  left: 15px;
  padding: 0 2px;
  background-color: #ffffff;
  z-index: 2;
  color: #637381;
  transition: 0.2s;
  cursor: text;
}
.input__form label span {
  color: #919eab;
}
.input__formAd {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.input__formAd label {
  display: block;
  margin-bottom: 12px;
}
.input__formAd label .required {
  color: #d32f2f;
}
.input__formAd label .info {
  color: #919eab;
}
.input__formAd input {
  width: 100%;
  height: 54px;
  padding: 16px 14px;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid rgba(145, 158, 171, 0.2);
  color: #212b36;
}
.input__formAd input:hover {
  border: 1px solid #212b36;
}
.input__formAd input:focus {
  border: 2px solid #212b36;
}
.input__formAd input::placeholder {
  color: #919eab;
}
.input__formAd input:-webkit-autofill {
  background-color: #ffffff !important;
}
.input__formAd input:read-only {
  cursor: pointer;
}
.input__formAd__helperVal {
  display: flex;
  gap: 24px;
}
.input__formAd__helperVal .symbolCount {
  margin-top: 8px;
  color: #637381;
  margin-left: auto;
}
.input__formAd__helperVal .symbolCount.tooMuch {
  color: #d32f2f;
}
.input__formAd .error {
  display: none;
}
.input__formAd.notValid input,
.input__formAd.notValid textarea {
  border: 2px solid #d32f2f;
}
.input__formAd.notValid input + label,
.input__formAd.notValid textarea + label {
  color: #d32f2f;
  cursor: default;
}
.input__formAd.notValid input + label span,
.input__formAd.notValid textarea + label span {
  color: #d32f2f;
}
.input__formAd.notValid .error {
  display: flex;
  margin-top: 8px;
  padding-left: 12px;
  gap: 4px;
  align-items: center;
  color: #d32f2f;
}
.input__formAd.notValid .error:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../svg/icon_error_input.svg");
  background-size: cover;
}
.input__formAd textarea {
  width: 100%;
  height: 158px;
  padding: 12px 16px;
  border-radius: 8px;
  color: #212b36;
  border: 1px solid rgba(145, 158, 171, 0.2);
  background: rgba(145, 158, 171, 0.08);
  resize: none;
}
.input__formAd textarea::placeholder {
  color: #919eab;
}
.input__togglePass {
  position: absolute;
  top: 16px;
  right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_show_pass.svg");
  background-size: cover;
  cursor: pointer;
}
.input__togglePass.showPass {
  background-image: url("../svg/icon_hide_pass.svg");
}
.input__arrowBottom {
  position: absolute;
  top: 52px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url("../svg/icon_black_arrow_bottom.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.input__search {
  width: 100%;
  height: 68px;
  padding: 9px 78px 9px 24px;
  border: 1px solid #ffffff;
  border-radius: 62px;
  background: #ffffff;
  outline: none;
}
.input__search:focus {
  border-color: #147575;
  outline: none;
}
.input__search::placeholder {
  color: #919eab;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.input__searchForum {
  width: 100%;
  height: 54px;
  padding: 15px 14px 15px 46px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  outline: none;
}
.input__searchForum:focus {
  border-color: #147575;
  outline: none;
}
.input__searchForum::placeholder {
  color: #919eab;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.input__fakeSelect {
  display: none;
  position: absolute;
  top: 100%;
  padding: 14px 16px;
  width: 100%;
  flex-direction: column;
  gap: 12px;
  border-radius: 12px;
  background: #f9fafb;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24),
    -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  z-index: 2;
}
.input__fakeSelect li {
  cursor: pointer;
  color: #212b36;
}
.input__fakeSelect li:hover {
  color: #147575;
}
.input__fakeSelect__flag img {
  margin: 0 auto;
  width: 40px;
  height: auto;
}
.input__fakeSelectFlag {
  width: 24px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 18px;
  pointer-events: none;
  display: flex;
}
.input__radioGroup {
  display: flex;
  gap: 12px;
}
.input__radioGroup__radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #212b36;
}
.input__radioGroup__radio input[type="radio"] {
  display: none;
}
.input__radioGroup__radio input[type="radio"] + label {
  height: 54px;
  padding: 0 42px 0 16px;
  align-content: center;
  position: relative;
  cursor: pointer;
  user-select: none;
  color: #212b36;
  margin-bottom: 0;
}
.input__radioGroup__radio input[type="radio"] + label::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  border: 1px solid #147575;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}
.input__radioGroup__radio input[type="radio"] + label span {
  display: inline-block;
  width: max-content;
}
.input__radioGroup__radio input[type="radio"]:checked + label {
  border-radius: 8px;
  background: rgba(145, 158, 171, 0.08);
}
.input__radioGroup__radio input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background-color: #147575;
  border-radius: 50%;
}
.input__previewContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}
.input__previewContainer .preview-item {
  position: relative;
  width: calc((100% - 88px) / 5);
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 12px;
  border: 1px dashed rgba(145, 158, 171, 0.2);
  background: rgba(145, 158, 171, 0.08);
}
@media (max-width: 767px) {
  .input__previewContainer .preview-item {
    width: calc((100% - 66px) / 4);
  }
}
@media (max-width: 560px) {
  .input__previewContainer .preview-item {
    width: calc((100% - 22px) / 2);
  }
}
.input__previewContainer .preview-item:before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("../svg/icon_upload_img.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.input__previewContainer .preview-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.input__previewContainer .preview-item.add-photo {
  cursor: pointer;
  color: #147575;
}
.input__previewContainer .preview-item.add-photo:hover {
  border-color: #147575;
}
.input__previewContainer .preview-item.add-photo input[type="file"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.input__previewContainer .preview-item.filled:before {
  content: none;
}
.input__previewContainer .preview-item .remove-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 28px;
  height: 28px;
  background-image: url("../svg/icon_upload_img_close.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.input__previewContainer .preview-item .main-label {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 24px;
  color: #ffffff;
  text-align: center;
  background-color: #147575;
  border-radius: 0 0 12px 12px;
}
.input__formRadio {
  display: flex;
  flex-direction: column;
}
.input__formRadio > label {
  margin-bottom: 12px;
}
.input__radio {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
}
.input__radio label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.4;
}
.input__radio label input[type="radio"] {
  display: none;
}
.input__radio label span {
  position: relative;
  padding-left: 23px;
}
.input__radio label span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #147575;
  border-radius: 50%;
  background: #fff;
  transition: 0.3s;
}
.input__radio label span::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #147575;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.input__radio label input[type="radio"]:checked + span::before {
  border-color: #147575;
}
.input__radio label input[type="radio"]:checked + span::after {
  opacity: 1;
}
.input__formTextarea {
  display: flex;
  flex-direction: column;
}
.input__formTextarea textarea {
  padding: 10px 14px;
  width: 100%;
  min-height: 114px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  resize: none;
}
.input__formTextarea textarea::placeholder {
  color: #637381;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.input__formTextarea__helperVal {
  display: flex;
  gap: 24px;
}
.input__formTextarea__helperVal .symbolCount {
  margin-top: 4px;
  color: #637381;
  margin-left: auto;
}
.input__formTextarea__helperVal .symbolCount.tooMuch {
  color: #d32f2f;
}
.input__formTextarea .error {
  display: none;
}
.input__formTextarea.notValid input,
.input__formTextarea.notValid textarea {
  border: 2px solid #d32f2f;
}
.input__formTextarea.notValid input + label,
.input__formTextarea.notValid textarea + label {
  color: #d32f2f;
  cursor: default;
}
.input__formTextarea.notValid input + label span,
.input__formTextarea.notValid textarea + label span {
  color: #d32f2f;
}
.input__formTextarea.notValid .error {
  display: flex;
  margin-top: 8px;
  padding-left: 12px;
  gap: 4px;
  align-items: center;
  color: #d32f2f;
}
.input__formTextarea.notValid .error:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../svg/icon_error_input.svg");
  background-size: cover;
}

.form__actionTemplate {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 560px) {
  .form__actionTemplate {
    gap: 16px;
  }
}
.form__adCreate {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form__adCreate .form__row {
  gap: 32px;
}
.form__row {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media (max-width: 560px) {
  .form__row {
    flex-direction: column;
  }
}
.form__rowBtn {
  display: flex;
  gap: 12px;
  justify-content: end;
}
.form__rowCurrency {
  width: 100%;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .form__rowCurrency {
    gap: 16px;
  }
}
.form__rowCurrency > div:first-child {
  width: 70%;
}
@media (max-width: 767px) {
  .form__rowCurrency > div:first-child {
    width: 60%;
  }
}
.form__rowCurrency > div:last-child {
  width: calc(30% - 16px);
}
@media (max-width: 767px) {
  .form__rowCurrency > div:last-child {
    width: calc(40% - 16px);
  }
}
.form__rowPhone {
  width: 100%;
  display: flex;
  gap: 16px;
  justify-content: start;
  z-index: 2;
}
@media (max-width: 767px) {
  .form__rowPhone {
    gap: 16px;
  }
}
.form__rowPhone > div:first-child {
  width: 100px;
}
@media (max-width: 767px) {
  .form__rowPhone > div:first-child {
    width: 100px;
  }
}
.form__rowPhone > div:last-child {
  width: calc(100% - 116px);
}
@media (max-width: 767px) {
  .form__rowPhone > div:last-child {
    width: calc(100% - 116px);
  }
}
.form__rowPhone .input__arrowBottom {
  top: 18px;
}
.form__forgotPass {
  color: #212b36;
  width: fit-content;
  align-self: end;
  text-decoration-line: underline;
}
.form__socialLogin {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .form__socialLogin {
    flex-direction: column;
  }
}
.btn__social {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  transition: 0.2s;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.btn__social:hover {
  border-color: #212b36;
  background-color: #f4f6f8;
}
.btn__social svg {
  width: 23px;
  height: 23px;
  flex-shrink: 0;
}
.btn__social span {
  color: #147575;
}
.form__divider {
  display: flex;
  align-items: center;
  margin: 24px 0;
  position: relative;
}
.form__divider::before {
  content: "";
  flex: 1;
  height: 1px;
  background-color: rgba(145, 158, 171, 0.2);
}
.form__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: rgba(145, 158, 171, 0.2);
}
.form__divider__text {
  padding: 0 16px;
  color: #637381;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background-color: #ffffff;
}
.form__condition {
  padding: 0 10px;
  color: #637381;
  text-align: center;
}
.form__condition a {
  color: #147575;
  text-decoration-line: underline;
}
.form__boost {
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .form__boost {
    flex-direction: column;
  }
}
.form__boost__left {
  width: calc(100% - 392px);
  padding: 40px;
  border-radius: 16px;
  border: 1px dashed rgba(145, 158, 171, 0.16);
}
@media (max-width: 1023px) {
  .form__boost__left {
    width: 100%;
    padding: 0;
  }
}
.form__boost__left__title {
  color: #212b36;
  margin-bottom: 40px;
}
.form__boost__left__card {
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.16);
  background: #ffffff;
  padding: 20px;
}
.form__boost__right {
  display: flex;
  flex-direction: column;
  width: 368px;
  padding: 40px;
  border-radius: 16px;
  background: #f4f6f8;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
@media (max-width: 1023px) {
  .form__boost__right {
    width: 100%;
    padding: 20px;
  }
}
.form__boost__right .title {
  color: #212b36;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.form__boost__right .tag {
  width: fit-content;
  padding: 4px 6px;
  color: #006c9c;
  border-radius: 6px;
  background: rgba(0, 184, 217, 0.16);
  margin-top: 8px;
}
.form__boost__right .price {
  color: #212b36;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  transition: 0.3s;
}
.form__boost__right .sep {
  margin: 30px 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed rgba(145, 158, 171, 0.2);
}
.form__boost__right .list__title {
  color: #212b36;
  margin-bottom: 16px;
}
.form__boost__right .list__item {
  width: 100%;
  color: #212b36;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 40px;
}
.form__boost__right .list__item span {
  width: calc(100% - 28px);
}
.form__boost__right .list__item.checked:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../svg/icon_list_checked.svg");
  background-size: cover;
}
.form__boost__right .totalPrice {
  color: #212b36;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}
.form__contact {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.form__editBtn {
  display: flex;
  gap: 12px;
  justify-content: end;
}
.form__editBtn.hidden {
  display: none;
}
.form__forumReply {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form__forumReply .input__form label {
  background-color: #f4f6f8;
}
.form__forumReply.hidden {
  display: none;
}
.form__forum.is-guest {
  display: block;
}

.banner {
  position: fixed;
  bottom: 0;
  height: 95px;
  width: 100%;
  background: #fafcf1;
  z-index: 99;
}
@media (max-width: 767px) {
  .banner {
    display: none;
  }
}
.banner__container {
  position: relative;
  max-width: 1200px;
  height: 100%;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.banner__icon {
  display: flex;
  width: 74px;
  height: 68px;
  justify-content: center;
  align-items: center;
  border-radius: 90px;
  background: rgba(20, 117, 117, 0.09);
}
@media (max-width: 413px) {
  .banner__icon {
    display: none;
  }
}
.banner__info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
@media (max-width: 1023px) {
  .banner__info {
    max-width: 45%;
  }
}
@media (max-width: 767px) {
  .banner__info {
    display: none;
  }
}
.banner__title {
  color: #272727;
}
.banner__subtitle {
  color: #212b36;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .banner__subtitle {
    display: none;
  }
}
.banner__close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .banner__close {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }
}

/* body.admin-bar .header {
  margin-top: 32px; /* Indentation under the admin panel */
} */

.header {
  max-height: 100px;
  padding: 20px 0;
  width: 100%;
  background-color: rgba(241, 237, 222, 0.7019607843);
  backdrop-filter: blur(7px);
  border-radius: 0 0 20px 20px;
  position: fixed;
  top: 0;
  z-index: 99;
}
@media (max-width: 413px) {
  .header .container {
    padding: 0 8px;
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logoSection {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}
@media (max-width: 659px) {
  .header__logoSection {
    width: 50px;
    height: 50px;
  }
}
.header__logoSection__title {
  color: #212b36;
}
@media (max-width: 767px) {
  .header__logoSection__title {
    display: none;
  }
}
.header__menu {
  display: flex;
  align-items: center;
  margin-left: 32px;
}
@media (max-width: 1023px) {
  .header__menu {
    display: none;
  }
}
.header__menu-list {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__menu .menu-item {
  margin: 0;
}
.header__menu .menu-item a {
  color: #212b36;
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0;
  transition: color 0.3s ease;
}
.header__menu .menu-item a:hover {
  color: #147575;
}
.header__menu .menu-item.current-menu-item a,
.header__menu .menu-item.current-page-ancestor a {
  color: #147575;
  font-weight: 700;
}
.header__accessBar {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .header__accessBar {
    gap: 8px;
  }
}
@media (max-width: 413px) {
  .header__accessBar {
    gap: 0;
  }
}
.header__accessIcon {
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 413px) {
  .header__accessIcon {
    width: 40px;
  }
}
.header__accessIcon.new:after {
  content: "";
  width: 11px;
  height: 11px;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 500px;
  border: 1px solid #ffffff;
  background: #ff6659;
}
.header__accessIcon img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.header__actionButtons {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 350px) {
  .header__actionButtons {
    gap: 4px;
  }
}
.header__dropdown {
  position: relative;
  padding: 6px 0;
}
.header__dropdown__title {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.header__dropdown__title svg {
  fill: #147575;
}
.header__dropdown__title:hover svg path {
  fill: #fff;
}
.header__dropdown__list {
  display: none;
  width: fit-content;
  border-radius: 12px;
  background: #ffffff;
  padding: 8px 16px 12px 16px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24),
    -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  z-index: 9;
}
.header__dropdown__item {
  padding: 8px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  color: #1c1c1c;
  white-space: nowrap;
}
.header__dropdown__item:hover {
  color: #147575;
}
.header__dropdown__item.logout {
  border-radius: 8px;
  background: rgba(20, 117, 117, 0.08);
}
.header__dropdown__item.logout:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_logout.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header__dropdown:hover .header__dropdown__list {
  display: block;
}
.header__dropdown:hover .header__dropdown__title {
  color: #ffffff;
  background-color: #147575;
  border: 1px solid #147575;
}
.header__dropdown:hover .header__dropdown__title svg {
  fill: #ffffff;
}
.header__langBar {
  margin-right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__langBar__item {
  padding: 10px 8px;
  cursor: pointer;
}
.header__langBar__item:hover {
  color: #147575;
  font-weight: 700;
}
.header__langBar__item.active {
  color: #147575;
  font-weight: 700;
  pointer-events: none;
  cursor: default;
}
.header__langBar__sep {
  width: 1px;
  height: 18px;
  background-color: #637381;
}
.header__langBar .gtranslate_wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__langBar .gtranslate_wrapper .glink {
  color: #212b36;
  padding: 10px 8px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
}
.header__langBar .gtranslate_wrapper .glink:hover {
  color: #147575;
  font-weight: 700;
}
.header__langBar .gtranslate_wrapper .glink.gt-current-lang {
  color: #147575;
  font-weight: 700;
  pointer-events: none;
  cursor: default;
}
.header__langBar .gtranslate_wrapper .glink:nth-child(1)::after {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #637381;
}
.header__langBar .gtranslate_wrapper .glink[data-gt-lang="uk"] {
  font-size: 0;
  height: 42px;
  position: relative;
}
.header__langBar .gtranslate_wrapper .glink[data-gt-lang="uk"]::before {
  content: "UA";
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  .header__mob__hidden {
    display: none;
  }
}
.header__mob__show {
  display: none;
}
@media (max-width: 1023px) {
  .header__mob__show {
    display: flex;
    align-items: center;
  }
}
.header__mob__noLoginShow {
  display: none;
}
@media (max-width: 1023px) {
  .header__mob__noLoginShow {
    display: flex;
    margin-right: 10px;
  }
}
.header__mob__noLoginShow .header__langBar__item {
  padding: 10px 2px;
}
.header__mob__lang {
  display: none;
}
@media (max-width: 1023px) {
  .header__mob__lang {
    display: flex;
    justify-content: center;
    margin-right: 0;
  }
}
.header__mob__profile {
  display: none;
}
@media (max-width: 1023px) {
  .header__mob__profile {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
}
@media (max-width: 413px) {
  .header__mob__profile {
    width: 40px;
  }
}

/* Бургер-меню */
.header__burger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 0;
}
@media (max-width: 1023px) {
  .header__burger {
    display: flex;
  }
}
.header__burger__line {
  display: block;
  width: 100%;
  height: 2px;
  background: #147575;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.header__burger.active .header__burger__line:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.header__burger.active .header__burger__line:nth-child(2) {
  opacity: 0;
}
.header__burger.active .header__burger__line:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* Мобильное меню */
.header__mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.header__mobileMenu.active {
  visibility: visible;
  opacity: 1;
}
.header__mobileMenu__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}
.header__mobileMenu__content {
  position: absolute;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 85%;
  height: 100%;
  background: #ffffff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.header__mobileMenu.active .header__mobileMenu__content {
  transform: translateX(0);
}
.header__mobileMenu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #e5e7eb;
}
.header__mobileMenu__logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}
.header__mobileMenu__logo img {
  width: 40px;
  height: 40px;
}
.header__mobileMenu__close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #212b36;
  padding: 0;
  transition: color 0.3s ease;
}
.header__mobileMenu__close:hover {
  color: #147575;
}
.header__mobileMenu__close svg {
  width: 24px;
  height: 24px;
}
.header__mobileMenu__nav {
  flex: 1;
  padding: 20px;
}
.header__mobileMenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.header__mobileMenu__list .menu-item {
  margin: 0;
  border-bottom: 1px solid #f3f4f6;
}
.header__mobileMenu__list .menu-item:last-child {
  border-bottom: none;
}
.header__mobileMenu__list .menu-item a {
  display: block;
  padding: 16px 0;
  color: #212b36;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  transition: color 0.3s ease;
}
.header__mobileMenu__list .menu-item a:hover,
.header__mobileMenu__list .menu-item.current-menu-item a,
.header__mobileMenu__list .menu-item.current-page-ancestor a {
  color: #147575;
}
.header__mobileMenu__list .menu-item.current-menu-item a {
  font-weight: 700;
}

.howWork{
  background: #F1EDDE;
}
.howWork__inner {
  padding: 80px 0;
}
@media (max-width: 659px) {
  .howWork__inner {
    padding: 60px 0;
  }
}
.howWork__title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #212B36;
}
.howWork__info {
  color: #454f5b;
  text-align: center;
  margin-bottom: 12px;
}
.howWork__tabs {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.howWork__tabs__titles {
  position: relative;
  display: flex;
  gap: 40px;
  padding: 13px 0;
}
.howWork__tabs__titles:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(145, 158, 171, 0.08);
}
.howWork__tabs__title {
  position: relative;
  color: #637381;
  cursor: pointer;
}
.howWork__tabs__title:hover {
  color: #147575;
}
.howWork__tabs__title:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 100%;
  height: 2px;
  background-color: #147575;
}
.howWork__tabs__title.active {
  color: #147575;
  cursor: default;
}
.howWork__tabs__title.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 100%;
  height: 2px;
  background-color: #147575;
}
.howWork__tabs__content {
  display: none;
  flex-direction: column;
  gap: 24px;
}
.howWork__tabs__content.active {
  display: flex;
}
.howWork__tabs__item {
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 0 8px;
  flex-wrap: wrap;
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
.howWork__tabs__item img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.howWork__tabs__item__title {
  width: calc(100% - 56px);
  color: #272727;
}
.howWork__tabs__item__info {
  width: 100%;
  color: #637381;
  padding: 0 56px;
}
@media (max-width: 659px) {
  .howWork__tabs__item__info {
    padding: 0 0 0 56px;
  }
}
@media (max-width: 350px) {
  .howWork__tabs__item__info {
    padding: 0 0 0 10px;
  }
}

/* How Work Cards Styles */
.howWork__subtitle {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;  
  color: #454F5B;
  margin-top: 12px;
}

.howWork__cards {
  display: flex;
  gap: 8px;
  margin-top: 48px;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .howWork__cards {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .howWork__cards {
    flex-direction: column;
    gap: 16px;
  }
}

.howWork__card {
  position: relative;
  border-radius: 8px;
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  min-width: 0;
  width: 200px;
  max-width: 100%;
  flex: 1 1 200px;
  height: 400px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}



.howWork__card--active {
  min-width: 0;
  width: 320px;
  max-width: 100%;
  flex: 1 1 320px;
  height: 400px;

}

.howWork__card__closed,
.howWork__card__open {
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.howWork__card__closed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  gap: 16px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  justify-content: space-between;

}

.howWork__card__open {
  display: flex;
  flex-direction: column;
  gap: 16px;
  opacity: 0;
  visibility: hidden;
  justify-content: space-between;
}

.howWork__card--active .howWork__card__closed {
  opacity: 0;
  visibility: hidden;
}

.howWork__card--active .howWork__card__open {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.howWork__card__icon {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  transform: none !important;
  transition: none !important;
}


.howWork__card__number {
  text-align: left;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #147575;
  padding: 8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F1EDDE;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.howWork__card__content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.howWork__card__title{
text-align: left;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
max-width: 90%;
}



.howWork__card__description {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #454F5B;
opacity: 0;
}

.howWork__card--active .howWork__card__description {
opacity: 1;
}




@media (max-width: 1200px) {
  .howWork__card {
    min-width: 0;
    width: 180px;
    flex: 1 1 180px;
    height: 380px;
  }
  
  .howWork__card--active {
    min-width: 0;
    width: 280px;
    flex: 1 1 280px;
    height: 380px;
  }
  
  .howWork__card__closed,
  .howWork__card__open {
    padding: 28px 20px;
  }
}

@media (max-width: 992px) {
  .howWork__card {
    min-width: 0;
    width: 160px;
    flex: 1 1 160px;
  }
  
  .howWork__card--active {
    min-width: 0;
    width: 240px;
    flex: 1 1 240px;
  }
}

@media (max-width: 900px) {
  .howWork__card {
    min-width: 0;
    width: 150px;
    flex: 1 1 150px;
  }
  
  .howWork__card--active {
    min-width: 0;
    width: 220px;
    flex: 1 1 220px;
  }
}

@media (max-width: 768px) {
  .howWork__card {
    min-width: 0;
    width: 100%;
    flex: 1 1 100%;
    height: auto;
    min-height: 300px;
  }
  
  .howWork__card--active {
    min-width: 0;
    width: 100%;
    flex: 1 1 100%;
    height: auto;
    min-height: 300px;
  }
}

@media (max-width: 659px) {
  .howWork__cards {
    margin-top: 32px;
  }
  
  .howWork__card {
    min-width: 0;
    min-height: 250px;
    width: 100%;
    flex: 1 1 100%;
    height: auto;
  }
  
  .howWork__card--active {
    min-width: 0;
    width: 100%;
    flex: 1 1 100%;
    height: auto;
    min-height: 250px;
  }
  
  .howWork__card__closed,
  .howWork__card__open {
    padding: 24px 20px;
  }
  
  .howWork__card__icon {
    width: 56px;
    height: 56px;
    transform: none !important;
    transition: none !important;
  }
  

  


}

/* Advantages Section */
.advantages {
  background: #ffffff;
  padding: 80px 0;
}

@media (max-width: 659px) {
  .advantages {
    padding: 60px 0;
  }
}

.advantages__inner {

}

.advantages__title {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
color: #212B36;
margin-bottom: 12px;
max-width: 760px;
}

@media (max-width: 659px) {
  .advantages__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.advantages__subtitle {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;

color: #454F5B;
margin-bottom: 40px;
max-width: 760px;
}

.advantages__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .advantages__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 659px) {
  .advantages__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.advantages__card {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}



.advantages__card__image {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.advantages__card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.advantages__card:hover .advantages__card__image img {
  transform: scale(1.05);
}

.advantages__card__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.advantages__card__title {

font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 28px;

color: #272727;

}

.advantages__card__subtitle {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;

color: #454F5B;
}

.advantages__card--overlay {
  position: relative;
  padding: 0;
}


.advantages__card--overlay .advantages__card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.advantages__card--overlay .advantages__card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advantages__card__overlay {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: left;
  background: rgba(20, 117, 117, 0.75);
  padding: 24px;
}

.advantages__card__overlay__text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
}

@media (max-width: 659px) {
  .advantages__card--overlay {
    min-height: 300px;
  }
  
  .advantages__card__overlay {
    min-height: 300px;
    padding: 32px 20px;
  }
  
  .advantages__card__overlay__text {
    font-size: 18px;
    line-height: 26px;
  }
}

.footer-form{
  background-color: #F1EDDE;
  padding: 80px 0;
}
@media (max-width: 659px) {
  .footer-form {
    padding: 60px 0;
  }
}
.footer-form__wrapper {
  position: relative;
  border-radius: 8px;
  padding: 64px 48px;
  background-color: #fff;
  display: flex;
  gap: 40px;
  align-items: center;
}
@media (max-width: 1023px) {
  .footer-form__wrapper {
    flex-direction: column;
    padding: 24px;
  }
}
@media (max-width: 560px) {
  .footer-form__wrapper {
    padding: 16px;
  }
}
.footer-form__content {
  flex: 1;
  min-width: 0;
  max-width: 570px;
}
.footer-form__panel {
}
@media (max-width: 560px) {
  .footer-form__panel {
    padding: 24px;
  }
}
.footer-form__title {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 48px;
color: #212B36;
margin-bottom: 12px;
}
@media (max-width: 560px) {
  .footer-form__title {
    font-size: 22px;
  }
}
.footer-form__subtitle {

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;

color: #454F5B;

}
@media (max-width: 560px) {
  .footer-form__subtitle {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.footer-form__form {
  width: 100%;
}
.footer-form__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer-form__form .wpcf7-form p {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.footer-form__form .wpcf7-form p:first-child {
  width: 100%;
}
.footer-form__form .wpcf7-form p:nth-child(2) {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
@media (max-width: 560px) {
  .footer-form__form .wpcf7-form p:nth-child(2) {
    flex-direction: column;
  }
}
.footer-form__form .wpcf7-form p:nth-child(2) .wpcf7-form-control-wrap {
  flex: 1;
}
.footer-form__form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.footer-form__form .wpcf7-form-control {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(145, 158, 171, 0.3);
  border-radius: 8px;
  font-size: 16px;
  font-family: inherit;
  background-color: #ffffff;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}
.footer-form__form .wpcf7-form-control:focus {
  outline: none;
  border-color: #147575;
}
.footer-form__form .wpcf7-form-control::placeholder {
  color: #919eab;
}
.footer-form__form label {
  display: block;
  margin-bottom: 8px;
  color: #212b36;
  font-size: 14px;
  font-weight: 500;
}
.footer-form__form .wpcf7-form-control-wrap label {
  margin-bottom: 4px;
}
.footer-form__form .wpcf7-submit {
  background-color: #147575;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
  margin-top: 8px;
}
.footer-form__form .wpcf7-submit:hover {
  background-color: #0f5a5a;
}
.footer-form__form .wpcf7-submit:active {
  transform: translateY(1px);
}
.footer-form__form .wpcf7-not-valid-tip {
  color: #d32f2f;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}
.footer-form__form .wpcf7-validation-errors,
.footer-form__form .wpcf7-mail-sent-ok {
  padding: 12px;
  border-radius: 8px;
  margin-top: 16px;
}
.footer-form__form .wpcf7-validation-errors {
  background-color: #ffebee;
  color: #d32f2f;
  border: 1px solid #ffcdd2;
}
.footer-form__form .wpcf7-mail-sent-ok {
  background-color: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}
.footer-form__image {
  flex-shrink: 0;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .footer-form__image {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 560px) {
  .footer-form__image {
    max-width: 300px;
  }
}
.footer-form__image img {
  height: auto;
  object-fit: contain;
  display: block;
  position: absolute;
  max-height: 558px;
  right: 0;
  bottom: 0;
}
@media (max-width: 1050px) {
  .footer-form__image img {
    display: none;
  }
  .footer-form__content{
    max-width: 100%;
  }
}

.messageWrapper {
  position: fixed;
  top: 142px;
  left: calc(50% + 152px);
  width: 424px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 9999;
}
@media (max-width: 767px) {
  .messageWrapper {
    left: unset;
    right: 24px;
  }
}
@media (max-width: 560px) {
  .messageWrapper {
    width: calc(100vw - 32px);
    left: 16px;
    right: unset;
  }
}
.messageWrapper .message {
  height: 56px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px 4px 4px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 16px 0 rgba(145, 158, 171, 0.16);
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateX(20px);
  animation: slideIn 0.3s forwards;
}
.messageWrapper .message:before {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.messageWrapper .message.info:before {
  background-color: rgba(0, 184, 217, 0.16);
  background-image: url("../svg/icon_message_info.svg");
}
.messageWrapper .message.success:before {
  background-color: rgba(34, 197, 94, 0.16);
  background-image: url("../svg/icon_message_success.svg");
}
.messageWrapper .message.warning:before {
  background-color: rgba(255, 171, 0, 0.16);
  background-image: url("../svg/icon_message_warning.svg");
}
.messageWrapper .message.error:before {
  background-color: rgba(211, 47, 47, 0.16);
  background-image: url("../svg/icon_message_error.svg");
}
.messageWrapper .message span {
  width: calc(100% - 108px);
}
.messageWrapper .message a {
  color: #147575;
}
.messageWrapper .message .close-btn {
  width: 28px;
  height: 28px;
  background-image: url("../svg/icon_message_close.svg");
  background-size: 18px 18px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.messageWrapper .message.default {
  padding: 4px 8px 4px 12px;
  background-color: #212b36;
}
.messageWrapper .message.default span {
  color: #ffffff;
  width: calc(100% - 44px);
}
.messageWrapper .message.default:before {
  content: none;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(20px);
  }
}
.searchBlock {
  position: relative;
  width: 100%;
  max-width: 657px;
}
.searchBlock.full {
  max-width: unset;
  /* padding: 40px 0 0; */
}
.searchBlock__recommend {
  display: block;
  border-radius: 8px;
  background: #ffffff;
  padding: 24px;
  position: absolute;
  width: 100%;
  top: calc(100% + 12px);
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
  z-index: 3;
  max-width: 650px;
}
.searchBlock__recommend__title {
  color: #919eab;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}
.searchBlock__recommend__content {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.searchBlock__recommend__itemTitle {
  color: #272727;
}
.searchBlock__recommend__itemCategory {
  color: #919eab;
}
.searchBlock__recommend.hidden {
  display: none;
}

.notificationPanel {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 16px 0 0 16px;
  box-shadow: -40px 40px 80px -8px rgba(145, 158, 171, 0.24);
  z-index: 99;
  transform: translateX(100%);
  transition: transform ease-in-out 0.3s;
}
.notificationPanel.open {
  transform: translateX(0);
}
.notificationPanel__header {
  padding: 16px 8px 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.notificationPanel__header__title {
  color: #212b36;
}
.notificationPanel__header__close {
  width: 36px;
  height: 36px;
  background-image: url("../svg/icon_notification_close.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.notificationPanel__content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.notificationPanel__content::-webkit-scrollbar {
  width: 6px;
}
.notificationPanel__content::-webkit-scrollbar-track {
  background: #ffffff;
}
.notificationPanel__content::-webkit-scrollbar-thumb {
  background: rgba(99, 115, 129, 0.48);
}
.notificationPanel__item {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px dashed rgba(145, 158, 171, 0.2);
}
.notificationPanel__item__date {
  color: #919eab;
}
.notificationPanel__item__text {
  color: #212b36;
}
.notificationPanel__item__text.read {
  font-weight: 400;
}
.notificationPanel__footer {
  margin: auto 0 0;
  padding: 20px;
}
.notificationPanel__delete {
  height: 46px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #b71c1c;
  border-radius: 8px;
  border: 1px solid rgba(211, 47, 47, 0.08);
  background: rgba(211, 47, 47, 0.08);
  cursor: pointer;
  transition: 0.3s;
}
.notificationPanel__delete:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_deleteAd.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.notificationPanel__delete:hover {
  background-color: #ffffff;
  border: 1px solid #b71c1c;
}

.popUp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(33, 43, 54, 0.8);
  z-index: 100;
}
.popUp__inner {
  width: fit-content;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: -40px 40px 80px -8px rgba(0, 0, 0, 0.24);
  padding: 24px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 110px);
  overflow: auto;
}
@media (max-width: 767px) {
  .popUp__inner {
    margin: 30px 0 80px;
  }
}
@media (max-width: 560px) {
  .popUp__inner {
    padding: 12px;
  }
}
.popUp__inner-noPadding {
  padding: 0;
}
@media (max-width: 560px) {
  .popUp__inner-noPadding {
    padding: 0;
  }
}
.popUp__inner::-webkit-scrollbar {
  width: 6px;
}
.popUp__inner::-webkit-scrollbar-track {
  background: #ffffff;
}
.popUp__inner::-webkit-scrollbar-thumb {
  background: rgba(99, 115, 129, 0.48);
}
.popUp__inner.confirm {
  padding: 40px;
}
@media (max-width: 560px) {
  .popUp__inner.confirm {
    padding: 12px;
  }
}
.popUp__title {
  color: #212b36;
}
.popUp__selectCategory {
  width: 1152px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1260px) {
  .popUp__selectCategory {
    width: 100%;
  }
}
.popUp__slider {
  position: relative;
  width: 90%;
  margin: 0 auto 16px;
}
.popUp__slider__prev {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  left: -44px;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  border: 1px solid #147575;
  transition: 0.3s;
  cursor: pointer;
  z-index: 3;
}
@media (max-width: 767px) {
  .popUp__slider__prev {
    left: -36px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 560px) {
  .popUp__slider__prev {
    left: -24px;
  }
}
.popUp__slider__prev svg {
  fill: #147575;
}
.popUp__slider__prev:hover {
  background-color: #147575;
}
.popUp__slider__prev:hover svg {
  fill: #ffffff;
}
.popUp__slider__prev.disabled {
  background-color: transparent;
  border: 1px solid #919eab;
  cursor: default;
}
.popUp__slider__prev.disabled svg {
  fill: #919eab;
}
.popUp__slider__next {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  right: -44px;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  border: 1px solid #147575;
  transition: 0.3s;
  cursor: pointer;
  z-index: 3;
}
@media (max-width: 767px) {
  .popUp__slider__next {
    right: -36px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 560px) {
  .popUp__slider__next {
    right: -24px;
  }
}
.popUp__slider__next svg {
  fill: #147575;
}
.popUp__slider__next:hover {
  background-color: #147575;
}
.popUp__slider__next:hover svg {
  fill: #ffffff;
}
.popUp__slider__next.disabled {
  background-color: transparent;
  border: 1px solid #919eab;
  cursor: default;
}
.popUp__slider__next.disabled svg {
  fill: #919eab;
}
.popUp__category {
  width: 144px;
  margin: 0 12px;
  padding: 22px 8px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  border: 2px solid rgba(145, 158, 171, 0.08);
  background: transparent;
  cursor: pointer;
  transition: 0.3s;
}
.popUp__category:hover {
  border: 2px solid #147575;
  background-color: #e3e5d7;
}
.popUp__category.active {
  border: 2px solid #147575;
  background-color: #e3e5d7;
  cursor: default;
}
.popUp__category img {
  width: 100px;
  margin: 0 auto 16px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.popUp__category__title {
  color: #212b36;
  text-align: center;
}
.popUp__subCategories {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  width: 100%;
}
@media (max-width: 560px) {
  .popUp__subCategories {
    gap: 12px 12px;
  }
}
.popUp__subcategory {
  width: calc((100% - 48px) / 3);
  padding: 24px;
  color: #212b36;
  border-radius: 16px;
  border: 1px solid rgba(145, 158, 171, 0.16);
  background: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .popUp__subcategory {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 560px) {
  .popUp__subcategory {
    width: max-content;
    padding: 12px;
  }
}
.popUp__subcategory:hover {
  border: 1px solid #147575;
  background-color: #e3e5d7;
}
.popUp__subcategory.active {
  border: 1px solid #147575;
  background-color: #e3e5d7;
  cursor: default;
}
.popUp__rowBtn {
  display: flex;
  gap: 12px;
  justify-content: end;
}
.popUp__confirm {
  width: 484px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .popUp__confirm {
    width: auto;
  }
}
.popUp__confirm img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  margin-bottom: 40px;
}
.popUp__confirm__title {
  color: #212b36;
  text-align: center;
  margin-bottom: 8px;
}
.popUp__confirm__text {
  color: #637381;
  text-align: center;
  margin-bottom: 40px;
}
.popUp__confirm .btn__submit {
  width: 100%;
  margin-bottom: 24px;
}
.popUp__confirm .btn__cancelConfirm {
  color: #147575;
  cursor: pointer;
}
.popUp__imageWrapper {
  max-width: calc(100vw - 80px);
  max-height: calc(100vh - 158px);
  overflow: auto;
}
.popUp__imageWrapper img {
  display: block;
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
.popUp__imageWrapper img.zoomed {
  max-width: none;
  max-height: none;
  transform-origin: top left;
  cursor: zoom-out;
}
.popUp__imageWrapper img.dragging {
  cursor: grabbing;
}
.popUp.hidden {
  display: none;
}

.catalog {
  position: relative;
  border-radius: 80px;
  background: #ffffff;
  z-index: 1;
}
@media (max-width: 1365px) {
  .catalog {
    border-radius: 40px;
  }
}
@media (max-width: 414px) {
  .catalog {
    border-radius: 30px;
  }
}

.catalog__inner--withSidebar {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin-bottom: 40px;
}
.catalog__sidebar {
  width: 254px;
  flex-shrink: 0;
  padding: 20px 0;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px;
  position: sticky;
  top: 24px;
  align-self: flex-start;
}
@media (max-width: 1023px) {
  .catalog__inner--withSidebar {
    flex-direction: column;
  }
  .catalog__sidebar {
    width: 100%;
    position: static;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    border-color: transparent;
    transition: max-height 0.35s ease, padding 0.25s ease, border-color 0.25s ease;
  }
  .catalog__sidebar.is-open {
    max-height: 1400px;
    padding: 24px;
    border-color: rgba(0, 0, 0, 0.08);
  }
}
.catalog__mobileBar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.catalog__mobileBar .searchBlock {
  flex: 1;
  min-width: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .catalog__mobileBar .input__search {
    height: 54px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .catalog__mobileBar .catalog__filtersToggle {
    display: none;
  }
}
.catalog__filtersToggle {
  display: none;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  height: 54px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  border-radius: 8px;
  background: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #212b36;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.catalog__filtersToggle:hover {
  background: #f4f6f8;
  border-color: rgba(145, 158, 171, 0.4);
}
.catalog__filtersToggle.is-active {
  background: #f0f7f7;
  border-color: #147575;
  color: #147575;
}
@media (max-width: 1023px) {
  .catalog__filtersToggle {
    display: inline-flex;
  }
}
.catalog__sidebar__hideBtn {
  display: none;
  padding-top: 16px;
  margin-top: 8px;
  border-top: 1px solid rgba(28, 28, 28, 0.08);
}
@media (max-width: 1023px) {
  .catalog__sidebar__hideBtn {
    display: block;
  }
}
.catalog__filtersHide {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: transparent;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #637381;
  cursor: pointer;
  transition: background 0.2s;
}
.catalog__filtersHide:hover {
  background: #f4f6f8;
}
.catalog__sidebar__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.catalog__sidebar__title {
  color: #212b36;
  margin: 0;
}
.catalog__sidebar__clear {
  background: none;
  border: none;
  padding: 0;
  color: #637381;
  text-decoration: underline;
  cursor: pointer;
  display: none;
}
.catalog__sidebar--showActions .catalog__sidebar__clear {
  display: inline-block;
}
.catalog__sidebar__actives {
  margin-bottom: 12px;
}
.catalog__sidebar__showAll {
  display: inline-block;
  color: #147575;
  text-decoration: none;
  margin-top: 4px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.catalog__sidebar__showAll:hover {
  text-decoration: underline;
}
.catalog__sidebar__extraCats[hidden] {
  display: none;
}
.catalog__sidebar__section--empty {
  display: none;
}
.catalog__sidebar__section {
  padding: 16px 0;
  border-bottom: 1px solid rgba(145, 158, 171, 0.2);
}
.catalog__sidebar__section:last-child,
.catalog__sidebar__section:has(+ .catalog__sidebar__section--empty) {
  border-bottom: none;
}
.catalog__sidebar__sectionTitle {
  color: #212b36;
  margin: 0 0 12px;
}
.catalog__sidebar__checkboxes {
  display: flex;
  flex-direction: column;
}
.catalog__sidebar__checkbox[data-available="0"] {
  display: none;
}
.catalog__sidebar__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  cursor: pointer;
}
.catalog__sidebar__checkbox.dropdown__item {
  padding: 6px 0;
  height: auto;
}
.catalog__sidebar__checkbox.dropdown__item input + label {
  padding-left: 0;
}
.catalog__sidebar__checkbox.dropdown__item input + label::after {
  content: none;
}
.catalog__sidebar__checkbox.dropdown__item input + label::before {
  position: static;
  transform: none;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 2px solid rgba(99, 115, 129, 1);
}
.catalog__sidebar__checkbox.dropdown__item input[type="checkbox"]:checked + label::before {
  border-color: #147575;
}
.catalog__sidebar__checkbox input {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}
.catalog__sidebar__checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.catalog__sidebar__checkbox label::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 2px solid rgba(99, 115, 129, 1);
  background: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
.catalog__sidebar__checkbox input:checked + label::before {
  border-color: #147575;
  background: #147575;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.22 15c-.23 0-.45-.1-.61-.27L3.56 10.42c-.32-.33-.3-.87.04-1.2.34-.32.88-.3 1.2.04l3.65 3.52 6.01-6.45c.19-.24.5-.36.81-.3.31.06.55.28.62.58.08.3-.02.62-.25.83l-7.62 7.77c-.16.17-.37.27-.6.27z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}
.catalog__sidebar__price {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.catalog__sidebar__sliderTrack {
  position: relative;
  height: 48px;
  padding-top: 28px;
}
.catalog__sidebar__trackBg {
  position: absolute;
  left: 0;
  right: 0;
  top: 39px;
  height: 4px;
  background: rgba(145, 158, 171, 0.24);
  border-radius: 3px;
  pointer-events: none;
}
.catalog__sidebar__trackActive {
  position: absolute;
  top: 39px;
  height: 4px;
  left: var(--min-percent, 0%);
  width: calc(var(--max-percent, 100%) - var(--min-percent, 0%));
  background: #147575;
  border-radius: 3px;
  pointer-events: none;
  z-index: 1;
}
.catalog__sidebar__tooltip {
  position: absolute;
  top: 0;
  padding: 6px 10px;
  background: #212b36;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 6px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 3;
  transform: translateX(-50%);
}

.catalog__sidebar__tooltip::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #212b36;
}
.catalog__sidebar__tooltipMin {
  left: var(--min-percent, 0%);
}
.catalog__sidebar__tooltipMax {
  left: var(--max-percent, 100%);
}
.catalog__sidebar__range {
  position: absolute;
  width: 100%;
  height: 4px;
  margin: 0;
  top: 36px;
  background: transparent;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
}
.catalog__sidebar__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #147575;
  cursor: pointer;
  pointer-events: auto;
}
.catalog__sidebar__range::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #147575;
  cursor: pointer;
  pointer-events: auto;
}
.catalog__sidebar__range::-webkit-slider-runnable-track {
  height: 4px;
  background: transparent;
  border-radius: 3px;
}
.catalog__sidebar__range::-moz-range-track {
  height: 4px;
  background: transparent;
  border-radius: 3px;
}
.catalog__sidebar__rangeMin {
  z-index: 2;
}
.catalog__sidebar__rangeMax {
  z-index: 1;
}
.catalog__sidebar__priceLabels {
  display: flex;
  justify-content: space-between;
}
.catalog__sidebar__priceInputs {
  display: flex;
  gap: 12px;
}
.catalog__sidebar__priceInput {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.catalog__sidebar__priceInput input {
  padding: 8px;
  border: 1px solid rgba(145, 158, 171, 0.24);
  border-radius: 8px;
}
.catalog__content {
  flex: 1;
  min-width: 0;
  padding-bottom: 40px;
}
.catalog__header {
  margin-bottom: 40px;
}
@media (max-width: 659px) {
  .catalog__header {
    margin-bottom: 24px;
  }
}
.catalog__title {
  margin: 0 0 12px;
  color: #212b36;
}
@media (max-width: 414px) {
  .catalog__title {
    text-align: center;
  }
}
.catalog__subtitle {
  margin: 0;
  color: #212b36;
  opacity: 0.8;
}
@media (max-width: 414px) {
  .catalog__subtitle {
    text-align: center;
  }
}
.catalog__searchTitle {
  margin: 40px 0 0;
  color: #212b36;
}
.catalog__filters {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (max-width: 659px) {
  .catalog__filters {
    gap: 8px;
  }
}
.catalog__filter {
  padding: 10px 24px;
  color: #147575;
  border-radius: 40px;
  border: 1px solid #e3e5d7;
  cursor: pointer;
  transition: 0.2s;
}
@media (max-width: 659px) {
  .catalog__filter {
    padding: 8px 14px;
  }
}
.catalog__filter:hover {
  color: #ffffff;
  font-weight: 700;
  background-color: #147575;
  border: 1px solid #147575;
}
.catalog__filter.active {
  color: #ffffff;
  font-weight: 700;
  background-color: #147575;
  border: 1px solid #147575;
  cursor: default;
}
.catalog__items {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 24px;
}
@media (max-width: 1023px) {
  .catalog__items {
    gap: 32px 21px;
  }
}
@media (max-width: 659px) {
  .catalog__items {
    gap: 24px 24px;
  }
}
@media (max-width: 560px) {
  .catalog__items {
    gap: 16px 16px;
  }
}
/* AJAX response wraps items in div[data-catalog-count] - make it transparent for flex */
.catalog__items > [data-catalog-count] {
  display: contents;
}
.catalog__navigation {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}
.catalog__count {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;

color: #212B36;
}
@media (max-width: 1023px) {
  .catalog__navigation {
    flex-direction: column;
    align-items: start;
  }
}
.catalog__navigation__inner {
  display: flex;
  align-items: center;
}
@media (max-width: 560px) {
  .catalog__navigation .breadcrumbs__title {
    display: block;
  }
}
.catalog__tagsFilter {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .catalog__tagsFilter {
    align-items: flex-start;
  }
}
@media (max-width: 560px) {
  .catalog__tagsFilter {
    flex-wrap: wrap;
  }
}
.catalog__tagsFilter__actives {
  margin-right: 40px;
}
@media (max-width: 1023px) {
  .catalog__tagsFilter__actives {
    order: 3;
    margin: 0 0 0 24px;
    max-width: calc(100% - 114px);
  }
}
@media (max-width: 560px) {
  .catalog__tagsFilter__actives {
    max-width: 100%;
    margin: 12px 0 0 0;
  }
}
.catalog__dropdown {
  position: relative;
}
@media (max-width: 1023px) {
  .catalog__dropdown {
    order: 1;
  }
}
.catalog__dropdown__title {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 36px;
  padding: 0 8px;
}
.catalog__dropdown__title:after {
  content: "";
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.catalog__dropdown__title.tagsDrop:after {
  background-image: url("../svg/icon_tags_filter.svg");
}
.catalog__dropdown__title.sortDrop:after {
  background-image: url("../svg/icon_sort_filter.svg");
}
.catalog__dropdown__list {
  display: none !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.catalog__dropdown:hover .catalog__dropdown__list {
  display: flex !important;
}
@media (max-width: 1023px) {
  .catalog__sort {
    order: 2;
  }
}
@media (max-width: 375px) {
  .catalog__sort .dropdown {
    left: 20%;
  }
}
.catalog__tagActive {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: start;
}
@media (max-width: 1023px) {
  .catalog__tagActive {
    justify-content: start;
  }
}
.catalog__tagActive__item {
  height: 32px;
  padding: 7px 8px 7px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  color: #212b36;
  background: rgba(145, 158, 171, 0.12);
}
.catalog__tagActive__close {
  width: 20px;
  height: 20px;
  background-image: url("../svg/icon_tags_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

.noPage {
  min-height: calc(100vh - 400px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.noPage__title {
  margin: 40px 0 24px;
  color: #212b36;
}
.noPage .btn {
  margin: 0 auto;
  max-width: 360px;
}

.aboutUs__hero {
  padding: 43px 0 100px;
}
.aboutUs__hero__title {
  color: #212b36;
  margin-bottom: 30px;
}
.aboutUs__hero__info {
  color: #212b36;
  font-weight: 500;
}
.aboutUs__hero__info p {
  margin-bottom: 30px;
}
.aboutUs__hero__info p:last-of-type {
  margin-bottom: 0;
}
.aboutUs__hero__info span {
  font-weight: 700;
}
.aboutUs__how {
  padding: 100px 0;
  border-radius: 80px;
  background: #ffffff;
}
@media (max-width: 1365px) {
  .aboutUs__how {
    border-radius: 40px;
  }
}
@media (max-width: 1023px) {
  .aboutUs__how {
    padding: 60px 0;
  }
}
@media (max-width: 414px) {
  .aboutUs__how {
    border-radius: 30px;
  }
}
.aboutUs__how__title {
  text-align: center;
  color: #212b36;
  margin-bottom: 32px;
}
.aboutUs__how__info {
  text-align: center;
  color: #212b36;
  margin-bottom: 42px;
}
.aboutUs__how__items {
  display: flex;
  justify-content: start;
}
@media (max-width: 767px) {
  .aboutUs__how__items {
    flex-direction: column;
    gap: 32px;
  }
}
.aboutUs__how__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 42px;
}
@media (max-width: 767px) {
  .aboutUs__how__item {
    gap: 16px;
  }
}
.aboutUs__how__content {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  align-items: center;
  padding: 0 12px;
}
.aboutUs__how__content img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.aboutUs__how__content .title {
  width: calc(100% - 56px);
  color: #272727;
}
.aboutUs__how__content .info {
  color: #212b36;
  padding-left: 56px;
}
@media (max-width: 1023px) {
  .aboutUs__how__content .info {
    padding-left: 0;
  }
}
.aboutUs__founders {
  padding: 100px 0;
}
@media (max-width: 1023px) {
  .aboutUs__founders {
    padding: 60px 0;
  }
}
.aboutUs__founders__title {
  color: #212b36;
  margin-bottom: 42px;
}
.aboutUs__founders__content {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.aboutUs__founder {
  display: flex;
  gap: 32px;
}
@media (max-width: 1023px) {
  .aboutUs__founder {
    flex-direction: column;
    align-items: center;
  }
}
.aboutUs__founder img {
  width: 222px;
  height: 222px;
  object-fit: cover;
}
.aboutUs__founder__data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aboutUs__founder__name {
  color: #272727;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .aboutUs__founder__name {
    text-align: center;
  }
}
.aboutUs__founder__info {
  color: #454f5b;
}
.aboutUs__founder__awards {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 30px;
}
.aboutUs__founder__awards__title {
  width: 100%;
  text-align: center;
  color: #454f5b;
}
.aboutUs__founder__awards__title span {
  font-weight: 600;
}
.aboutUs__founder__award {
  width: calc(33% - 30px);
}
@media (max-width: 560px) {
  .aboutUs__founder__award {
    width: 100%;
  }
}
.aboutUs__founder__award img {
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto 8px;
  min-height: 208px;
}
.aboutUs__founder__award__title {
  text-align: center;
  color: #454f5b;
  margin-bottom: 8px;
}
.aboutUs__founder__award__info {
  text-align: center;
  color: #454f5b;
}
.aboutUs__founder__ln {
  margin-top: 8px;
  color: #007ebb;
  text-decoration-line: underline;
  text-decoration-style: solid;
}
.aboutUs__team {
  padding: 80px 0;
  border-radius: 80px;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .aboutUs__team {
    padding: 60px 0;
  }
}
.aboutUs__team__title {
  color: #212b36;
  margin-bottom: 12px;
}
.aboutUs__team__info {
  color: #454f5b;
  margin-bottom: 32px;
}
.aboutUs__team img {
  border-radius: 10px;
  margin-bottom: 56px;
  width: 100%;
  object-fit: cover;
}
.aboutUs__team__workers {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.aboutUs__team__worker {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 560px) {
  .aboutUs__team__worker {
    flex-direction: column;
    gap: 16px;
  }
}
.aboutUs__team__worker img {
  margin-bottom: 0;
  width: 222px;
  height: 222px;
  object-fit: cover;
}
.aboutUs__team__worker__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aboutUs__team__worker__name {
  color: #272727;
}
@media (max-width: 560px) {
  .aboutUs__team__worker__name {
    text-align: center;
  }
}
.aboutUs__team__worker__info {
  color: #454f5b;
}
.aboutUs__honors {
  padding: 100px 0 32px;
}
@media (max-width: 1023px) {
  .aboutUs__honors {
    padding: 60px 0 32px;
  }
}
.aboutUs__honors__title {
  color: #212b36;
  margin-bottom: 12px;
}
.aboutUs__honors__info {
  color: #454f5b;
  margin-bottom: 16px;
}
.aboutUs__honors__content {
  display: flex;
  align-items: center;
  gap: 52px;
}
@media (max-width: 1140px) {
  .aboutUs__honors__content {
    flex-direction: column;
    gap: 24px;
  }
}
.aboutUs__honors__content__title {
  color: #272727;
  margin-bottom: 16px;
}
.aboutUs__honors__content__info {
  color: #454f5b;
}
.aboutUs__honors__content__info span {
  font-weight: 600;
}
.aboutUs__honors__content__info p {
  margin-bottom: 8px;
}
.aboutUs__honors__content__info p:last-of-type {
  margin-bottom: 0;
}
.aboutUs__honors__leftBlock {
  width: 662px;
}
@media (max-width: 1140px) {
  .aboutUs__honors__leftBlock {
    width: 100%;
  }
}
.aboutUs__honors__rightBlock {
  width: calc(100% - 714px);
}
@media (max-width: 1140px) {
  .aboutUs__honors__rightBlock {
    width: 100%;
  }
}
.aboutUs__honors__rightBlock img {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1140px) {
  .aboutUs__honors__rightBlock {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .aboutUs__honors__rightBlock {
    max-width: 100%;
  }
}
.aboutUs__form {
  padding: 100px 0;
}
@media (max-width: 1023px) {
  .aboutUs__form {
    padding: 60px 0;
  }
}
.aboutUs__form__wrapper {
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 0 60px 30px rgba(0, 0, 0, 0.03);
  display: flex;
}
@media (max-width: 1023px) {
  .aboutUs__form__wrapper {
    flex-direction: column;
  }
}
.aboutUs__form__leftBlock {
  border-radius: 20px 0 0 20px;
  padding: 30px 42px 45px;
  background: #147575;
  width: 451px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .aboutUs__form__leftBlock {
    border-radius: 20px 20px 0 0;
    width: 100%;
  }
}
@media (max-width: 560px) {
  .aboutUs__form__leftBlock {
    padding: 16px;
  }
}
.aboutUs__form__leftBlock__title {
  font-size: 26px;
  color: #ffffff;
  margin-bottom: 68px;
}
@media (max-width: 1023px) {
  .aboutUs__form__leftBlock__title {
    margin-bottom: 32px;
  }
}
.aboutUs__form__leftBlock__item {
  color: #ffffff;
  font-weight: 400;
  display: flex;
  gap: 25px;
  margin-bottom: 46px;
}
@media (max-width: 1023px) {
  .aboutUs__form__leftBlock__item {
    margin-bottom: 24px;
  }
}
.aboutUs__form__leftBlock__item span {
  color: #ffffff;
  width: calc(100% - 49px);
}
.aboutUs__form__leftBlock__item:before {
  content: "";
  width: 24px;
  height: 24px;
}
.aboutUs__form__leftBlock__item.phone:before {
  background-image: url("../svg/icon_contact_phone.svg");
}
.aboutUs__form__leftBlock__item.mail:before {
  background-image: url("../svg/icon_contact_mail.svg");
}
.aboutUs__form__leftBlock__item.location:before {
  background-image: url("../svg/icon_contact_location.svg");
}
.aboutUs__form__leftBlock__socials {
  display: flex;
  gap: 23px;
  margin-top: auto;
}
.aboutUs__form__leftBlock__social {
  width: 30px;
  height: 30px;
}
.aboutUs__form__rightBlock {
  width: calc(100% - 451px);
  padding: 30px 42px 24px;
}
@media (max-width: 1023px) {
  .aboutUs__form__rightBlock {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .aboutUs__form__rightBlock {
    padding: 16px;
  }
}
.aboutUs__form__rightBlock__title {
  font-size: 26px;
  color: #147575;
}
.aboutUs__form__rightBlock__subTitle {
  color: #637381;
  margin-bottom: 32px;
}

.boostPage__inner {
  padding: 80px 0 135px;
}
.boostPage__inner.hidden {
  display: none;
}
.boostPage__title {
  color: #212b36;
  margin-bottom: 16px;
  text-align: center;
}
.boostPage__subtitle {
  color: #637381;
  margin-bottom: 40px;
  text-align: center;
}
.boostPage__innerSuccess {
  padding: 80px 0 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.boostPage__innerSuccess.hidden {
  display: none;
}
.boostPage__innerSuccess img {
  margin: 80px 0;
}
.boostPage__innerSuccess .btn {
  min-width: 294px;
  margin-bottom: 12px;
}
.boostPage__innerSuccess .btn:last-child {
  margin-bottom: 0;
}

.adCreate__innerForm {
  padding: 42px 0 80px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.adCreate__innerForm .breadcrumbs {
  margin-bottom: 0;
}
.adCreate__innerForm__title {
  color: #212b36;
}
.adCreate__innerForm.hidden {
  display: none;
}
.adCreate__form {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 16px;
  background: #f9fafb;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
@media (max-width: 1023px) {
  .adCreate__form {
    padding: 20px;
  }
}
.adCreate__form__title {
  color: #212b36;
}
.adCreate__innerType {
  padding: 80px 0 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 560px) {
  .adCreate__innerType {
    padding: 40px 0 80px;
  }
}
.adCreate__innerType.hidden {
  display: none;
}
.adCreate__title {
  text-align: center;
  color: #212b36;
  margin-bottom: 16px;
}
.adCreate__subtitle {
  color: #637381;
  margin-bottom: 80px;
  max-width: 486px;
  text-align: center;
}
@media (max-width: 767px) {
  .adCreate__subtitle {
    margin-bottom: 40px;
  }
}
.adCreate__contentType {
  display: flex;
  gap: 16px;
  align-items: center;
  min-height: 405px;
}
@media (max-width: 767px) {
  .adCreate__contentType {
    flex-direction: column;
  }
}
.adCreate__contentType__item {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  padding: 40px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 560px) {
  .adCreate__contentType__item {
    padding: 20px;
  }
}
.adCreate__contentType__item .title {
  color: #212b36;
  display: flex;
  flex-direction: column;
}
.adCreate__contentType__item .tag {
  width: fit-content;
  padding: 4px 6px;
  color: #006c9c;
  border-radius: 6px;
  background: rgba(0, 184, 217, 0.16);
  margin-top: 12px;
}
.adCreate__contentType__item .price {
  color: #212b36;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  transition: 0.3s;
}
.adCreate__contentType__item .sep {
  width: 100%;
  height: 1px;
  background-color: rgba(145, 158, 171, 0.2);
}
.adCreate__contentType__item .list__title {
  color: #212b36;
  margin-bottom: 16px;
}
.adCreate__contentType__item .list__item {
  color: #212b36;
  display: flex;
  gap: 8px;
  align-items: center;
}
.adCreate__contentType__item .list__item.checked:before {
  content: "";
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-image: url("../svg/icon_list_checked.svg");
  background-size: cover;
}
.adCreate__contentType__item:hover {
  gap: 40px;
  border: 2px solid #147575;
}
.adCreate__contentType__item:hover .price {
  font-size: 48px;
  line-height: 64px;
}
.adCreate__contentType__item.active {
  gap: 40px;
  border: 2px solid #147575;
  cursor: default;
}
@media (max-width: 560px) {
  .adCreate__contentType__item.active {
    gap: 24px;
  }
}
.adCreate__contentType__item.active .price {
  font-size: 48px;
  line-height: 64px;
}
.adCreate__rowBtn {
  width: 100%;
  margin-top: 100px;
  display: flex;
  gap: 12px;
  justify-content: end;
}
@media (max-width: 560px) {
  .adCreate__rowBtn {
    margin-top: 60px;
  }
}
.adCreate__innerPayment {
  padding: 80px 0 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 560px) {
  .adCreate__innerPayment {
    padding: 40px 0 80px;
  }
}
.adCreate__innerPayment.hidden {
  display: none;
}
.adCreate__innerPayment .js-goSuccess {
  margin-top: 12px;
}
.adCreate__innerSuccess {
  padding: 80px 0 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 560px) {
  .adCreate__innerSuccess {
    padding: 40px 0 80px;
  }
}
.adCreate__innerSuccess.hidden {
  display: none;
}
.adCreate__innerSuccess img {
  margin: 80px 0;
}
.adCreate__innerSuccess .btn {
  min-width: 294px;
  margin-bottom: 12px;
}
.adCreate__innerSuccess .btn:last-child {
  margin-bottom: 0;
}
@media (max-width: 560px) {
  .adCreate .breadcrumbs__title {
    display: block;
  }
}

.authorPage {
  padding-bottom: 80px;
}

.catalogArchive .searchBlock {
  margin-top: 40px;
}

.catalogArchive__categories {
  margin-bottom: 80px;
}
.catalogArchive__categories__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
}
@media (max-width: 1023px) {
  .catalogArchive__categories__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 659px) {
  .catalogArchive__categories__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.catalogArchive__categories__title{
  margin-bottom: 24px;
}
.catalogArchive__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: 0.3s;
  height: 100%;
}
.catalogArchive__category:hover {
}
.catalogArchive__category__icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.catalogArchive__category__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catalogArchive__category__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
}
.catalogArchive__category__title {
  font-weight: 700;
  color: #212b36;
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 12px;
}
.catalogArchive__category__count {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  border: 1px solid #dfe3e8;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
  flex-shrink: 0;
}
.catalogArchive__category__subcategories {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.catalogArchive__category__subcategory {
  margin: 0;
}
.catalogArchive__category__subcategory__link {
  display: flex;
  gap: 4px;
  align-items: center;
  text-decoration: none;
  color: #212b36;
  transition: 0.2s;
  min-width: 0;
}
.catalogArchive__category__subcategory__link:hover {
  color: #147575;
}
.catalogArchive__category__subcategory__name {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #454F5B;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catalogArchive__category__subcategory__count {
  flex-shrink: 0;
  display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
padding: 0px 8px;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;

color: #147575;
background-color: #F4F4F4;
border-radius: 500px;

}
.catalogArchive__category__show-all {
  margin-top: auto;
  padding-top: 8px;
  color: #147575;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: 0.2s;
  text-align: left;
  border-bottom: 1px solid #147575;
}
.catalogArchive__category__show-all:hover {
  color: #0f5a5a;
}

.catalogPost__inner {
  padding: 40px 0 80px;
}
.catalogPost__author {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.catalogPost__author__title {
  color: #212b36;
}
.catalogPost__author__city {
  color: #637381;
}
.catalogPost__content {
  margin-top: 48px;
  display: flex;
  gap: 64px;
}
@media (max-width: 1023px) {
  .catalogPost__content {
    gap: 32px;
  }
}
@media (max-width: 659px) {
  .catalogPost__content {
    margin-top: 24px;
    flex-direction: column;
  }
}
.catalogPost__slider {
  width: 56%;
  max-width: 646px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .catalogPost__slider {
    width: 40%;
  }
}
@media (max-width: 659px) {
  .catalogPost__slider {
    width: 100%;
  }
}
.catalogPost__slider__inner img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  border-radius: 16px;
}
.catalogPost__sliderNav {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding: 2px 4px;
  display: flex;
  gap: 2px;
  align-items: center;
  color: #ffffff;
  border-radius: 8px;
  background-color: #212b36;
  z-index: 2;
}
.catalogPost__sliderNav div {
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
}
.catalogPost__sliderNav__prev {
  background-image: url("../svg/icon_slider_prev.svg");
}
.catalogPost__sliderNav__next {
  background-image: url("../svg/icon_slider_next.svg");
}
.catalogPost__sliderNav__counter {
  cursor: default;
}
.catalogPost__info {
  width: calc(44% - 64px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .catalogPost__info {
    width: calc(60% - 32px);
  }
}
@media (max-width: 659px) {
  .catalogPost__info {
    width: 100%;
  }
}
.catalogPost__info__title {
  color: #212b36;
}
.catalogPost__info__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.catalogPost__info__price {
  color: #212b36;
}
.catalogPost__info__text {
  color: #212b36;
}
.catalogPost__info__text p:not(:last-of-type) {
  margin-bottom: 22px;
}
.catalogPost__buttons {
  position: relative;
  margin-top: auto;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.catalogPost__buttons__send {
  width: 100%;
}
.catalogPost__buttons__favorites {
  height: 46px;
  padding: 0 10px;
  color: #637381;
  gap: 8px;
}
.catalogPost__subContent {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 560px) {
  .catalogPost__subContent {
    margin-top: 60px;
  }
}
.catalogPost__subContent__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 560px) {
  .catalogPost__subContent__nav {
    flex-direction: column;
    gap: 12px;
  }
}
.catalogPost__subContent__nav .btn__showAll {
  margin-top: 0;
}
@media (max-width: 767px) {
  .catalogPost__subContent__title {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
  }
}
.catalogPost__subContent__posts {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 24px;
}
@media (max-width: 1023px) {
  .catalogPost__subContent__posts {
    gap: 32px 21px;
  }
}
@media (max-width: 659px) {
  .catalogPost__subContent__posts {
    gap: 24px 24px;
  }
}
@media (max-width: 560px) {
  .catalogPost__subContent__posts {
    gap: 16px 16px;
  }
}
.catalogPost__subContent__posts .catalogItem__desc {
  background-color: #ffffff;
}
.catalogPost__edits {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 8px;
  margin-top: auto;
}
.catalogPost__edits__edit {
  width: calc(50% - 4px);
  display: flex;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #919eab;
  padding: 0 16px;
  height: 48px;
  color: #212b36;
  cursor: pointer;
}
.catalogPost__edits__edit:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_editAd.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.catalogPost__edits__delete {
  width: calc(50% - 4px);
  display: flex;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #d32f2f;
  padding: 0 16px;
  height: 48px;
  color: #d32f2f;
  cursor: pointer;
}
.catalogPost__edits__delete:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_deleteAd.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.catalogPost__deactivate {
  width: 100%;
  padding: 23px 24px;
  border-radius: 16px;
  background: #f4f6f8;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.catalogPost__deactivate span {
  color: #212b36;
}
.catalogPost.isAuthor .catalogPost__inner {
  padding: 64px 0 137px;
}
@media (max-width: 1023px) {
  .catalogPost.isAuthor .catalogPost__inner {
    padding: 40px 0 80px;
  }
}
.catalogPost.isAuthor .catalogPost__content {
  margin-top: 22px;
}
.catalogPost__chat {
  position: absolute;
  width: 100%;
  height: 520px;
  bottom: 120px;
}
.catalogPost__chat.hidden {
  display: none;
}
@media (max-width: 1023px) {
  .catalogPost__chat {
    position: fixed;
    height: min(80dvh, 80vh);
    max-height: 520px;
    max-width: 60vw;
    right: 20px;
    top: 20px;
    z-index: 999;
  }
}
@media (max-width: 560px) {
  .catalogPost__chat {
    max-width: calc(100vw - 40px);
  }
}
.catalogPost .chat__header__link {
  display: none;
}

.contentPage__inner {
  padding: 80px 0;
}

.favoritesPage .catalog__title {
  margin-top: 0;
}
.favoritesPage .emptyFolder__inner {
  padding-bottom: 100px;
}
.favoritesPage .emptyFolder__content {
  min-height: 619px;
}

.forum__inner {
  padding: 36px 0 124px;
}
.forum__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #212b36;
  margin: 0;
}
.forum__subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #454f5b;
  margin: 0;
}
.forum__topBlock {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 440px) {
  .forum__topBlock {
    flex-direction: column;
  }
}
.forum__topBlock__left {
  width: calc(100% - 284px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 440px) {
  .forum__topBlock__left {
    width: 100%;
  }
}
.forum__topBlock__right {
  position: relative;
  width: 260px;
}
@media (max-width: 440px) {
  .forum__topBlock__right {
    width: 100%;
  }
}
.forum__contentBlock {
  margin-top: 38px;
  display: flex;
  gap: 24px;
}
@media (max-width: 1023px) {
  .forum__contentBlock {
    flex-direction: column;
  }
}
.forum__contentBlock__left {
  width: 368px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1023px) {
  .forum__contentBlock__left {
    width: 100%;
  }
}
.forum__contentBlock__right {
  width: calc(100% - 392px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .forum__contentBlock__right {
    width: 100%;
  }
}
.forum__info {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
.forum__info__title {
  color: #212b36;
  margin-bottom: 28px;
}
.forum__info__title.is-guest {
  margin-bottom: 0;
}
.forum__info__subtitle {
  color: #212b36;
  margin-top: 12px;
}
.forum__info__subtitle a {
  color: #147575;
}
.forum__info__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.forum__info__icon {
  color: #212b36;
  display: flex;
  gap: 16px;
  align-items: center;
}
.forum__info__icon:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
}
.forum__info__city:before {
  background-image: url("../svg/icon_forum_location.svg");
}
.forum__info__email:before {
  background-image: url("../svg/icon_forum_email.svg");
}
.forum__info__profession:before {
  background-image: url("../svg/icon_forum_profession.svg");
}
.forum__addPost {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
.forum__addPost.is-guest {
  display: none;
}
.forum__addPost .btn__submit {
  height: 36px;
  padding: 0 12px;
}
.forum__addPost .btn__submit.hidden {
  display: none;
}
.forum__addPost .btn__transparent {
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
  cursor: pointer;
}
.forum__addPost .form__rowBtn {
  margin-top: 25px;
  justify-content: space-between;
}
.forum__addPost .input__previewContainer .preview-item {
  margin-top: 25px;
}
.forum__addPost .postContent::placeholder {
  color: #919eab;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.forum #quillEditor {
  min-height: 80px;
}
.forum__listPost,
.forum__sharedPost {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.forum__listPost .no-results,
.forum__sharedPost .no-results {
  text-align: center;
  color: #212b36;
  font-weight: 400;
}
.forum__listPost.is-guest {
  margin-top: 0;
}
.forum__itemPost {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid rgba(28, 28, 28, 0.1);
  background: #fff;
  overflow: hidden;
}
/* Reorder post sections: header → media → cats → content → actions → comments */
.forum__itemPost__header      { order: 1; }
.forum__itemPost__media       { order: 2; }
.forum__itemPost__cats        { order: 3; }
.forum__itemPost__content     { order: 4; }
.forum__itemPost__additional  { order: 5; }
.forum__itemPost__commentsBlock { order: 6; }

.forum__itemPost__header {
  display: flex;
  align-items: center;
  padding: 16px 16px 24px;
  gap: 8px;
}
/* Avatar */
.forum__itemPost__avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: #F4F5F6;
}
.forum__itemPost__avatar img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.forum__itemPost__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.forum__itemPost__author {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #212b36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.forum__itemPost__date {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #919eab;
}
.forum__itemPost__content {
  padding: 0 16px 16px;
  color: #212b36;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.forum__itemPost__content.is-clamped {
  max-height: 154px; /* 7 lines × 22px */
  overflow: hidden;
  position: relative;
}
.forum__itemPost__content ul,
.forum__itemPost__content ol {
  padding-left: 40px;
  list-style-type: revert;
}
.forum__itemPost__readMore {
  order: 4;
  display: block;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #147575;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
  text-align: left;
  padding: 0 16px;
}
.forum__itemPost__readMore:hover {
  color: #116262;
}
.forum__itemPost__media {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 0 0 16px;
}
.forum__itemPost__mediaItem {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}
.forum__itemPost__mediaItem img,
.forum__itemPost__mediaItem video {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: 12px;
  
}
.forum__itemPost__mediaOverlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 10px;
  border-radius: 10px;
  background: rgba(28, 28, 28, 0.1);
  backdrop-filter: blur(20px);
  color: #ffffff;
}
.forum__itemPost__mediaPlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(28, 28, 28, 0.55);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.forum__itemPost__mediaPlay::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 18px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 3px;
}
.forum__itemPost__options {
  position: relative;
  width: 36px;
  height: 36px;
  background-image: url("../svg/icon_forum_options.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.forum__itemPost__optionsList {
  position: absolute;
  top: 0;
  right: 40px;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24),
    -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  z-index: 2;
}
.forum__itemPost__optionsList.hidden {
  display: none;
}
.forum__itemPost__option {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.forum__itemPost__option:before {
  content: "";
  width: 24px;
  height: 24px;
}
.forum__itemPost__option.edit {
  color: #212b36;
}
.forum__itemPost__option.edit:before {
  background-image: url("../svg/icon_forum_options_edit.svg");
  background-size: cover;
}
.forum__itemPost__option.delete {
  color: #212b36;
}
.forum__itemPost__option.delete:before {
  background-image: url("../svg/icon_forum_options_delete.svg");
  background-size: cover;
}
.forum__itemPost__commentsBlock {
  display: flex;
  flex-direction: column;
  padding: 40px 16px;
}
.forum__itemPost__commentsBlock .input__form input {
  background: transparent;
  height: 40px;
  padding: 9px 14px;
}
.forum__itemPost__commentsBlock .input__form label {
  top: 10px;
  color: #919eab;
}
.forum__itemPost__commentsBlock .btn__transparent {
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
  cursor: pointer;
}
.forum__itemPost__commentsBlock .btn__submit {
  height: 36px;
  padding: 0 12px;
}
.forum__itemPost__commentsBlock .form__rowBtn {
  margin-top: 12px;
}
.forum__commentForm__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}
.btn__commentCancel {
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(20, 117, 117, 0.48);
  background: transparent;
  color: #147575;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.btn__commentCancel:hover {
  background: rgba(20, 117, 117, 0.08);
}
.btn__commentCancel:disabled,
.btn__commentCancel[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.btn__commentSubmit {
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  border: none;
  background: #147575;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background 0.2s;
}
.btn__commentSubmit:hover {
  background: #0f5c5c;
}
.forum__commentLock {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.forum__itemPost__commentsBlock .input__form input {
  height: 40px;
  border-radius: 8px;
  padding: 9px 14px;
}
.forum__itemPost__comments {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-x: hidden;
  padding-top: 20px;
}
.forum__itemPost__showAllComments {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  padding: 0 8px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #147575;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
  margin-top: 4px;
  transition: background 0.15s;
}
.forum__itemPost__showAllComments:hover {
  background: #147575;
  color: #ffffff;
}
.forum__itemPost__comment {
  border-radius: 8px;
  background: #f4f6f8;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.forum__itemPost__comment__header {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.forum__itemPost__comment__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}
.forum__itemPost__comment__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 40px;
  background: #7b1fa2;
}
.forum__itemPost__comment__avatarImg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  object-fit: cover;
}
.forum__itemPost__comment__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.forum__itemPost__comment__author {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #212b36;
}
.forum__itemPost__comment__date {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #919eab;
}
.forum__itemPost__comment__content {
  margin-top: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #637381;
}
.forum__itemPost__comment__options {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.forum__itemPost__comment__option {
  color: #212b36;
  height: 30px;
  padding: 0 4px;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 560px) {
  .forum__itemPost__comment__option span {
    display: none;
  }
}
.forum__itemPost__comment__option:before {
  content: "";
  width: 18px;
  height: 18px;
  background-size: cover;
}
.forum__itemPost__comment__option.reply:before {
  background-image: url("../svg/icon_comment_reply.svg");
}
.forum__itemPost__comment__option.edit:before {
  background-image: url("../svg/icon_comment_edit.svg");
}
.forum__itemPost__comment__option.delete:before {
  background-image: url("../svg/icon_comment_delete.svg");
}
.forum__itemPost__comment__replies > .forum__itemPost__comment {
  padding: 8px 0 0 32px;
}
@media (max-width: 440px) {
  .forum__itemPost__comment__replies > .forum__itemPost__comment {
    padding: 8px 0 0 24px;
  }
}

/* ── Post categories ── */
.forum__itemPost__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px;
}
.forum__itemPost__cat {
  display: inline-flex;
  align-items: center;
  padding: 4px 15px;
  border-radius: 56px;
  background: rgba(0, 0, 0, 0.04);
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #637381;
  white-space: nowrap;
}
.forum__itemPost__cat--green,
.forum__itemPost__cat--blue,
.forum__itemPost__cat--orange,
.forum__itemPost__cat--purple,
.forum__itemPost__cat--teal,
.forum__itemPost__cat--rose {
  background: rgba(0, 0, 0, 0.04);
  color: #637381;
}

/* ── Post actions (likes, share) ── */
.forum__itemPost__additional {
  display: flex;
  align-items: center;
  padding: 16px 24px 16px 16px;
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}
.forum__itemPost__actions {
  display: flex;
  align-items: center;
  gap: 0;
}
.forum__itemPost__actionBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 8px;
  border-radius: 500px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #212b36;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  transition: background 0.15s, color 0.15s;
}
.forum__itemPost__actionBtn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.forum__itemPost__actionBtn:hover {
  background: rgba(145, 158, 171, 0.08);
}
.forum__itemPost__actionBtn.active {
  color: #E05555;
}
.forum__itemPost__actionBtn.active svg path {
  fill: #E05555;
  stroke: #E05555;
}
.forum__itemPost__actionBtn.js-shareForum.copied {
  color: var(--main, #1ABC67);
}
.forum__itemPost__actionLabel {
  color: inherit;
}

.forum__itemPost .hidden-comment {
  display: none;
}
.forum .mediaPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(33, 43, 54, 0.8);
  z-index: 100;
}
.forum .mediaPopup__content {
  width: 80%;
  padding: 24px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 110px);
  background-color: transparent;
}
.forum .mediaPopup img,
.forum .mediaPopup video {
  max-width: 100%;
  max-height: 80vh;
  margin: 0 auto;
  display: block;
  border-radius: 6px;
}
.forum .mediaPopup__close {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: url("../svg/icon_media_close.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum .mediaPopup__close {
    width: 32px;
    height: 32px;
  }
}
.forum .mediaPopup__prev {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 32px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: url("../svg/icon_media_prev.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum .mediaPopup__prev {
    width: 32px;
    height: 32px;
    left: 12px;
  }
}
.forum .mediaPopup__next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 32px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: url("../svg/icon_media_next.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum .mediaPopup__next {
    width: 32px;
    height: 32px;
    right: 12px;
  }
}
.forum__toggleAll {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #212b36;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2),
    0 12px 24px -4px rgba(145, 158, 171, 0.12);
  cursor: pointer;
}
.forum__toggleAll:after {
  content: "";
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
  background-image: url("../svg/icon_forum_right_arrow.svg");
}

.hero {
  background-image: url("../svg/background_right_action_footer.svg");
  background-position: calc(50% + 458px) bottom;
  background-repeat: no-repeat;
  background-size: 295px 124px;
}
@media (max-width: 1440px) {
  .hero {
    background-position: calc(100% - 120px) bottom;
  }
}
@media (max-width: 1023px) {
  .hero {
    background-position: calc(100% - 50px) bottom;
  }
}
@media (max-width: 659px) {
  .hero {
    background-size: 186px 62px;
  }
}
.hero__inner {
  padding: 80px 0 129px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 659px) {
  .hero__inner {
    padding: 20px 0 99px;
  }
}
.hero__inner .btn__showAll {
  align-self: flex-start;
}
.hero__title {
  color: #212b36;
  text-align: center;
  margin-bottom: 12px;
}
@media (max-width: 659px) {
  .hero__title {
    max-width: 400px;
  }
}
.hero__subtitle {
  color: #212b36;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 40px;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
@media (max-width: 414px) {
  .hero__subtitle {
    font-size: 20px;
    line-height: 32px;
  }
}
.hero__slider {
  position: relative;
  width: 100%;
  /* margin: 40px 0; */
  margin-bottom: 80px;
}
@media (max-width: 1260px) {
  .hero__slider {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 659px) {
  .hero__slider {
    margin: 0 auto;
  }
}
.hero__slider__prev {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  left: -24px;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  border: 1px solid #147575;
  transition: 0.3s;
  cursor: pointer;
  z-index: 3;
}
@media (max-width: 659px) {
  .hero__slider__prev {
    width: 28px;
    height: 28px;
  }
}
.hero__slider__prev svg {
  fill: #147575;
}
.hero__slider__prev:hover {
  background-color: #147575;
}
.hero__slider__prev:hover svg {
  fill: #ffffff;
}
.hero__slider__next {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  right: -24px;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  border: 1px solid #147575;
  transition: 0.3s;
  cursor: pointer;
  z-index: 3;
}
@media (max-width: 659px) {
  .hero__slider__next {
    width: 28px;
    height: 28px;
  }
}
.hero__slider__next svg {
  fill: #147575;
}
.hero__slider__next:hover {
  background-color: #147575;
}
.hero__slider__next:hover svg {
  fill: #ffffff;
}
/* .hero__slider:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  display: block;
  width: 32px;
  height: 100%;
  background: linear-gradient(
    to right,
    #f1edde 0%,
    #f1edde 50%,
    rgba(241, 237, 222, 0) 100%
  );
  z-index: 2;
}
@media (max-width: 659px) {
  .hero__slider:before {
    width: 24px;
    left: -2px;
  }
}
.hero__slider:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  display: block;
  width: 32px;
  height: 100%;
  background: linear-gradient(
    to left,
    #f1edde 0%,
    #f1edde 50%,
    rgba(241, 237, 222, 0) 100%
  );
  z-index: 2;
}
@media (max-width: 659px) {
  .hero__slider:after {
    width: 24px;
    right: -2px;
  }
} */
.hero__category {
  width: 144px;
  margin: 0;
  padding: 22px 8px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  background: #ECF4F4;
  cursor: pointer;
  transition: 0.2s;
}
.hero__category:hover {
  background: #D9E9E9;
}
.hero__category img {
  /* width: 100px;
  margin: 0 auto 16px;
  aspect-ratio: 1/1;
  object-fit: cover; */
  max-height: 56px;
}
.hero__category__title {
  color: #212b36;
  text-align: center;
}

/* Category Swiper */
.categorySwiper {
  width: 100%;
  padding-bottom: 50px;
  overflow: visible;
}

.categorySwiper .swiper-wrapper {
  align-items: stretch;
}

.categorySwiper .swiper-slide {
  display: flex;
  justify-content: center;
  height: auto;
}

.categorySwiper .swiper-slide .hero__category {
  width: 100%;
  /* max-width: 144px; */
}

.categorySwiper__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 10;
  border: 1px solid #DCE0E4;
  border-radius: 8px;
  padding: 4px;
}

.categorySwiper__pagination__prev,
.categorySwiper__pagination__next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 40px;
  border-radius: 6px;
  transition: 0.3s;
  cursor: pointer;
  background: transparent;
}

.categorySwiper__pagination__prev:hover,
.categorySwiper__pagination__next:hover {
  background-color: #ECF4F4;
}

.categorySwiper__pagination__prev:hover svg,
.categorySwiper__pagination__next:hover svg {
  fill: #212B36;
}

.categorySwiper__pagination__prev svg,
.categorySwiper__pagination__next svg {
  fill: #212B36;
  transition: 0.3s;
}

.categorySwiper__pagination__prev.swiper-button-disabled,
.categorySwiper__pagination__next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.categorySwiper__pagination__bullets {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.categorySwiper__pagination__bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #147575;
  opacity: 0.3;
  transition: all 0.3s ease;
  margin: 0 !important;
}

.categorySwiper__pagination__bullets .swiper-pagination-bullet-active {
  background-color: #147575;
  opacity: 1;
  width: 24px;
  height: 8px;
  border-radius: 4px;
}

@media (max-width: 659px) {
  .categorySwiper__pagination {
    gap: 12px;
  }

  .categorySwiper__pagination__prev,
  .categorySwiper__pagination__next {
    width: 28px;
    height: 28px;
  }

  .categorySwiper__pagination__prev svg,
  .categorySwiper__pagination__next svg {
    width: 16px;
    height: 16px;
  }
}

.login .actionTemplate__innerForm {
  min-height: 530px;
}
@media (max-width: 1023px) {
  .login .actionTemplate__innerForm {
    min-height: unset;
  }
}

@media (max-width: 767px) {
  .profilePage .container {
    padding: 0;
  }
}
.profilePage__inner {
  padding: 42px 0 127px;
}
@media (max-width: 767px) {
  .profilePage__inner {
    padding: 42px 0 80px;
  }
}
.profilePage__title {
  color: #212b36;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .profilePage__title {
    margin: 0 16px 24px;
  }
}
.profilePage__tabs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profilePage__tabs__titles {
  display: flex;
  gap: 40px;
}
.profilePage__tabs__titles::-webkit-scrollbar {
  height: 0;
}
@media (max-width: 767px) {
  .profilePage__tabs__titles {
    padding: 0 16px;
    width: max-content;
    max-width: 100vw;
    overflow-x: scroll;
  }
}
.profilePage__tabs__title {
  position: relative;
  display: flex;
  padding: 13px 0;
  gap: 9px;
  align-items: center;
  transition: 0.2s;
}
.profilePage__tabs__title span {
  color: #637381;
}
@media (max-width: 767px) {
  .profilePage__tabs__title span {
    white-space: nowrap;
  }
}
.profilePage__tabs__title svg {
  fill: #637381;
}
.profilePage__tabs__title:hover {
  cursor: pointer;
}
.profilePage__tabs__title:hover span {
  color: #147575;
}
.profilePage__tabs__title:hover svg {
  fill: #147575;
}
.profilePage__tabs__title:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #147575;
}
.profilePage__tabs__title.active {
  cursor: default;
}
.profilePage__tabs__title.active span {
  color: #147575;
}
.profilePage__tabs__title.active svg {
  fill: #147575;
}
.profilePage__tabs__title.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #147575;
}
.profilePage__tabs__content {
  display: none;
  padding: 40px;
  border-radius: 16px;
  background: #f9fafb;
}
@media (max-width: 767px) {
  .profilePage__tabs__content {
    margin: 0 16px;
    padding: 24px;
  }
}
.profilePage__tabs__content.active {
  display: block;
}
.profilePage__tabs__show {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.profilePage__tabs__show.hidden {
  display: none;
}
.profilePage__tabs__row {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .profilePage__tabs__row {
    flex-wrap: wrap;
  }
}
.profilePage__tabs__rowBtn {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 45px;
}
@media (max-width: 767px) {
  .profilePage__tabs__rowBtn {
    margin-top: 24px;
  }
}
.profilePage__tabs__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 347px;
  padding: 6px 0;
}
@media (max-width: 1240px) {
  .profilePage__tabs__item {
    width: calc(33% - 10px);
  }
}
@media (max-width: 767px) {
  .profilePage__tabs__item {
    width: calc(50% - 8px);
  }
}
@media (max-width: 767px) {
  .profilePage__tabs__item {
    width: 100%;
  }
}
.profilePage__tabs .btn__submit {
  width: fit-content;
}
.profilePage__tabs__edit {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .profilePage__tabs__edit {
    gap: 16px;
  }
}
.profilePage__tabs__edit .input__form {
  width: 100%;
  max-width: 347px;
}
@media (max-width: 767px) {
  .profilePage__tabs__edit .input__form {
    max-width: unset;
  }
}
.profilePage__tabs__edit .input__form input {
  background-color: #f9fafb;
}
.profilePage__tabs__edit .input__form label {
  background-color: #f9fafb;
}
.profilePage__tabs__edit.disabled label {
  color: #919eab;
}
.profilePage__tabs__edit.disabled .btn__submit {
  color: #ffffff;
  background-color: #919eab;
  border-color: #919eab;
}
.profilePage__tabs__edit.hidden {
  display: none;
}
.profilePage__tabs__editPass {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profilePage__tabs__editPass .input__form {
  width: calc(50% - 8px);
}
@media (max-width: 767px) {
  .profilePage__tabs__editPass .input__form {
    width: 100%;
  }
}
.profilePage__tabs__editPass .input__form input {
  background-color: #f9fafb;
}
.profilePage__tabs__editPass .input__form label {
  background-color: #f9fafb;
}
.profilePage__tabs__editPass .btn__submit {
  margin-top: 8px;
}
.profilePage__tabs__editPass.disabled label {
  color: #919eab;
}
.profilePage__tabs__editPass.disabled .btn__submit {
  color: #ffffff;
  background-color: #919eab;
  border-color: #919eab;
}
.profilePage__tabs__notification {
  display: flex;
  gap: 56px;
}
@media (max-width: 1023px) {
  .profilePage__tabs__notification {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .profilePage__tabs__notification {
    flex-wrap: wrap;
  }
}
.profilePage__tabs__notification__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 294px;
}
@media (max-width: 1023px) {
  .profilePage__tabs__notification__info {
    max-width: 240px;
  }
}
.profilePage__tabs__notification__settings {
  width: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  background: #f4f6f8;
}
.profilePage__tabs__notification__setting {
  display: flex;
  gap: 9px;
  padding: 7px 0;
  align-items: center;
}
@media (max-width: 767px) {
  .profilePage__tabs__notification__setting {
    gap: 32px;
  }
}
.profilePage__tabs__notification__setting .table-head {
  width: 100%;
}

.searchPage {
  padding-bottom: 80px;
}
.searchPage .searchBlock {
  margin-top: 40px;
  padding-bottom: 40px;
}
.searchPage .catalog__items {
  margin-top: 24px;
}

.userAdPage {
  padding-bottom: 100px;
}
.userAdPage .catalog__title {
  margin: 2px 0 24px;
}
.userAdPage__tabs {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.userAdPage__tabs__titles {
  display: flex;
  gap: 40px;
}
.userAdPage__tabs__title {
  position: relative;
  display: flex;
  padding: 13px 0;
  gap: 9px;
  align-items: center;
  transition: 0.2s;
}
.userAdPage__tabs__title span {
  color: #637381;
}
.userAdPage__tabs__title svg {
  fill: #637381;
}
.userAdPage__tabs__title .count {
  padding: 0 6px;
  min-width: 24px;
  height: 24px;
  align-content: center;
  text-align: center;
  color: #919eab;
  border-radius: 6px;
  border: 2px solid rgba(145, 158, 171, 0.24);
}
.userAdPage__tabs__title:hover {
  cursor: pointer;
}
.userAdPage__tabs__title:hover span {
  color: #147575;
}
.userAdPage__tabs__title:hover svg {
  fill: #147575;
}
.userAdPage__tabs__title:hover .count {
  color: #147575;
  border: 2px solid #147575;
}
.userAdPage__tabs__title:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #147575;
}
.userAdPage__tabs__title.active {
  cursor: default;
}
.userAdPage__tabs__title.active span {
  color: #147575;
}
.userAdPage__tabs__title.active svg {
  fill: #147575;
}
.userAdPage__tabs__title.active .count {
  color: #147575;
  border: 2px solid #147575;
}
.userAdPage__tabs__title.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #147575;
}
.userAdPage__tabs__content {
  display: none;
}
.userAdPage__tabs__content.active {
  display: block;
}

.userMessages {
  padding-bottom: 100px;
}
@media (max-width: 1023px) {
  .userMessages {
    padding-bottom: 20px;
  }
}
.userMessages__inner {
  padding: 42px 0 62px;
}
.userMessages__title {
  margin: 2px 0 24px;
}
.userMessages__wrapper {
  margin-top: 40px;
  height: 700px;
  padding: 0 40px 0;
  border-radius: 16px;
  background: #f9fafb;
  display: flex;
  gap: 18px;
}
@media (max-width: 1023px) {
  .userMessages__wrapper {
    height: unset;
  }
}
@media (max-width: 560px) {
  .userMessages__wrapper {
    padding: 0 16px 0;
  }
}
.userMessages__chatList {
  width: 448px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 700px;
  overflow-y: auto;
  padding: 40px 8px 40px 0;
}
@media (max-width: 1023px) {
  .userMessages__chatList {
    height: unset;
    width: 100%;
  }
}
@media (max-width: 560px) {
  .userMessages__chatList {
    padding: 16px 8px 16px 0;
  }
}
.userMessages__chatList::-webkit-scrollbar {
  width: 6px;
}
.userMessages__chatList::-webkit-scrollbar-track {
  margin: 52px 0;
  background: transparent;
}
.userMessages__chatList::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: rgba(99, 115, 129, 0.48);
}
.userMessages__chatList.hidden {
  display: none;
}
.userMessages__chatAd {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  height: 104px;
  padding: 10px;
  border-radius: 16px;
  background: #ffffff;
  border: 2px solid #ffffff;
}
@media (max-width: 1023px) {
  .userMessages__chatAd {
    height: unset;
  }
}
.userMessages__chatAd img {
  border-radius: 12px;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.userMessages__chatAd__info {
  width: calc(100% - 136px);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.userMessages__chatAd__title {
  color: #1c1c1c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.userMessages__chatAd__price {
  color: #1c1c1c;
}
.userMessages__chatAd__options {
  position: relative;
  width: 24px;
  height: 24px;
  background-image: url("../svg/icon_chat_options.svg");
  background-size: cover;
}
.userMessages__chatAd__optionsList {
  position: absolute;
  top: 33px;
  right: -4px;
  padding: 4px 0;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24),
    -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  z-index: 2;
}
.userMessages__chatAd__optionsList.hidden {
  display: none;
}
.userMessages__chatAd:last-of-type .userMessages__chatAd__optionsList {
  top: unset;
  bottom: 33px;
}
.userMessages__chatAd:only-of-type .userMessages__chatAd__optionsList {
  top: 33px;
  bottom: unset;
}
.userMessages__chatAd.blocked img {
  opacity: 0.5;
}
.userMessages__chatAd.blocked .userMessages__chatAd__info {
  opacity: 0.5;
}
.userMessages__chatAd.blocked .userMessages__chatAd__title {
  opacity: 0.5;
}
.userMessages__chatAd.blocked .userMessages__chatAd__price {
  opacity: 0.5;
}
.userMessages__chatAd.deleted {
  padding: 20px 10px;
  justify-content: space-between;
}
.userMessages__chatAd.deleted.new:after {
  left: 10px;
}
.userMessages__chatAd__option {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.userMessages__chatAd__option:before {
  content: "";
  width: 24px;
  height: 24px;
}
.userMessages__chatAd__option.block {
  color: #1c1c1c;
}
.userMessages__chatAd__option.block:before {
  background-image: url("../svg/icon_chat_options_block.svg");
  background-size: cover;
}
.userMessages__chatAd__option.link {
  color: #1c1c1c;
}
.userMessages__chatAd__option.link:before {
  background-image: url("../svg/icon_chat_options_link.svg");
  background-size: cover;
}
.userMessages__chatAd__option.delete {
  color: #d32f2f;
}
.userMessages__chatAd__option.delete:before {
  background-image: url("../svg/icon_chat_options_delete.svg");
  background-size: cover;
}
.userMessages__chatAd:hover {
  background: #dfe3e8;
  cursor: pointer;
}
.userMessages__chatAd.active {
  background: #dfe3e8;
  border-radius: 16px;
  border: 2px solid #147575;
  background: #ffffff;
}
.userMessages__chatAd__empty {
  display: flex;
  height: 100%;
  align-items: center;
  margin: 0 auto;
}
.userMessages__chatAd__empty.hidden {
  display: none;
}
.userMessages__chatAd.new:after {
  content: "Нове";
  position: absolute;
  top: 4px;
  left: 55px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 12px;
  background: #12bf67;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.userMessages__chatAd.new-en:after {
  content: "New";
}
.userMessages__chatBlock {
  width: calc(100% - 466px);
  margin-top: 40px;
  height: 620px;
}
@media (max-width: 1023px) {
  .userMessages__chatBlock {
    margin-top: 0;
    width: 70vw;
    height: min(80dvh, 80vh);
    position: fixed;
    right: 16px;
    top: 16px;
    z-index: 999;
  }
}
@media (max-width: 767px) {
  .userMessages__chatBlock {
    width: 90vw;
  }
}
.userMessages__chatBlock.hidden {
  display: none;
}
.userMessages .chat__header__close {
  display: none;
}
@media (max-width: 1023px) {
  .userMessages .chat__header__close {
    margin-left: 20px;
    display: block;
  }
}
@media (max-width: 560px) {
  .userMessages .chat__header__close {
    margin-left: auto;
  }
}
@media (max-width: 560px) {
  .userMessages .chat__header__link {
    display: none;
  }
}

.forum__pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
.forum__pagination span {
  color: #212b36;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}
.forum__pagination a {
  color: #212b36;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}
.forum__pagination a:hover {
  background: #e0e0e0;
}
.forum__pagination a:active {
  background: #d0d0d0;
}
.forum__pagination a:focus {
  background: #c0c0c0;
}

.header__top {
  background-color: #147575;
  padding: 8px 0;
}

.header__top .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header__info {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.header__info__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__info__item a, .header__info__item span{
  color: #fff;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;



}
.header__langBar {
  color: #fff;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  
}
header{
  background-color: #fff;
}
.header__accessBar{
  gap: 8px;
}
.header__inner{
  padding: 20px 0;
}
.header__dropdown__title{
  border-radius: 8px;
}
.btn__green.mobIcon{
  border-radius: 8px;
}
@media (max-width: 500px) {
  .header__info{
    flex-direction: column;
    gap: 5px;
  }
}
.hero{
  background-image: none;
}
.firstSectionPadding{
  background-color: #fff;
}

/* Hero Swiper Slider */
.hero__slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.hero__swiper {
  width: 100%;
  height: 600px;
  position: relative;
}

@media (max-width: 1023px) {
  .hero__swiper {
    height: 500px;
  }
}

@media (max-width: 659px) {
  .hero__swiper {
    height: 400px;
  }
}

.hero__slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero__slide__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.hero__slide__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero__slide__content {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding: 40px 24px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.hero__slide__title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
  color: #fff;
  text-align: left;
  margin-bottom: 24px;
  max-width: 666px;

}


@media (max-width: 1023px) {
  .hero__slide__title {
    font-size: 40px;
    line-height: 56px;
  }
}

@media (max-width: 659px) {
  .hero__slide__title {
    font-size: 32px;
    line-height: 44px;
  }
}

@media (max-width: 560px) {
  .hero__slide__title {
    font-size: 28px;
    line-height: 38px;
  }
  .hero__slide__content{
    padding: 24px 5px;
  }
}

@media (max-width: 414px) {
  .hero__slide__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.hero__slide__subtitle {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  text-align: left;
  max-width: 666px;
}

@media (max-width: 1023px) {
  .hero__slide__subtitle {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 659px) {
  .hero__slide__subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 414px) {
  .hero__slide__subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}

/* Swiper Navigation Buttons */
.hero__swiper__next,
.hero__swiper__prev {
  width: 48px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  color: #147575;
  transition: all 0.3s ease;
}

.hero__swiper__next::after,
.hero__swiper__prev::after {
  font-size: 20px;
  font-weight: bold;
}

.hero__swiper__next:hover,
.hero__swiper__prev:hover {
  background-color: #147575;
  color: #ffffff;
}

@media (max-width: 659px) {
  .hero__swiper__next,
  .hero__swiper__prev {
    width: 36px;
    height: 36px;
  }

  .hero__swiper__next::after,
  .hero__swiper__prev::after {
    font-size: 16px;
  }
}

/* Swiper Pagination */
.hero__swiper__pagination {
  bottom: -30px !important;
}

.hero__swiper__pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #147575;
  opacity: 0.16;
  transition: all 0.3s ease;
}

.hero__swiper__pagination .swiper-pagination-bullet-active {
  background-color: #147575;
  width: 32px;
  height: 6px;
  border-radius: 6px;
  opacity: 1;
}

/* Fallback styles */
.hero__fallback {
  padding: 80px 0;
  text-align: center;
}

@media (max-width: 659px) {
  .hero__fallback {
    padding: 40px 0;
  }
}
.hero__container{
  max-width: 1400px;
}
.heroSearch{
  margin-top: 62px;
}
.heroSearch .searchBlock{
  max-width: 100%;
  margin-bottom: 24px;
}
.heroSearch__title{
  margin-bottom: 24px;
}
.input__search{
  border-color: #E2E5E9;
  background-color: #F6F7F8;
  border-radius: 8px;
}
.input__search:active, .input__search:focus{
  border-color: #147575;
}
.btn__search{
  background-color: transparent;
}
.categorySwiper{
  padding-bottom: 72px !important;
}


.footer_form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.footer-form__row {
  width: 100%;
}

.footer-form__row--half {
  display: flex;
  gap: 16px;
}

.footer-form__col {
  width: 50%;
}

.footer-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}

.footer-form__input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

.footer-form__input:focus {
  outline: none;
  border-color: #000; /* подправь под свой бренд */
}

.footer-form__submit {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

/* Адаптив под мобилку */
@media (max-width: 768px) {
  .footer-form__row--half {
    flex-direction: column;
  }

  .footer-form__col {
    width: 100%;
  }
}

.footer_form br{
  display: none;
}
.header__left{
  display: flex;
  align-items: center;
  gap: 32px;
}
.header__left .menu-item a{

font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 26px;

color: #212B36;
}
.footer-form .form__rowPhone > div:last-child{
  width: 100%;
}
.form__contact{
  margin-top: 32px;
}
.footer-form .btn__submit{
  width: 100%;
}
@media (max-width: 560px) {
  .form__rowPhone{
    width: 100% !important;
  }
  .input__form{
    width: 100% !important;
  }
}
.blog{
  background-color: #fff;
}
.blog__filters {
  margin-top: 40px;
}
.blog__items {
  margin-top: 40px;
  margin-bottom: 80px;
}
.blogItem {
  display: block;
  text-decoration: none;
  color: inherit;
  width: calc(50% - 12px);
  opacity: 1;
  transition: opacity 0.3s ease;
}
.blogItem:hover {
  text-decoration: none;
  color: inherit;
}
.blogItem.blogItem--fade-out {
  opacity: 0;
  pointer-events: none;
}
.blogItem.blogItem--fade-in {
  opacity: 0;
}
@media (max-width: 659px) {
  .blogItem {
    width: calc(50% - 12px);
  }
}
@media (max-width: 560px) {
  .blogItem {
    width: 100% !important;
  }
  .blog .catalogItem__desc{
    height: auto !important;
  }
}

.blogItem__category {
  color: #637381;
  margin-bottom: 8px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 4px 16px;
  border-radius: 56px;
  background: #F5F5F5;
  margin-bottom: 16px;
}
.blog__empty {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  color: #919eab;
}
.blog .forum__topBlock {
  margin: 40px 0 32px;
  align-items: flex-start;
}
.blog .forum__topBlock__left {
  width: 100%;
}
.blog__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #212b36;
  margin: 0;
}
.blog__subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #454f5b;
  margin: 0;
}
.blog__content .catalogItem img {
  max-height: none;
}
.blogItem__image {
  aspect-ratio: 16/10;
  object-fit: cover !important;
}
.blog .catalogItem__title{
      /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}
.blog .catalogItem__desc {
  padding: 16px;
  padding-top: 16px;
  background-color: #fff;
  border: 1px solid #EDEFF2;
  border-radius: 0 0 8px 8px;
  border-top: none;
  transition: border-color 0.2s;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blogItem__title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #212b36;
}
.blog .catalogItem {
  box-shadow: none;
  border-radius: 8px;
  background-color: #fff;
  height: auto;
  overflow: visible;
}
.blog .catalogItem img {
  aspect-ratio: 16/10;
  object-fit: cover;
  width: 100%;
  max-height: none;
  border-radius: 8px 8px 0 0;
}
.blog .catalogItem:hover .catalogItem__desc {
  margin-top: 0;
  transition: none;
}
.blogItem:hover .catalogItem__desc {
  border-color: #147575;
}
.singlePost{
  margin: 40px 0;
}

.singlePost__hero {
  position: relative;
  width: 100%;
  height: 560px;
  margin: 40px 0;
  border-radius: 8px;
  overflow: hidden;
}

.singlePost__hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.singlePost__hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.singlePost__hero__content {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 48px;
  color: #ffffff;
}

.singlePost__hero__title {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;

color: #FFFFFF;
margin-bottom: 12px;
}

@media (max-width: 1023px) {
  .singlePost__hero__title {
    font-size: 36px;
    line-height: 48px;
    max-width: 90%;
  }
}

@media (max-width: 659px) {
  .singlePost__hero__title {
    font-size: 20px;
    line-height: normal;
    max-width: 100%;
  }
}

.singlePost__hero__author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.singlePost__hero__author__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}

.singlePost__hero__author__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.singlePost__hero__author__name {
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 22px;

color: #FFFFFF;
}

.singlePost__hero__author__date {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #919EAB;
}

.singlePost__hero__share {
  display: flex;
  align-items: center;
  gap: 12px;
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.singlePost__hero__share__desktop {
  display: flex;
  align-items: center;
  gap: 12px;
}

.singlePost__hero__share__mobile {
  display: none;
}

.singlePost__hero__share__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(70, 70, 70, 0.8);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
}

.singlePost__hero__share__item:hover {
  background: rgba(70, 70, 70, 1);
  transform: scale(1.1);
}

.singlePost__hero__share__item svg {
  width: 24px;
  height: 24px;
}

.singlePost__hero__share__item.js-copy-link {
  background: rgba(70, 70, 70, 0.8);
}

.singlePost__hero__share__item.js-copy-link:hover {
  background: rgba(70, 70, 70, 1);
}

@media (max-width: 659px) {
  .singlePost__hero {
    height: 400px;
    margin: 24px 0;
  }

  .singlePost__hero__content {
    padding: 24px;
  }

  .singlePost__hero__title {
    margin-bottom: 16px;
  }

  .singlePost__hero__author {
    margin-bottom: 16px;
  }

  .singlePost__hero__share {
    gap: 8px;
  }

  .singlePost__hero__share__desktop {
    display: none;
  }

  .singlePost__hero__share__mobile {
    display: flex;
  }

  .singlePost__hero__share__item {
    width: 40px;
    height: 40px;
  }

  .singlePost__hero__share__item svg {
    width: 24px;
    height: 24px;
  }
}

.singlePost__content {
  display: flex;
  gap: 25px;
  margin-top: 40px;
  align-items: flex-start;
}

.singlePost__sidebar {
  width: 270px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.singlePost__sidebar__nav {
  width: 100%;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #EDEFF2;
}
.singlePost__sidebar__nav h3{
  margin-bottom: 24px;
}
.singlePost__sidebar__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.singlePost__sidebar__item {
  margin: 0;
}

.singlePost__sidebar__link {
  display: block;
  color: #212b36;
  text-decoration: none;
  transition: all 0.2s ease;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;

  color: #212B36;

}

.singlePost__sidebar__link:hover {
  color: #147575;
  background-color: rgba(20, 117, 117, 0.08);
}

.singlePost__sidebar__link:active,
.singlePost__sidebar__link:focus {
  color: #147575;
  background-color: rgba(20, 117, 117, 0.12);
}

.singlePost__sidebar__link.active {
  font-weight: 600;
}

.singlePost__block {
  flex: 1;
  min-width: 0;
}

.singlePost__block h2 {
  scroll-margin-top: 100px;
}

.singlePost__sidebar__share {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #EDEFF2;
}

.singlePost__sidebar__share__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
  background: #fff;
  color: #637381;
}

.singlePost__sidebar__share__item:hover {
}

.singlePost__sidebar__share__item:active {
  transform: translateY(0);
}

.singlePost__sidebar__share__item svg {
  width: 18px;
  height: 18px;
  display: block;
}

@media (max-width: 1023px) {
  .singlePost__content {
    flex-direction: column;
    gap: 32px;
  }

  .singlePost__sidebar {
    width: 100%;
    position: relative;
    top: 0;
  }

  .singlePost__sidebar__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }

  .singlePost__sidebar__link {
    padding: 6px 12px;
    font-size: 13px;
  }

  .singlePost__sidebar__share {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
    padding-top: 24px;
  }

  .singlePost__sidebar__share__item {
    width: 36px;
    height: 36px;
  }

  .singlePost__sidebar__share__item svg {
    width: 16px;
    height: 16px;
  }
  .singlePost__sidebar{
    display: none;
  }
}

@media (max-width: 659px) {
  .singlePost__content {
    margin-top: 24px;
    gap: 24px;
  }
}

.singlePost__block p{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #212B36;
  margin-bottom: 24px;
}

.singlePost__block h2{

font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;

color: #212B36;
margin-bottom: 32px;
}
.singlePost__block blockquote{
  margin: 0;
  padding: 72px 32px 32px 32px;
  border: 2px solid #147575;
  border-radius: 8px;
  color: #147575;
  position: relative;
  margin-bottom: 40px;
}
.singlePost__block blockquote p{
  margin: 0;
  color: #147575;
  font-size: 18px;
  line-height: 30px;
}
.singlePost__block blockquote p::before{
  content: '';
  width: 16px;
  height: 14px;
  position: absolute;
  top: 32px;
  left: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6H2C1.73478 6 1.48043 5.89464 1.29289 5.70711C1.10536 5.51957 1 5.26522 1 5V2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H5C5.26522 1 5.51957 1.10536 5.70711 1.29289C5.89464 1.48043 6 1.73478 6 2V8C6 10.667 4.667 12.333 2 13M15 6H11C10.7348 6 10.4804 5.89464 10.2929 5.70711C10.1054 5.51957 10 5.26522 10 5V2C10 1.73478 10.1054 1.48043 10.2929 1.29289C10.4804 1.10536 10.7348 1 11 1H14C14.2652 1 14.5196 1.10536 14.7071 1.29289C14.8946 1.48043 15 1.73478 15 2V8C15 10.667 13.667 12.333 11 13' stroke='%23147575' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.singlePost__block ul{
  list-style: none;
  padding-left: 0;
  margin: 0 0 24px 0;
}

.singlePost__block ul li{
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #212B36;
}

.singlePost__block ul li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #147575;
}

.singlePost__block ul li:last-child{
  margin-bottom: 0;
}
.singlePost__block img{
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 24px;
}
.singlePost__block h3{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 30px;

color: #FFFFFF;
padding: 24px;
background-color: #147575;
border-radius: 8px;
margin-bottom: 24px;
}
.catalogArchive__inner{
  padding: 40px 0;
}
.catalogArchive__title{
  margin-bottom: 12px;
}
.catalogArchive__subtitle{
  margin-bottom: 24px;
}
/* .catalogArchive__breadcrumbs{
  margin-bottom: 32px;
} */
.catalogArchive__search .searchBlock{
  margin: 0;
}
.input__search{
  border-color: #E2E5E9;
  background-color: #F6F7F8;
  border-radius: 8px;
}
.page-template-login .firstSectionPadding{
  background-color: #F1EDDE ;
}
.page-template-login header{
  background-color: #F1EDDE ;
}
.aboutUs__hero__title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 48px;
color: #212B36;
margin-bottom: 14px;
}
.aboutUs__hero__content{
  max-width: 775px;
}
.about__hero__quote{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  background: url("/wp-content/themes/panterrea_v1/src/img/quoteBg.png") no-repeat center;
  background-size: cover;
  padding: 64px 48px;
  border-radius: 8px;
  margin-top: 40px;
}
.quote__text{
  max-width: 590px;
}
.quote__image{
  position: absolute;
  right: 48px;
  bottom: 0;
  width: 310px;
  height: auto;
}
.quote__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quote__text blockquote{
  margin: 0;
}
.quote__text blockquote p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 33px;
color: #FFFFFF;
margin-bottom: 32px;
}

.quote__author__name{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #8AA7AA;
}
@media (max-width: 980px) {
  .quote__image{
    position: static;
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
  }
  .quote__text{
    max-width: 100%;
  }
  .about__hero__quote{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding-bottom: 0;
  }
}
@media (max-width: 600px) {
  .about__hero__quote{
    padding: 24px;
    padding-bottom: 0;
  }
  .aboutUs__hero__title{
    font-size: 24px;
    line-height: 32px;
  }
  .aboutUs__hero__info{
    font-size: 16px;
    line-height: 24px;
  }
  .quote__text blockquote p{
    font-size: 16px;
    line-height: 24px;
  }
  .quote__author__name{
    font-size: 14px;
    line-height: 22px;
  }
}
.aboutUs__hero__steps{
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-top: 56px;
}
.aboutUs__hero__steps__item__number{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F1EDDE;
  color: #147575;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #147575;
}
.aboutUs__hero__steps__item__title{
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #212B36;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .aboutUs__hero__steps{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
@media (max-width: 600px) {
  .aboutUs__hero__steps{
    margin-top: 24px;
  }
  .aboutUs__hero__steps__item__number{
    width: 56px;
    height: 56px;
    font-size: 16px;
    line-height: 24px;
  }
  .aboutUs__hero__steps__item__title{
    font-size: 16px;
    line-height: 24px;
  }
}
.homepage .catalog{
  margin-top: 0;
}

/* About Us Advantages Section */
.aboutUs__advantages {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  background-color: #F1EDDE;
}

.aboutUs__advantages__title {
  color: #1e1e1e;
  margin-bottom: 12px;
  max-width: 770px;
}

.aboutUs__advantages__subtitle {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
max-width: 770px;

color: #454F5B;

}

.aboutUs__advantages__cards-wrapper {
  position: relative;
  width: 100%;
  margin: 40px 0;
}

.aboutUs__advantages__cards {
  display: flex;
  gap: 24px;
  width: fit-content;
}

.aboutUs__advantages__card {
  flex: 0 0 calc(25% - 18px);
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.aboutUs__advantages__card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.aboutUs__advantages__card__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.aboutUs__advantages__card__icon svg {
  width: 100%;
  height: 100%;
}

.aboutUs__advantages__card__text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;


color: #000000;

}

.aboutUs__advantages__caption {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;

color: #000000;
}


/* Responsive styles */
@media (max-width: 1023px) {
  .aboutUs__advantages {
    padding: 60px 0;
  }

  .aboutUs__advantages__title {
    margin-bottom: 24px;
  }

  .aboutUs__advantages__subtitle {
    margin-bottom: 40px;
  }

  .aboutUs__advantages__cards-wrapper {
    margin: 40px 0;
    padding: 30px 0;
  }

  .aboutUs__advantages__card {
    min-width: 240px;
    padding: 24px 20px;
    gap: 20px;
  }

  .aboutUs__advantages__card__icon {
    width: 56px;
    height: 56px;
  }

  .aboutUs__advantages__caption {
    margin-top: 40px;
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .aboutUs__advantages__cards {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .aboutUs__advantages__card {
    flex: 1 1 100%;
    width: 100%;
    min-width: 100%;
    padding: 20px 16px;
    gap: 16px;
  }

  .aboutUs__advantages__card__icon {
    width: 48px;
    height: 48px;
  }

  .aboutUs__advantages__card__text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 414px) {
  .aboutUs__advantages {
    padding: 40px 0;
  }

  .aboutUs__advantages__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }

  .aboutUs__advantages__subtitle {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
  }

  .aboutUs__advantages__cards-wrapper {
    margin: 30px 0;
    padding: 20px 0;
    overflow: visible;
  }

  .aboutUs__advantages__cards {
    flex-direction: column;
    width: 100%;
    gap: 16px;
    flex-wrap: wrap;
  }

  .aboutUs__advantages__card {
    flex: 1 1 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    flex: 0 0 calc(50% - 8px);
  }

  .aboutUs__advantages__caption {
    margin-top: 30px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}

.aboutUs__hero__second h3{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
/* or 150% */

color: #212B36;
margin-bottom: 12px;  
}
.aboutUs__founders{
  background-color: #F1EDDE;
}
.aboutUs__founders__title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 48px;
color: #212B36;
margin-bottom: 12px;
}
.aboutUs__founders__subtitle{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #454F5B;
}
.aboutUs__founders__content{
  margin: 40px 0;
}
.aboutUs__founders__item{
  display: flex;
  gap: 32px;
  align-items: center;
}
.aboutUs__founders__item:first-child{
  align-items: flex-start;
  border-bottom: 1px solid #D4D1C3;
  padding-bottom: 40px;
}
.aboutUs__founders__item p{

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #454F5B;
}
.aboutUs__founders__item__image{
  max-width: 220px;
  width: 100%;
}
.aboutUs__founders__item__title{
  margin-bottom: 8px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 28px;

color: #272727;

}
.aboutUs__founders__item__blocks{
  display: flex;
  gap: 24px;
  /* flex-wrap: wrap; */
  margin-top: 24px;
}
@media (max-width: 768px) {
  .aboutUs__founders__item__blocks{
    flex-wrap: wrap;
  }
}
.aboutUs__founders__item__block{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.aboutUs__founders__item__block__icon{
  max-width: 130px;
  width: 100%;
}
.aboutUs__founders__item__block__text{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .aboutUs__founders__item{
    flex-direction: column;
  }
  .aboutUs__founders__item__image{
    max-width: 100%;
  }
  .aboutUs__founders__item__image img{
    width: 100%;
  }
  .aboutUs__founders__item__content{
    width: 100%;
  }
  .aboutUs__founders__item__blocks{
    justify-content: center;
    gap: 50px;
  }
  .aboutUs__founders__item__block{
    max-width: 130px;
  }
  .aboutUs__founders__item__block__text{
    font-size: 14px;
    line-height: 20px;
  }
}
.aboutUs__team__title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 39px;
color: #212B36;
margin-bottom: 40px;
}
.aboutUs__team__text{
  list-style: disc;
  padding-left: 20px;
}
.aboutUs__team__text li{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454F5B;
  margin-bottom: 12px;
}
.aboutUs__team__content{
  display: flex;
  gap: 32px;
  align-items: center;
}
.aboutUs__team__image{
  max-width: 550px;
  width: 100%;
  border-radius: 8px;
}
.aboutUs__team__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 0;
  
}
.wp-block-embed iframe{
  width: 100%;
  min-height: 480px;
}
@media (max-width: 768px) {
  .aboutUs__team__content{
    flex-direction: column;
  }
  .wp-block-embed iframe{
    width: 100%;
    min-height: 300px;
  }
}

/* Иконка флага страны внутри input телефона */
.form__rowPhone .input__form {
  position: relative;
}

.form__rowPhone .input__form::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 18px;
  background-image: url("../svg/flags/ua.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 2;
}

.form__rowPhone #contactPhone {
  padding-left: 50px !important;
}
#langBtn {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #fff;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}

.catalog__title, .catalog__filters{
  -webkit-touch-callout: none; 
  -webkit-user-select: none;   
  -khtml-user-select: none;    
  -moz-user-select: none;      
  -ms-user-select: none;       
  user-select: none;           
                        
}
.catalogItem__title h3{
	font-weight: 600;
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aboutUs__founders__item__image img{
	border-radius: 8px;
	height: 220px;
	width: 100%;
	object-fit: cover;
}

/* Related Posts Section */
.singlePost__related {
	margin-top: 80px;
	padding-top: 40px;
	border-top: 1px solid #EDEFF2;
}
.singlePost__related__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 32px;
}

.singlePost__related__title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #212b36;
	margin-bottom: 0;
}

.singlePost__related__slider {
	width: 100%;
	position: relative;
	padding-bottom: 0;
	overflow: hidden;
}

.singlePost__related__slider .swiper-wrapper {
	display: flex;
	align-items: stretch;
}

.singlePost__related__slider .swiper-slide {
	height: auto;
	display: flex;
	width: auto;
	flex-shrink: 0;
	box-sizing: border-box;
}

.singlePost__related__item {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: none;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 8px;
	background-color: #fff;
}

.singlePost__related__item.catalogItem {
	width: 100% !important;
	box-shadow: none;
	border-radius: 8px;
	background-color: #fff;
}

.singlePost__related__item.blogItem {
	width: 100% !important;
	box-shadow: none;
	border-radius: 8px;
	background-color: #fff;
}

.singlePost__related__item img {
	width: 100%;
	height: auto;
	max-height: 255px;
	min-height: 200px;
	object-fit: cover;
	flex-shrink: 0;
	display: block;
	border-radius: 8px 8px 0 0;
}

.singlePost__related__item .blogItem__desc,
.singlePost__related__item .catalogItem__desc {
	padding: 16px;
	background-color: #fff;
	border: 1px solid #EDEFF2;
	border-radius: 0 0 8px 8px;
	border-top: none;
	transition-duration: 0.3s;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}

.singlePost__related__item .blogItem__category {
	color: #637381;
	margin-bottom: 8px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 4px 16px;
	border-radius: 56px;
	background: #F5F5F5;
	margin-bottom: 16px;
	width: fit-content;
}

.singlePost__related__item .blogItem__title,
.singlePost__related__item .catalogItem__title {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	flex: 1;
	overflow: hidden;
}

.singlePost__related__item .blogItem__title h3,
.singlePost__related__item .catalogItem__title h3 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: #272727;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	max-height: 3.6em;
}

.singlePost__related__item:hover .catalogItem__desc {
	border-color: #147575;
}

/* Swiper Navigation Buttons and Pagination */
.singlePost__related__slider {
	position: relative;
}

.singlePost__related__pagination {
	display: flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #DCE0E4;
	border-radius: 8px;
	padding: 4px;
}

.singlePost__related__pagination__prev,
.singlePost__related__pagination__next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 40px;
	border-radius: 6px;
	transition: 0.3s;
	cursor: pointer;
	background: transparent;
}

.singlePost__related__pagination__prev:hover,
.singlePost__related__pagination__next:hover {
	background-color: #ECF4F4;
}

.singlePost__related__pagination__prev:hover svg,
.singlePost__related__pagination__next:hover svg {
	fill: #212B36;
}

.singlePost__related__pagination__prev svg,
.singlePost__related__pagination__next svg {
	fill: #212B36;
	transition: 0.3s;
}

.singlePost__related__pagination__prev.swiper-button-disabled,
.singlePost__related__pagination__next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.singlePost__related__pagination__bullets {
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	transform: none !important;
	width: auto !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

.singlePost__related__pagination__bullets .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: #147575;
	opacity: 0.3;
	transition: all 0.3s ease;
	margin: 0 !important;
}

.singlePost__related__pagination__bullets .swiper-pagination-bullet-active {
	background-color: #147575;
	opacity: 1;
	width: 24px;
	height: 8px;
	border-radius: 4px;
}

@media (max-width: 659px) {
	.singlePost__related {
		margin-top: 40px;
		padding-top: 24px;
	}
	
	.singlePost__related__header {
		margin-bottom: 24px;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	
	.singlePost__related__title {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 0;
	}
	
	.singlePost__related__pagination {
		gap: 12px;
	}
	
	.singlePost__related__pagination__prev,
	.singlePost__related__pagination__next {
		width: 28px;
		height: 28px;
	}
	
	.singlePost__related__pagination__prev svg,
	.singlePost__related__pagination__next svg {
		width: 16px;
		height: 16px;
	}
	
	.singlePost__related__slider {
		padding-bottom: 0;
	}
}


.actionTemplate.register .form__rowPhone .input__form::before{
  content: none;
}

/* Login overlay for guests — форма логіну після 25% статті */
.singlePost__loginOverlay {
  position: relative;
  margin-top: 0;
}
.singlePost__loginOverlay__blurred {
  position: relative;
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  max-height: 150px;
  overflow: hidden;
}
.singlePost__loginOverlay__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  z-index: 2;
}
.singlePost__loginOverlay__formInner .actionTemplate__innerForm {
  border: 1px solid #EDEFF2;
  min-height: auto;
}
.singlePost__loginOverlay__cta {
  font-family: 'Roboto' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  /* identical to box height, or 157% */
  text-align: center !important;
  
  color: #919EAB !important;
  
}

/* Custom checkbox / radio — catalog sidebar rows use .dropdown__item without parent .dropdown */
.dropdown {
  padding: 6px 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24), -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  display: flex;
  flex-direction: column;
}
.dropdown__item {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 40px;
}
.dropdown input,
.dropdown__item input {
  display: none;
}
.dropdown input + label,
.dropdown__item input + label {
  position: relative;
  cursor: pointer;
  padding-left: 40px;
  user-select: none;
  color: #212b36;
}
.dropdown input + label::before,
.dropdown__item input + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  border: 1px solid #147575;
  background-color: #ffffff;
  box-sizing: border-box;
}
.dropdown input + label span,
.dropdown__item input + label span {
  display: inline-block;
  width: max-content;
}
.dropdown input:checked + label::after,
.dropdown__item input:checked + label::after {
  content: "";
  position: absolute;
}
.dropdown input[type="checkbox"] + label::before,
.dropdown__item input[type="checkbox"] + label::before {
  border-radius: 4px;
}
.dropdown input[type="checkbox"]:checked + label::before,
.dropdown__item input[type="checkbox"]:checked + label::before {
  background-color: #147575;
  border-color: #147575;
}
.dropdown input[type="checkbox"]:checked + label::after,
.dropdown__item input[type="checkbox"]:checked + label::after {
  left: 8px;
  top: 44%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  box-sizing: border-box;
}
.dropdown input[type="radio"] + label::before,
.dropdown__item input[type="radio"] + label::before {
  border-radius: 50%;
}
.dropdown input[type="radio"]:checked + label::after,
.dropdown__item input[type="radio"]:checked + label::after {
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background-color: #147575;
  border-radius: 50%;
}
.dropdown input:disabled + label,
.dropdown__item input:disabled + label {
  opacity: 0.5;
  cursor: not-allowed;
}

.catalog__sidebar__checkboxes {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* ========== Forum (plain CSS; template forum.php + sidebar) ========== */
.forum__inner {
  padding: 36px 0 124px;
}
.forum__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #212b36;
  margin: 0;
}
.forum__subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #454f5b;
  margin: 0;
}
.forum__topBlock {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 440px) {
  .forum__topBlock {
    flex-direction: column;
  }
}
.forum__topBlock__left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.forum__mobileBar {
  display: none;
}
@media (max-width: 1023px) {
  .forum__mobileBar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
  }
  .forum__mobileBar__search {
    flex: 1;
    min-width: 0;
  }
}
.forum__filtersToggle {
  display: none;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  height: 54px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  border-radius: 8px;
  background: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #212b36;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.forum__filtersToggle:hover {
  background: #f4f6f8;
  border-color: rgba(0, 0, 0, 0.2);
}
.forum__filtersToggle.is-active {
  background: #f0f7f7;
  border-color: #147575;
  color: #147575;
}
@media (max-width: 1023px) {
  .forum__filtersToggle {
    display: inline-flex;
  }
}
.forum__filtersHide {
  display: none;
}
@media (max-width: 1023px) {
  .forum__filtersHide {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #637381;
    cursor: pointer;
    transition: background 0.2s;
  }
  .forum__filtersHide:hover {
    background: #f4f6f8;
  }
}

.forum__body {
  margin-top: 38px;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1023px) {
  .forum__body {
    flex-direction: column;
    margin-top: 16px;
  }
}

.forum__sidebar {
  box-sizing: border-box;
  flex: 0 0 254px;
  width: 254px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .forum__sidebar {
    flex: none;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    border-color: transparent;
    border-radius: 8px;
    transition: max-height 0.35s ease, border-color 0.25s ease;
  }
  .forum__sidebar.is-open {
    max-height: 1400px;
    border-color: rgba(0, 0, 0, 0.08);
  }
  .forum__sidebar__section--search {
    display: none;
  }
  .forum__sidebar__section--hideBtn {
    display: flex;
  }
}
.forum__sidebar__section--hideBtn {
  display: none;
  border-bottom: none;
}
.forum__sidebar__section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 24px 24px;
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}
.forum__sidebar__section--cta {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}
.forum__sidebar__section:last-child {
  border-bottom: none;
}
.forum__sidebar__label {
  color: #212b36;
  font-weight: 600;
}
.forum__sidebar__createBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  gap: 8px;
  border: none;
  border-radius: 8px;
  background: #147575;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 26px;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}
.forum__sidebar__createBtn--link {
  display: flex;
}
.forum__sidebar__createBtn:hover {
  opacity: 0.92;
}
.forum__sidebar__search {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 54px;
  padding: 0 14px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  border-radius: 8px;
  box-sizing: border-box;
  isolation: isolate;
}
.forum__sidebar__searchIcon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background: url("../svg/icon_search_forum.svg") center / 20px 20px no-repeat;
  opacity: 0.7;
}
.forum__sidebar__searchInput {
  flex: 1 1 auto;
  min-width: 0;
  height: 52px;
  border: none;
  background: transparent;
  color: #212b36;
  outline: none;
}
.forum__sidebar__searchInput::placeholder {
  color: #919eab;
}
.forum__sidebar__searchSubmit {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent url("../svg/icon_search") center / 20px 20px no-repeat;
  cursor: pointer;
  opacity: 0.85;
}
.forum__sidebar__searchSubmit:hover {
  opacity: 1;
}
.forum__sidebar__searchInput:not(:placeholder-shown) ~ .forum__sidebar__searchSubmit,
.forum__sidebar__searchSubmit.is-clear {
  background-image: url("../svg/icon_tags_close.svg");
  opacity: 1;
}
/* Forum filters: flat list, no floating dropdown chrome (rows use same .dropdown__item as catalog) */
.forum__sidebar__sortRadios.dropdown {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 0;
}

.forum__sidebar__categoryExtras {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.forum__sidebar__categoryExtras.is-collapsed {
  display: none;
}
.forum__sidebar__catsToggle {
  margin: 0;
  padding: 8px 0 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #147575;
  text-align: left;
  font-family: inherit;
}
.forum__sidebar__catsToggle:hover {
  text-decoration: underline;
}

.forum__itemPost__comment__textBlock {
  width: 100%;
}
.forum__itemPost__comment__body.is-forumCommentClampable:not(.is-forumCommentExpanded) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  word-break: break-word;
}
.forum__itemPost__comment__body.is-forumCommentExpanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.forum__itemPost__comment__textToggle {
  margin: 6px 0 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #147575;
  font-family: inherit;
  text-align: left;
}
.forum__itemPost__comment__textToggle:hover {
  text-decoration: underline;
}

.forum__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.forum__info {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
.forum__info__title {
  color: #212b36;
  margin-bottom: 28px;
}
.forum__info__title.is-guest {
  margin-bottom: 0;
}
.forum__info__subtitle {
  color: #212b36;
  margin-top: 12px;
}
.forum__info__subtitle a {
  color: #147575;
}
.forum__info__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.forum__info__icon {
  color: #212b36;
  display: flex;
  gap: 16px;
  align-items: center;
}
.forum__info__icon:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: cover;
}
.forum__info__city:before {
  background-image: url("../svg/icon_forum_location.svg");
}
.forum__info__email:before {
  background-image: url("../svg/icon_forum_email.svg");
}
.forum__info__profession:before {
  background-image: url("../svg/icon_forum_profession.svg");
}

.forum__addPost {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.2), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
}
.forum__addPost.is-guest {
  display: none;
}
.forum__addPost .btn__submit {
  height: 36px;
  padding: 0 12px;
}
.forum__addPost .btn__submit.hidden {
  display: none;
}
.forum__addPost .btn__transparent {
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
  cursor: pointer;
}
.forum__addPost .form__rowBtn {
  margin-top: 25px;
  justify-content: space-between;
} 
.forum__addPost .input__previewContainer .preview-item {
  margin-top: 25px;
}
.forum__addPost .postContent::placeholder {
  color: #919eab;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.forum #quillEditor {
  min-height: 80px;
}

.forum__listPost,
.forum__sharedPost {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.forum__listPost .no-results,
.forum__sharedPost .no-results {
  text-align: center;
  color: #212b36;
  font-weight: 400;
}
.forum__listPost.is-guest {
  margin-top: 0;
}

.forum__itemPost {
  padding: 24px 8px 16px;
  border-radius: 16px;
  border: 1px solid rgba(28, 28, 28, 0.1);
  background: #fff;
}
.forum__itemPost__header {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  flex-wrap: nowrap;
  gap: 16px;
  margin-bottom: 24px;
}
.forum__itemPost__info {
  width: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.forum__itemPost__author {
  color: #212b36;
}
.forum__itemPost__date {
  color: #919eab;
}
.forum__itemPost__content {
  margin: 24px 0;
  padding: 0 16px;
  color: #212b36;
  margin-bottom: 0;
}
.forum__itemPost__content ul,
.forum__itemPost__content ol {
  padding-left: 40px;
  list-style-type: revert;
}
.forum__itemPost__media {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 0 16px 16px 16px;
}
.forum__itemPost__mediaItem {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}
.forum__itemPost__mediaItem img,
.forum__itemPost__mediaItem video {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: cover;
  border-radius: 12px;
}
.forum__itemPost__mediaOverlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 10px;
  border-radius: 10px;
  background: rgba(28, 28, 28, 0.1);
  backdrop-filter: blur(20px);
  color: #ffffff;
}
.forum__itemPost__mediaPlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(28, 28, 28, 0.55);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.forum__itemPost__mediaPlay::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 18px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 3px;
}
.forum__itemPost__options {
  position: relative;
  width: 36px;
  height: 36px;
  background-image: url("../svg/icon_forum_options.svg");
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.forum__itemPost__optionsList {
  position: absolute;
  top: 0;
  right: 40px;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24), -20px 20px 40px -4px rgba(145, 158, 171, 0.24);
  z-index: 2;
}
.forum__itemPost__optionsList.hidden {
  display: none;
}
.forum__itemPost__option {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
}
.forum__itemPost__option:before {
  content: "";
  width: 24px;
  height: 24px;
}
.forum__itemPost__option.edit {
  color: #212b36;
}
.forum__itemPost__option.edit:before {
  background-image: url("../svg/icon_forum_options_edit.svg");
  background-size: cover;
}
.forum__itemPost__option.delete {
  color: #212b36;
}
.forum__itemPost__option.delete:before {
  background-image: url("../svg/icon_forum_options_delete.svg");
  background-size: cover;
}

.forum__itemPost__commentsBlock {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 0 16px;
}
.forum__itemPost__commentsBlock .input__form input {
  background: transparent;
  height: 40px;
  padding: 9px 14px;
}
.forum__itemPost__commentsBlock .input__form textarea {
  width: 100%;
  min-height: 84px;
  max-height: 194px;
  padding: 9px 14px;
  border-radius: 8px;
  border: 1px solid rgba(145, 158, 171, 0.2);
  background: transparent;
  color: #212b36;
  resize: none;
  overflow-y: auto;
  font-family: 'Roboto', sans-serif;
  line-height: 22px;
  display: block;
  box-sizing: border-box;
}
.forum__itemPost__commentsBlock .input__form textarea:hover {
  border: 1px solid #212b36;
}
.forum__itemPost__commentsBlock .input__form textarea:focus {
  border: 2px solid #212b36;
  outline: none;
}
.forum__itemPost__commentsBlock .input__form textarea::placeholder {
  color: transparent;
}
.forum__itemPost__commentsBlock .input__form textarea:focus + label,
.forum__itemPost__commentsBlock .input__form textarea:not(:placeholder-shown) + label {
  top: -7px;
  color: #212b36;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  cursor: default;
}
.forum__itemPost__commentsBlock .input__form label {
  top: 10px;
  color: #919eab;
}
.forum__itemPost__commentsBlock .btn__transparent {
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
  cursor: pointer;
}
.forum__itemPost__commentsBlock .btn__submit {
  height: 36px;
  padding: 0 12px;
}
.forum__itemPost__commentsBlock .form__rowBtn {
  margin-top: 12px;
}
.forum__itemPost__comments {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-x: hidden;
}
.forum__itemPost__comment {
  border-radius: 8px;
  background: #f4f6f8;
  padding: 12px;
}
.forum__itemPost__comment__header {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.forum__itemPost__comment__info {
  display: flex;
  flex-direction: column;
}
.forum__itemPost__comment__author {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #212b36;
}
.forum__itemPost__comment__date {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #919eab;
}
.forum__itemPost__comment__content {
  margin-top: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #637381;
}
.forum__itemPost__comment__options {
  display: flex;
  align-items: center;
}
.forum__itemPost__comment__option {
  color: #212b36;
  height: 30px;
  padding: 0 4px;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 560px) {
  .forum__itemPost__comment__option span {
    display: none;
  }
}
.forum__itemPost__comment__option:before {
  content: "";
  width: 18px;
  height: 18px;
  background-size: cover;
}
.forum__itemPost__comment__option.reply:before {
  background-image: url("../svg/icon_comment_reply.svg");
}
.forum__itemPost__comment__option.edit:before {
  background-image: url("../svg/icon_comment_edit.svg");
}
.forum__itemPost__comment__option.delete:before {
  background-image: url("../svg/icon_comment_delete.svg");
}
.forum__itemPost__comment__replies > .forum__itemPost__comment {
  padding: 8px 0 0 32px;
}
@media (max-width: 440px) {
  .forum__itemPost__comment__replies > .forum__itemPost__comment {
    padding: 8px 0 0 24px;
  }
}

.forum__itemPost__likes span {
  color: #212b36;
  margin-left: 8px;
}
.forum__itemPost .hidden-comment {
  display: none;
}

.forum .mediaPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(33, 43, 54, 0.8);
  z-index: 100;
}
.forum .mediaPopup__content {
  width: 80%;
  padding: 24px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 110px);
  background-color: transparent;
}
.forum .mediaPopup img,
.forum .mediaPopup video {
  max-width: 100%;
  max-height: 80vh;
  margin: 0 auto;
  display: block;
  border-radius: 6px;
}
.forum .mediaPopup__close {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: url("../svg/icon_media_close.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum .mediaPopup__close {
    width: 32px;
    height: 32px;
  }
}
.forum .mediaPopup__prev {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 32px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: url("../svg/icon_media_prev.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum .mediaPopup__prev {
    width: 32px;
    height: 32px;
    left: 12px;
  }
}
.forum .mediaPopup__next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 32px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.12);
  background-image: url("../svg/icon_media_next.svg");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum .mediaPopup__next {
    width: 32px;
    height: 32px;
    right: 12px;
  }
}

.forum__loadMore {
  display: flex;
  justify-content: center;
  padding: 8px 0 16px;
}
.btn__loadMore {
  min-width: 180px;
  border: 1.5px solid #E0E1E4;
  background: #fff;
  color: #212B36;
  border-radius: 10px;
  padding: 10px 28px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, opacity 0.15s;
}
.btn__loadMore:hover {
  background: #F4F6F8;
  border-color: #C4C7CC;
}
.btn__loadMore.is-loading {
  opacity: 0.6;
  pointer-events: none;
}
.btn__loadMore.is-loading::after {
  content: " …";
}

.forum__info {
  display: none;
}

/* ── Forum Composer (ProfilePostInput) ──────────────────────────── */
.forum__composer {
  background: #fff;
  border: 1px solid #E8E9EA;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  transition: box-shadow 0.2s;
}
.forum__composer.is-open {
}
.forum__composer.is-guest {
  pointer-events: none;
  opacity: 0.5;
}

/* Collapsed state */
.forum__composer__collapsed {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
}
.forum__composer__collapsed[hidden] {
  display: none;
}
.forum__composer__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #F4F5F6;
}
.forum__composer__avatar img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.forum__composer__placeholder {
  flex: 1;
  color: #9EA3A8;
  padding: 10px 14px;
  background: #F7F8F9;
  border-radius: 20px;
  cursor: text;
  user-select: none;
  transition: background 0.15s;
}
.forum__composer__placeholder:hover {
  background: #EDEEF0;
}
.forum__composer__photoTrigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1.5px solid #E8E9EA;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #5C6370;
  white-space: nowrap;
  transition: border-color 0.15s, background 0.15s;
}
.forum__composer__photoTrigger:hover {
  border-color: #C8CACD;
  background: #F7F8F9;
}
.forum__composer__photoTrigger img {
  width: 18px;
  height: 18px;
  opacity: 0.7;
}

/* Expanded state */
.forum__composer__expanded[hidden] {
  display: none;
}
.forum__composer__editorRow {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 16px 0;
}
.forum__composer__avatar--top {
  margin-top: 4px;
}
.forum__composer__editorRow .form.form__forum {
  flex: 1;
  min-width: 0;
}

/* ── Forum Login Popup ── */
.forum__loginPopup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.forum__loginPopup[hidden] { display: none; }

.forum__loginPopup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(33, 43, 54, 0.6);
  backdrop-filter: blur(2px);
  cursor: pointer;
}
.forum__loginPopup__inner {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 16px;
  padding: 40px 32px 32px;
  width: 100%;
  max-width: 564px;
  margin: 16px;
  box-shadow: 0 24px 48px rgba(0,0,0,0.18);
  animation: forumPopupIn 0.22s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes forumPopupIn {
  from { opacity: 0; transform: scale(0.93) translateY(12px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
.forum__loginPopup__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #F4F6F8;
  border-radius: 8px;
  cursor: pointer;
  color: #637381;
  transition: background 0.15s, color 0.15s;
}
.forum__loginPopup__close:hover {
  background: #E8EAED;
  color: #212B36;
}

/* Category chips — multi-select */
.forum__composer__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}
.forum__composer__catChip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: none;
  background: rgba(145, 158, 171, 0.12);
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: #212b36;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.forum__composer__catChip:hover {
  background: rgba(145, 158, 171, 0.22);
}
.forum__composer__catChip.is-active,
.forum__composer__catChip[aria-pressed="true"] {
  background: rgba(20, 117, 117, 0.16);
  color: #116262;
  padding-right: 6px;
}
.forum__composer__catChip__x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Bottom toolbar */
.forum__composer__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 12px;
  border-top: 1px solid #F0F1F2;
  margin-top: 24px;
}
.forum__composer__tools {
  display: flex;
  align-items: center;
  gap: 4px;
}
.forum__composer__tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #5C6370;
  transition: background 0.15s;
}
.forum__composer__tool:hover {
  background: #F0F1F2;
}
.forum__composer__tool img {
  width: 18px;
  height: 18px;
  opacity: 0.75;
}
.forum__composer__actions .js-forumPublish.hidden,
.forum__composer__actions .btn__submit.hidden {
  display: none;
}
.forum__composer__actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.forum__composer__guestHint{
  color: #637381;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 183.333% */
}
.forum__composer__guestHint u {
  color: #147575;
}
.forum__composer__guestHintLink {
  color: #147575;
  cursor: pointer;
  font: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  padding: 0;
  border: 0;
  background: none;
  vertical-align: baseline;
}
.forum__composer__guestHintLink:hover {
  color: #116262;
}
/* Adjust quill inside expanded state */
.forum__composer__editorRow .ql-toolbar {
  border-radius: 8px 8px 0 0;
  border-color: #E8E9EA;
}
.forum__composer__editorRow .ql-container {
  border-radius: 0 0 8px 8px;
  border-color: #E8E9EA;
  min-height: 80px;
}
.forum__composer__editorRow .ql-editor {
  min-height: 80px;
}

@media (max-width: 640px) {
  .forum__composer__collapsed {
    flex-wrap: wrap;
  }
  .forum__composer__photoTrigger {
    display: none;
  }
  .forum__composer__toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .forum__composer__actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.page-template-forum .actionTemplate__innerForm{
  padding: 0;
}
.page-template-forum .forum__loginPopup__close{
  display: none;
}
.forum__composer__catsLabel {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #212b36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}

.forum__composer__catsLabel{
  margin-top: 24px;
}
.input__previewContainer{
  margin-top: 10px;
}

.btn__commentCancel:disabled, .btn__commentCancel[disabled]{
  display: none;
}