.container {
  width: 100%;
  max-width: var(--max-container-width);
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
}

/* header */

.header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px 0;
  position: relative;
}

.header__bottom::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/elips.png);
}

.header__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
}

.header__burger {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

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

.header__nav {
  margin-top: 15px;
}


.nav__lists {
  display: flex;
  align-items: center;
  gap: 24px;
}

.nav__link {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
}

.header__city {
  cursor: pointer;
}

.header__city {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;

}

.header__city span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.social__link span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__social {
  display: flex;
  align-items: center;
  gap: 32px;
}

.header__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.header__items {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header__item {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header__item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  width: max-content;
  border-radius: 8px;
  cursor: pointer;
  padding: 0px 12px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  gap: 10px;
  color: var(--color-white);
}

.btn span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(92.31deg, #0779FF -33.73%, #1153FE -30.79%, #CF2DED 58.43%, #FF2E54 129.86%, #FC324A 131.33%, #F1441D 155.16%, #FF9004 196.86%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.btn:hover::before {
  opacity: 1;
}

.btn {
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.search {
  padding: 7px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #D4D4D8;
  height: 36px;
  min-width: 293px;
}

.search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
}

.search__input {
  flex-grow: 1;
  background: transparent;
  padding: 0;
  border: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #000;
  padding-left: 30px;
  z-index: 1;
}

.search__input::placeholder {
  color: #737A80;
}

.header {
  border-bottom: 1px solid #D4D4D8;
  /* overflow: hidden; */
}

/* slider */

.slider {
  padding: 32px 8px;
  max-width: 1920px;
  margin: 0 auto;
  padding-right: 0;
}

.slider__item {
  width: 134px;
}

.slider__item {
  display: inline-block;
  padding: 2px;
  /* толщина рамки */
  border-radius: 12px;
  background: linear-gradient(92.57deg, rgba(8, 148, 255, 0.75) -38.45%, rgba(201, 89, 221, 0.75) 58.73%, rgba(255, 46, 84, 0.75) 157.59%, rgba(241, 68, 29, 0.75) 167.95%, rgba(255, 144, 4, 0.75) 200.44%);
}

.slider__item img {
  display: block;
  border-radius: 10px;
  /* чуть меньше, чем у обёртки */
  width: 100%;
  height: 204px;
  object-fit: cover;
}


/* model */

.model__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding: 32px 0;
}

.model__item {
  border-radius: 12px;
  background: var(--color-white);
}

.model__img img {
  height: 396px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}

.model__hide {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.model__info {
  padding: 16px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.model__img {
  position: relative;
}

.model__open-video {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.model__name {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 8px;
  display: block;
}

.model__category {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #737A80;
}

.model__city {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 40px;
  margin-bottom: 16px;
  gap: 8px;
}

.model__city-adress {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.model__city-go {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  gap: 8px;
  display: flex;
  align-items: center;
}

.model__city-go span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.model__price {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  min-width: 96px;
  border-right: 1px solid #E6E6E6;
  min-height: 39px;
}

.model__price span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.model__items {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-bottom: 16px;
}

.model__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.model__hide {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.model__btn .like {
  display: none;
}

.model__btn.active .like {
  display: flex;
}

.model__btn.active .nolike {
  display: none;
}

.model__btn {
  height: 32px;
  border-radius: 8px;
  background: #F5F5F7;
  padding: 0 12px;
  color: var(--color-black);
  font-size: 12px;
  font-weight: 400;
}

.model__btn:hover::before {
  opacity: 0;
  width: 0;
}

.model {
  margin-bottom: 64px;
}

.btn__more {
  height: 56px;
  border-radius: 8px;
  background: transparent;
  padding: 0 32px;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #D4D4D8;
  margin: 0 auto;
}

.btn__more:hover::before {
  opacity: 0;
  width: 0;
}

.btn__more:hover {
  border: 1px solid var(--color-black);
}

.model__title {
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
}

.model__lists {
  display: flex;
  align-items: center;
  gap: 24px;
}

.model__list {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  position: relative;
}

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

.model__list.active::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -4px;
  left: 0;
  background: #D541EF;
}

.hide__mob {
  display: none;
}

/* footer */

.footer {
  padding: 48px 0;
  background: var(--color-black);
  color: var(--color-white);
}

.footer__top {
  display: flex;
  justify-content: space-between;
}

.footer__left {
  max-width: 432px;
}

.footer__info {
  display: flex;
  align-items: center;
  border: 1px solid #3D3D3D;
  min-height: 75px;
  padding: 16px;
  padding-left: 0;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  position: relative;
  margin-top: 31px;
  margin-bottom: 16px;
}

.footer__info::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #3D3D3D;
  left: 91px;
  top: 0;
}

.footer__info span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  margin-right: 16px;
  font-size: 32px;
  line-height: 1;
  font-weight: 300;
  min-width: 90px;
}

.footer__text {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 300;
  color: #FFFFFFB2;
}

.footer__center {
  display: flex;
  gap: 32px;
}

.footer__link {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.footer__lists {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 184px;
}

.footer__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer__social {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__btns {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}

.footer__bottom-name {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #FFFFFFB2;
}

.polit {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: #FFFFFFB2;
}

.social__link .hover {
  display: none;
}

.social__link:hover .hover {
  display: flex;
}

.social__link:hover .nohover {
  display: none;
}

.footer .social__link {
  height: 22px;
}

.footer .social__link:hover {
  text-decoration: underline;
}

.footer__link:hover {
  position: relative;
  width: max-content;
}

.footer__link:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -3px;
  background: var(--color-white);
  opacity: 0.5;
}

.header__burger,
.header__logo,
.nav__link {
  position: relative;
  z-index: 2;
}

.nav__link.active::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.5px;
  left: 0;
  bottom: -3px;
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.nav__link:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.5px;
  left: 0;
  bottom: -3px;
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.nav__link.active {
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.search:has(.search__input:focus),
.search:has(.search__button:focus),
.search:has(.search__input:focus-visible),
.search:has(.search__button:focus-visible) {
  border: 1px solid var(--color-black);
}

.hide {
  display: none;
}

.search {
  position: relative;
  background: #fff;
}

.search:has(.search__input:focus) .hide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.filter .search:has(.search__input:focus) .hide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.header__city {
  padding: 8px;
  height: 36px;
  border-radius: 8px;
}

.header__city:hover {
  background: #F5F5F7;
}

.header {
  background: var(--color-white);
}

.header .social__link {
  padding: 8px;
  height: 36px;
  border-radius: 8px;
}

.header .social__link:hover {
  background: #F5F5F7;
}

.header__item {
  padding: 8px;
  height: 36px;
  border-radius: 8px;
}

.header__item:hover {
  background: #F5F5F7;
}

.header__item-lk .hover {
  display: none;
}

.header__item-lk:hover .hover {
  display: flex;
}

.header__item-lk:hover .nohover {
  display: none;
}

.header__item-lk:hover {
  display: inline-block;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.header__item-lk:hover .header__item-lk-inner {
  background-color: #F5F5F7;
  border-radius: 8px;
  padding: 7px;
}


.header__item-lk-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.popup {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  position: relative;
  z-index: 999999999;
}

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

.container__popup {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  background: rgb(0 0 0 / 35%);
}

.popup__block {
  max-width: 448px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  display: flex;
  max-height: 75vh;
  margin-top: 60px;
  flex-direction: column;
  padding: 0px;
  box-shadow: 0px 1px 2px -1px #121A2B0F;
  box-shadow: 0px 1px 2px 0px #121A2B1A;
  border-radius: 16px;
  background: var(--color-black);
  color: #fff;
  padding: 32px;
  padding-top: 16px;
  z-index: 21;
}

.close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}

.popup__title {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 32px;
}

.popup__title span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup__btns {
  gap: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.popup__btns .btn {
  width: 100%;
  height: 48px;
}

.no__btn {
  background: #F5F5F7;
  color: var(--color-black);
}

.no__btn:hover::before {
  width: 0;
}

.no__btn::before {
  width: 0;
}

.no__btn:hover {
  color: #A1A1AA;
}

.popup__city-more .container__popup {
  align-items: flex-start;
}

.popup__city-more .popup__block {
  max-width: 512px;
  width: 90%;
  margin: 0;
  max-height: 100vh;
  margin-top: 0;
  flex-direction: column;
  padding: 0px;
  box-shadow: 0px 1px 2px 0px #121A2B1A;
  border-radius: 0;
  background: var(--color-white);
  color: #000;
  padding: 32px;
  z-index: 21;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popup__polit .container__popup {
  justify-content: center;
  align-items: center;
}

.popup__polit .popup__block {
  max-width: 920px;
  width: 90%;
 margin: 0 auto;
  max-height: 90vh;
  flex-direction: column;
  box-shadow: 0px 1px 2px 0px #121A2B1A;
  border-radius: 20px;
  background: var(--color-white);
  color: #000;
  padding: 32px;
  z-index: 21;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popup__polit .popup__title {
  padding: 0;
  margin: 0;
  margin-bottom: 32px;
  font-size: 32px;
}

.popup__polit .salon__info {
  padding-top: 0;
}

.noskroll {
  overflow: hidden;
}

.title__city-more {
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
  margin: 0;
}

.text__city-more {
  margin-top: 32px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

.city__more {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.city__more-link {
  width: max-content;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  position: relative;
}

.city__more-link:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -3px;
  background: var(--color-black);
  opacity: 0.5;
}

.city__more-linkmain {
  font-size: 24px;
  font-weight: 500;
}


.popup__city-login .container__popup {
  justify-content: center;
}

.popup__city-login .popup__block {
  max-width: 448px;
  width: 90%;
  max-height: 90vh;
  flex-direction: column;
  padding: 0px;
  box-shadow: 0px 1px 2px 0px #121A2B1A;
  border-radius: 16px;
  background: var(--color-white);
  color: #000;
  padding: 32px;
  z-index: 21;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.login__popup {
  display: none;
}

.login__popup.active {
  display: block;
}

.popup__block-titles {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
}

.popup__block-title {
  font-size: 32px;
  line-height: 1;
  font-weight: 400;
  cursor: pointer;
  color: #737A80;
}

.popup__block-title.active {
  font-weight: 600;
  color: var(--color-black);
}


.reg__inputs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

.floating-label {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

.reg__btn {
  width: 100%;
}

.reg__btn .btn {
  width: 100%;
  border: none;
  height: 48px;
}

.input {
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
  width: 100%;
  border: 1px solid #D4D4D8;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

.input::placeholder {
  color: #737A80;
}

.input-error {
  margin-top: 8px;
  display: none;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #EF4444;
}

input:focus {
  border: 1px solid var(--color-black);
}

.remove__password {
  margin-bottom: 8px;
  color: #0F92FF;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

.error-active input {
  border: 1px solid #EF4444;
}


.popup__error_visible {
  display: block;
}

.more {
  color: #737A80;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 400;
}

.tg__reg-btn {
  height: 48px;
  background: #F5F5F7;
  color: var(--color-black);
  width: 100%;
}

.tg__reg-btn:hover {
  border: 1px solid var(--color-black);
}

.tg__reg-btn::before {
  width: 0;
}

.nolk {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  gap: 4px;
  font-weight: 500;
  margin-top: 8px;
}

.nolk a {
  color: #0F92FF;
}

.login__items {
  margin: 8px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.login__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  border: 1px solid #D4D4D8;
  text-align: center;
}

.login__item-pl {
  border-radius: 6px 0 0 6px;
  border-right: none;
}

.login__item-rek {
  border-radius: 0 6px 6px 0;
  border-left: none;
}

.login__item.active {
  background: var(--color-black);
  color: var(--color-white);
  border: 1px solid var(--color-black);
}

.popup__menu-more .container__popup {
  align-items: flex-start;
}

.popup__menu-more .popup__block {
  max-width: 315px;
  width: 90%;
  margin: 0;
  max-height: 100vh;
  height: 100vh;
  margin-top: 0;
  flex-direction: column;
  padding: 0px;
  box-shadow: 0px 1px 2px 0px #121A2B1A;
  border-radius: 0;
  background: var(--color-white);
  color: #000;
  padding: 32px;
  z-index: 21;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.menu__more-link {
  padding: 16px 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  display: block;
  border-bottom: 1px solid #E6E6E6
}

.menu__more-list:last-child .menu__more-link {
  border: none;
}


/* bread */


.bread__block {
  display: flex;
  align-items: center;
  gap: 15px;
}

.bread__block {
  overflow-x: scroll;
  flex-wrap: nowrap;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.bread {
  padding-top: 25px;
  padding-bottom: 33px;
  background: var(--color-white);
}

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

.bread__list {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #737A80;
}
.model__btn {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
}

.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.video-popup.active {
  display: flex;
}
.video-popup__content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.video-popup__content video {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.video-popup__close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  border: none;
  font-size: 24px;
  line-height: 1;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  cursor: pointer;
}


.main__title {
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
}

.gallery {
  background: var(--color-white);
}

.gallery__block {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

.gallery__left {
  width: 65.5%;
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, 1fr);
}

.gallery__wrap {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.gallery__right {
  width: 32%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.gallery__item {
  cursor: pointer;
}

.gallery__item img {
  font-size: 1px;
}
.gallery__wrap-left .gallery__item:nth-child(4n) img {
  height: 261px;
}

.gallery__wrap-left .gallery__item:nth-child(4n+1) img {
  height: 470px;
}

.gallery__wrap-left .gallery__item:nth-child(4n+2) img {
  height: 323px;
}

.gallery__wrap-left .gallery__item:nth-child(4n+3) img {
  height: 621px;
}

.gallery__wrap-right .gallery__item:nth-child(4n) img {
  height: 620px;
}

.gallery__wrap-right .gallery__item:nth-child(4n+1) img {
  height: 323px;
}

.gallery__wrap-right .gallery__item:nth-child(4n+2) img {
  height: 261px;
}

.gallery__wrap-right .gallery__item:nth-child(4n+3) img {
  height: 470px;
}


.gallery__right .gallery__item:nth-child(4n) img {
  height: 470px;
}

.gallery__right .gallery__item:nth-child(4n+1) img {
  height: 620px;
}

.gallery__right .gallery__item:nth-child(4n+2) img {
  height: 323px;
}

.gallery__right .gallery__item:nth-child(4n+3) img {
  height: 261px;
}



.skeleton {
  display: none;
}

.skeleton.active {
  display: flex;
}

.open__gal {
  display: none;
}

.open__gal.active {
  display: flex;
}

.skeleton .gallery__item {
  background: var(--color-bg-additional);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

/* Полупрозрачная движущаяся полоска */
.skeleton .gallery__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  width: 100px;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  animation: shimmer 1.5s infinite;
}

/* Ключевые кадры анимации */
@keyframes shimmer {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300%);
  }
}


.skeleton .gallery__item::before {
  width: 0;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n) {
  height: 261px;
}

.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+1) {
  height: 470px;
}

.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+2) {
  height: 323px;
}

.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+3) {
  height: 621px;
}

.skeleton .gallery__wrap-right .gallery__item:nth-child(4n) {
  height: 620px;
}

.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+1) {
  height: 323px;
}

.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+2) {
  height: 261px;
}

.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+3) {
  height: 470px;
}


.skeleton .gallery__right .gallery__item:nth-child(4n) {
  height: 470px;
}

.skeleton .gallery__right .gallery__item:nth-child(4n+1) {
  height: 620px;
}

.skeleton .gallery__right .gallery__item:nth-child(4n+2) {
  height: 323px;
}

.skeleton .gallery__right .gallery__item:nth-child(4n+3) {
  height: 261px;
}

.gallery__item img {
  object-fit: cover;
  border-radius: 12px;
}

.gallery__item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 3px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 86.73%, rgba(0, 0, 0, 0.4) 100%);
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.gallery__item {
  position: relative;
}

.gallery__info {
  display: flex;
  position: absolute;
  left: 24px;
  bottom: 24px;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--color-white);
  z-index: 9;
}

.galprof__foto img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
}

.gallery {
  padding-bottom: 64px;
}

.bread__grey {
  background: var(--color-bg-additional);
}

.category__lists {
  margin-top: 74px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.category__link {
  height: 48px;
  width: max-content;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.category__link:hover {
  border: 1px solid var(--color-black);
}



.category_top-sort {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
  position: relative;
  justify-content: flex-end;
}

.category_top-sort {
  padding: 13px 16px;
  border: none;
  background: transparent;
  height: 40px;
  width: max-content;
  border-radius: 8px;
}

.category_top-sort:hover {
  background: var(--color-white);
}

.category_top-sort {
  min-width: 180px;
}

.category_top-sort span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.category_top-sort span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.category_top-sort .dropdown_img {
  display: none;
}

.dropdown_img.active {
  display: flex;
}

.dropdown2 {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}

.dropbtn {
  display: flex;
  align-items: center;
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  background: transparent;
}


.category_top-sort span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown__content {
  display: none;
  border-radius: var(--btn-border-radius);
  padding: 10px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
  background: var(--bg-color);
}

.dropdown__content {
  box-shadow: 0px 1px 8px 0px #1414140F;
  border: 1px solid #E4E4E7;
  border-radius: 8px;
  z-index: 3;
}

.dropdown__content li {
  cursor: pointer;
}

.dropdown__content li {
  padding: 11px 18px;
  margin-bottom: 0px;
  padding-right: 4px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* .dropdownnv .dropbtn {
  color: #737A80;
} */
.btn {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
}
.dropdown__content li span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown__content li:hover {
  background: var(--color-bg-additional);
}

.dropdown.active .dropdown__content {
  display: block;
  position: absolute;
  top: 42px;
  border-radius: 8px;
  background: var(--color-white);
  z-index: 10;
  left: 0;
  display: block;
  width: 100%;
  padding: 0px 0;
  padding-bottom: 16px;
  box-shadow: 0px 4px 6px -4px #121A2B0D,
  0px 12px 15px -4px #121A2B1A;

}

.search__text {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
}

.model__search {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 36.5px;
  margin-bottom: 4.5px;
}

.search input:focus {
  border: none;
}

.filter {
  padding: 24px;
  background: var(--color-white);
  border-radius: 16px;
  margin-top: 32px;
}

.filter__title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.filter .search {
  height: 48px;
}

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

.filter__top {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #E4E4E7;
  display: flex;
  gap: 24px;
}

.filter__bottom {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E4E4E7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 32px;
}

.filter__category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter__category-list {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 8px;
  padding: 11px 16px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid #F5F5F7;
  background: #F5F5F7;
}

.filter__category-list:hover {
  border: 1px solid var(--color-black);
}

.filter__category-list span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.filters__btn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter__btn {
  display: inline-block;
  padding: 1px;
  border-radius: 8px;
  height: 48px;
  color: var(--color-black);
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.filter__btn::before {
  width: 0;
}

.filter__btn .header__item-lk-inner {
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 5px 16px;
  height: 46px;
}


.filter__btn-open {
  display: none;
  align-items: center;
  padding: 1px;
  border-radius: 8px;
  height: 48px;
  color: var(--color-black);
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.filter__btn-open::before {
  width: 0;
}

.filter__btn-open .header__item-lk-inner {
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 5px 16px;
  height: 46px;
}

.filter__btn-remove::before {
  width: 0;
}

.filter__btn-remove {
  background: transparent;
  height: 48px;
  font-size: 16px;
  color: var(--color-black);
}

.count__filter {
  border-radius: 50%;
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
  color: var(--color-white);
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  height: 20px;
  min-width: 20px;
}

.filter__btn:hover::before {
  width: 100%;
}

.filter__btn {
  font-size: 16px;
}

.filter__btn:hover .header__item-lk-inner {
  background: transparent;
  color: var(--color-white);
}

.filter__btn:hover .count__filter {
  background: var(--color-white);
  color: var(--color-black);
}

.filter__btn:hover svg path {
  stroke: var(--color-white) !important;
}

.filter__btn-remove:hover {
  background: var(--color-bg-additional);
}

.filter__wrap .category_top-sort {
  justify-content: space-between;
}

.filter__wrap .dropdown2 {
  width: 100%;
}

.filter__wrap .category_top-sort {
  min-width: 160px;
  height: 48px;
  padding: 14px 16px;
  font-size: 16px;
  border: 1px solid #D4D4D8;
}

.filter__wrap .category_top-sort.active {
  border: 1px solid var(--color-black);
}

.filter__wrap .dropdown.active .dropdown__content {
  top: 51px;
}

.filter__wrap .category_top-sort.active .leftsort {
  transform: rotate(180deg);
}

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

.input__wrap .form-label {
  position: relative;
}

.input__wrap .floating-label {
  position: absolute;
  left: 13px;
  top: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #737A80;
  margin: 0;
}

.form_check1 {
  width: 100%;
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
}

.form_check1  span {
  justify-content: flex-start !important;
}
.input__wrap .input {
  padding-left: 36px;
  max-width: 140px;
}

.input__wrap-age .input {
  max-width: 100px;
}


.filter__wrap-metro .category_top-sort {
  max-width: 330px;
  width: 330px;
}

.form_check1 {
  margin-bottom: 0px;
  display: block;
}

.custom-checkbox {
  position: absolute;
  opacity: 0;
}

.catalog_label span {
  display: flex;
  align-items: center;
}

.catalog_label span {
  align-items: flex-start;
  margin-top: 2px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--color-black);
}

.custom-checkbox+span::before {
  content: '';
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  border: 1px solid var(--color-black);
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox+span::before {
  background: var(--color-white);
}

.custom-checkbox:checked+span::before {
  border-color: var(--color-black);
  background-color: var(--color-black);
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.filter__wrap-metro .search {
  margin: 16px 16px;
  height: 44px;
}

.filter__wrap-metro .dropbtn {
  font-size: 15.3px;
  max-width: 316px;
  overflow: hidden;
  white-space: nowrap;
}

.filter__wrap-go {
  padding-top: 32px;
}

.filter__btn-ok {
  height: 48px;
  padding: 0 32px;
  font-size: 16px;
}

.popup__block-filter {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E4E4E7;
  border-bottom: 1px solid #E4E4E7;
}

.popup__block-filter .popup__block-titles {
  width: 292px;
  padding: 24px 32px;
  flex-direction: column;
  gap: 12px;
}

.popup__block-filter .popup__block-titles .popup__block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 44px;
  border-radius: 8px;
  background: var(--color-bg-additional);
  padding: 0 16px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  padding-right: 8px;
  color: var(--color-black);
}

.popup__block-filter .login__popup {
  flex-grow: 1;
  padding: 24px 32px;
  border-left: 1px solid #E4E4E7;
}

.popup__block-filter .popup__block-titles .popup__block-title span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup__filter .container__popup {
  justify-content: center;
}

.popup__filter .popup__block {
  max-width: 832px;
  width: 90%;
  max-height: 90vh;
  flex-direction: column;
  padding: 0px;
  box-shadow: 0px 1px 2px 0px #121A2B1A;
  border-radius: 16px;
  background: var(--color-white);
  color: #000;
  padding: 32px 0;
  z-index: 21;
  overflow-y: scroll;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popup__filter-info {
  padding: 0 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E4E4E7;
}

.popup__category {
  padding: 24px 32px;
}

.popup__category .filter__category-list {
  font-size: 14px;
}

.popup__category .filter__title {
  font-size: 16px;
  margin-bottom: 19px;
}

.popular__popup .filter__wrap {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E4E4E7;
}

.popular__popup .filter__wrap:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border: none;
}

.popular__popup .filter__wrap-go {
  padding-top: 0;
}

.popular__popup .filter__wrap .filter__title {
  margin-bottom: 18px;
  font-size: 16px;
}

.popular__popup .filter__wrap .category_top-sort {
  width: 100%;
  max-width: 352px;
  min-width: auto;
}

.popular__popup .input__wrap .input {
  padding-left: 36px;
  max-width: 170px;
}

.popular__popup .input__wrap-age .input {
  max-width: 170px;
}

.popular__popup .filter__wrap-metro .category_top-sort {
  width: 100%;
  max-width: 100%;
  min-width: auto;
}

.popular__popup .filter__wrap-metro .dropbtn {
  font-size: 16px;
  max-width: 376px;
}

.filter__popup-bottom {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 32px;
  padding-bottom: 0;
}

.filter__popup-bottom .filter__btn-ok {
  padding: 0 48px;
}

.filter__popup-bottom .filter__btn-remove {
  background: var(--color-bg-additional);
  padding: 24px;
  border: 1px solid var(--color-bg-additional);
}

.filter__popup-bottom .filter__btn-remove:hover {
  border: 1px solid var(--color-black);
}

.filter__title-main {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 24px;
}

.popular__popup .catalog_label {
  margin-bottom: 16px;
}

.popular__popup .catalog_label:last-child {
  margin-bottom: 0;
}

.popular__popup .login__item {
  height: 40px;
}

.popular__popup .login__items {
  max-width: 177px;
  margin-bottom: 16px;
}

.input__wrap-price {
  margin-bottom: 16px;
}

.filter__check {
  margin-bottom: 16px;
}

.filter__service-right .login__items {
  min-width: 240px;
  margin-bottom: 0px;
  grid-template-columns: repeat(3, 1fr);
}

.filter__service-right .login__item {
  font-size: 12px;
  height: 32px;
}

.filter__service-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 19px 0;
  border-bottom: 1px solid #E4E4E7;
}

.filter__service-item:last-child {
  border: none;
}

.service__name-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 18px;
  cursor: pointer;
  font-weight: 600;
}

.service__name-filter span {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}

.filter__service.active .service__name-filter span {
  transform: rotate(0deg);
}

.filter__service {
  border-bottom: 1px solid #E4E4E7;
  margin-bottom: 18px;
}

.filter__service:last-child {
  border: none;
  margin-bottom: 0;
}

.filter__service-left {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.filter__service-items .filter__service-item {
  padding: 12px 0;
}

.filter__service .filter__service-items {
  display: none;
}

.filter__service.active .filter__service-items {
  display: block;
}

/* salons */

.salons__img img {
  border-radius: 16px;
  height: 230px;
}

.salons__block {
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding-top: 48px;
}

.salons__block .model__info {
  padding: 24px;
  padding-top: 16px;
}

.salons__review {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  padding-top: 2px;
  margin-bottom: 16px;
}

.salons__review span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.salons__review a {
  font-weight: 400;
  font-size: 12px;
  color: #737A80;
  position: relative;
  display: block;
  width: max-content;
}

.salons__review a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 0.1px;
  background: #737A80;
}

.salons__addres {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.salons__addres span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.salons__wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.salons__wrap-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.salons__wrap-item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.salons__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 61px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.salon__info {
  padding-top: 48px;
}

.salon__info h3 {
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 600;
}

.salon__info h3:first-child {
  margin-top: 0;
}

.salon__info p {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 18px;
}

.salon__info p:last-child {
  margin-bottom: 0;
}

.salon__info ul {
  padding-left: 20px;
  margin-bottom: 18px;
  list-style: disc;
  margin-left: 6px;
}

.salon {
  background: var(--color-white);
}

.salon__info li {
  list-style: disc;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 4px;
}

.salon__info li:last-child {
  margin-bottom: 0;
}

.salons {
  margin-bottom: 80px;
}

.salon .salons__addres {
  font-size: 16px;
}

.salon .salons__wrap-item {
  font-size: 16px;
}

.salons__addres span {
  color: #737A80;
}

.salon .salons__review {
  margin-top: 13px;
  margin-bottom: 29px;
}

.salon__text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 100px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

.salon__block {
  display: flex;
  justify-content: space-between;
}

.salon__left {
  width: 58%;
  max-width: 723px;
}

.salon__right {
  width: 40%;
}

.salon__text-open {
  cursor: pointer;
  margin-top: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #0F92FF;
}

.swiper-container-wrapper {
  width: 100%;
  margin-bottom: 32px;
}

.mainSwiper {
  width: 100%;
  height: 420px;
  margin-bottom: 4px;
}

.thumbsSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.mainSwiper .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 16px 16px 0 0;
}

.thumbsSwiper {
  height: 81px;
}

.thumbsSwiper .swiper-slide {
  height: 81px;
  cursor: pointer;
}

.model__salon {
  padding-top: 48px;
  padding-bottom: 48px;
  margin-bottom: 0;
}

.salon__right {
  padding-top: 92px;
}

.salon__title {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

.salon__price {
  margin-top: 30px;
  padding: 24px;
  border-radius: 16px;
  background: var(--color-bg-additional);
}

.salon__price-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 18px 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  border-bottom: 1px solid #DDDDDD;
  justify-content: space-between;
}

.salon__wrapper-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  padding: 18px 0;
  border-bottom: 1px solid #DDDDDD;
}

.salon__wrapper {
  margin-bottom: 32px;
}

.salon__wrapper-name {
  display: flex;
  align-items: center;
  gap: 5px;
}

.salon__wrapper-name span {
  font-size: 12px;
  font-weight: 700;
  color: #06AB43;
}

.tel__btn {
  width: 100%;
  height: 56px;
  margin-bottom: 12px;
  font-size: 18px;
}

.soc__btn {
  display: inline-block;
  padding: 1px;
  border-radius: 8px;
  height: 56px;
  color: var(--color-black);
  background: #D4D4D8;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.soc__btn:hover {
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.soc__btn::before {
  width: 0;
}

.soc__btn .header__item-lk-inner {
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 5px 16px;
  height: 54px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.soc__btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.soc__btn .hover {
  display: none;
}

.soc__btn:hover .nohover {
  display: none;
}

.soc__btn:hover .hover {
  display: flex;
}

.salon {
  padding-bottom: 48px;
}

.salon__text.active {
  -webkit-line-clamp: none;
  height: auto;
}

.review {
  padding-top: 48px;
  padding-bottom: 64px;
  background: var(--color-white);
}

.review__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.model__salon .model__title {
  margin-bottom: 0;
}

.review__btn::before {
  width: 0;
}

.review__btn {
  border: 1px solid #D4D4D8;
  height: 48px;
  font-size: 14px;
  padding: 0 24px;
  color: var(--color-black);
  background: transparent;
}

.review__btn:hover {
  border: 1px solid var(--color-black);
}

/* .review__btn:hover {
  background: #F5F5F7;
  color: #A1A1AA;
} */

/* .review__btn:hover span {
  opacity: 0.5;
} */

.review__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.review__like {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
}

.review__like span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.review .salons__review {
  margin-bottom: 32px;
}

.review__like-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #737A80;
}

.review__like-info {
  display: flex;
  align-items: center;
  gap: 6px;
}

.review__like-info span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.review__item .review__like {
  width: 85%;
}

.review__item .review__like-data {
  width: 85%;
}

.review__item .salon__text {
  width: 85%;
}

.review .btn__more {
  margin: 0;
  margin-top: 24px;
  height: 48px;
  padding: 0 24px;
}

/* questionnaire */

.questionnaire {
  padding: 16px 0;
}

.questionnaire__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

.questionnaire__item img {
  object-fit: cover;
  height: 417px;
}

.questionnaire__item:nth-child(1) img {
  border-radius: 16px 0 0 16px;
}

.questionnaire__item:nth-child(4) img {
  border-radius: 0 16px 16px 0;
}

.questionnaire__item {
  position: relative;
}

.questionnaire__btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  bottom: 13px;
  right: 8px;
}

.questionnaire__btns.mob {
  display: none;
}

.questionnaire__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  width: max-content;
  height: 44px;
  background: #00000080;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  gap: 8px;
  color: var(--color-white);
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

.questionnaire__btn span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.questionnaire__bottom-left {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.questionnaire__bottom-right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.questionnaire__bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 16px;
  gap: 8px;
}

.questionnaire__bottom-items {
  padding: 13px 0;
  background: var(--color-white);
  border-radius: 16px;
  height: 80px;
}

.questionnaire__bottom-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  border-right: 1px solid #E6E6E6;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
}

.questionnaire__bottom-item:last-child {
  border: none;
}

.model__salon .questionnaire__open span{
  display: none;
}
.questionnaire__bottom-item span {
  text-align: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

.questionnaire__bottom-left .questionnaire__bottom-item span {
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.questionnaire__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
}

.questionnaire__info {
  background: var(--color-white);
  padding-top: 32px;
}

.questionnaire__info .container {
  padding-bottom: 80px;
}

.questionnaire__info .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px;
}

.btns__anketa {
  justify-content: flex-start;
  gap: 16px;
  margin-top: 24px;
}

.btns__anketa .model__btn {
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
}

.questionnaire__usl-title {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-bg-additional);
  padding: 20px 24px 8px 24px;
  border-radius: 16px 16px 0 0;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

.questionnaire__usl-title span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.questionnaire__usl {
  border-radius: 16px;
  margin-bottom: 24px;
}

.questionnaire__usl-item {
  padding: 14px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border: 0.5px solid var(--color-bg-additional);
  border-top: none;
}

.questionnaire__usl-item:last-child {
  border-radius: 0 0 16px 16px;
}

.questionnaire__usl-left {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.questionnaire__usl-left span {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #0F92FF;
}

.questionnaire__usl-right {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
}

.questionnaire__info-right .questionnaire__title {
  margin-bottom: 24px;
}

.exclusive {
  padding: 32px 24px;
  border-radius: 16px;
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
  backdrop-filter: blur(20px);
  margin-bottom: 32px;
  color: var(--color-white);
}

.exclusive__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  gap: 10px;
}

.exclusive__title span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.exclusive__text {
  padding: 0 24px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #FFFFFF33;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.exclusive__text:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.exclusive__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px solid #DDDDDD;
}

.exclusive__item-right {
  display: flex;
  align-items: center;
  gap: 32px;
}

.exclusive__item-right .exclusive__item-text:first-child {
  min-width: 120px;
}

.exclusive__item-right .exclusive__item-text:last-child {
  min-width: 70px;
}

.exclusive__items {
  background: var(--color-bg-additional);
  padding: 32px 24px;
  border-radius: 16px;
}

.exclusive__item-title {
  padding-top: 32px;
  padding-bottom: 8px;
  border: none;
}

.exclusive__item-title:first-child {
  padding-top: 0;
}

.exclusive__item-left {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.exclusive__item-text {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.exclusive__item-title .exclusive__item-left {
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

.exclusive__item-title .exclusive__item-text {
  text-transform: uppercase;
  color: #737A80;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
}

.exclusive__texts {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 24px;
}

.worksheet {
  margin-top: 32px;
  background: var(--color-bg-additional);
  padding: 24px;
  border-radius: 16px;
}

.worksheet__title {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

.worksheet .model__item {
  display: flex;
  gap: 24px;
  padding: 16px;
  margin-bottom: 24px;
}

.worksheet .model__item:last-child {
  margin-bottom: 0;
}

.worksheet .model__img {
  width: 150px;
}

.worksheet .model__img img {
  height: 199px;
}

.worksheet .model__info {
  flex-grow: 1;
  padding: 0;
}

.worksheet .model__city-adress span {
  color: #737A80;
  font-size: 14px;
}

.adr {
  display: flex;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 24px;
}

.adr span {
  display: flex;
  justify-content: center;
}

.adr .model__city-adress span {
  display: inline-block;
}

.adr .model__city-go {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-black);
}

.adr .model__city-adress {
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
  display: flex;
  align-items: center;
  color: var(--color-black);
}

.adr .model__city-adress span {
  font-size: 14px;
  font-weight: 400;
  color: #737A80;
}

.time {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 32px;
}

.time span {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.anketa__soc .tel__btn {
  width: 58%;
  margin-bottom: 0;
  height: 48px;
}

.anketa__soc .soc__btn {
  height: 48px;
}

.anketa__soc .soc__btn .header__item-lk-inner {
  height: 46px;
}

.anketa__soc .soc__btn .header__item-lk-inner span {
  width: 21px;
  min-width: 21px;
  max-width: 21px;
  max-height: 21px;
}

.questionnaire__info-right .questionnaire__open span {
  display: none;
}
.questionnaire__info-left > div.anketa__soc > div > a:nth-child(1):hover .nohover{
display: flex;
}
.questionnaire__info-left > div.anketa__soc > div > a:nth-child(1):hover .hover{
  display: none;
  }
.questionnaire__info-left > div.anketa__soc > div > a:nth-child(1):hover svg path {
  fill: #06AB43 !important;
}

.questionnaire__info-left > div.anketa__soc > div > a:nth-child(2):hover .nohover{
  display: flex;
  }
  .questionnaire__info-left > div.anketa__soc > div > a:nth-child(2):hover .hover{
    display: none;
    }
  .questionnaire__info-left > div.anketa__soc > div > a:nth-child(2):hover svg path {
    fill: #0F92FF !important;
  }


 .salon__right > div.soc__btns > a:nth-child(1):hover .nohover{
    display: flex;
    }
    .salon__right > div.soc__btns > a:nth-child(1):hover  .hover{
      display: none;
      }
      .salon__right > div.soc__btns > a:nth-child(1):hover  svg path {
      fill: #06AB43 !important;
    }
    
    .salon__right > div.soc__btns > a:nth-child(2):hover  .nohover{
      display: flex;
      }
      .salon__right > div.soc__btns > a:nth-child(2):hover  .hover{
        display: none;
        }
        .salon__right > div.soc__btns > a:nth-child(2):hover  svg path {
        fill: #0F92FF !important;
      }


.questionnaire__info-left .salon__text {
  height: 48px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  margin-top: 32px;
}

.questionnaire__info-left .salon__text.active {
  -webkit-line-clamp: none;
  -webkit-line-clamp: unset;
  height: auto;
}

.questionnaire__info-left .salon__text-open {
  margin-top: 8px;
}

.health {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E6E6;
}

.health__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.health__item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.review__anketa {
  padding-top: 48px;
  margin-top: 32px;
  border-top: 1px solid #E6E6E6;
  margin-bottom: 32px;
}

.review__anketa .salons__review {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}

.review__anketa .salons__review a {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.review__anketa .salons__review a::before {
  width: 0;
}

.questionnaire__info-left .review__item .review__like {
  width: 100%;
}

.questionnaire__info-left .review__item .review__like-data {
  width: 100%;
}

.questionnaire__info-left .review__item .salon__text {
  width: 100%;
  margin-top: 0;
}

.questionnaire__info-left .review__like-info {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #737A80;
}

.questionnaire__info-left .review__item .salon__text {
  height: auto;
  -webkit-line-clamp: none;
}

.review__like-info a {
  position: relative;
}

.review__like-info a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 0.1px;
  background: #737A80;
}

.likes__wrap {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.likes__wrap-item {
  display: flex;
  flex-direction: column;
  gap: 6.5px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
}

.likes__wrap-item span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.questionnaire__info-left .review__item {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #E6E6E6;
}

.questionnaire__info-left .btn__more {
  margin: 0;
}

.akketa__links {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
}

.akketa__link {
  font-size: 14px;
  line-height: 1;
  padding: 0 16px;
  font-weight: 400;
  height: 40px;
  background: var(--color-bg-additional);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.characteristics__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}

.characteristics__left {
  color: #737A80;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

.characteristics__right {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.characteristics {
  width: 73%;
  margin-top: 42px;
}

.characteristics__item span {
  flex-grow: 1;
  border: 0.1px dashed #DDDDDD;
  margin-top: 10px;
}

.characteristics__ok {
  font-size: 14px;
  line-height: 1;
  padding: 0 16px;
  font-weight: 400;
  height: 40px;
  border: 1px solid #BBF7D0;
  color: #0A933D;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: max-content;
  gap: 8px;
}

.characteristics__ok span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.questionnaire__info .container {
  position: relative;
  overflow: hidden;
}

.questionnaire__info .container::before {
  content: '';
  position: absolute;
  height: 160px;
  width: 100%;
  bottom: -50px;
  margin: 0 auto;
  left: 0;
  background-image: url(../img/elips.png);
  background-repeat: no-repeat;
}

.popup__hide .container__popup {
  justify-content: center;
}

.popup__hide .popup__block {
  background: var(--color-white);
  color: var(--color-black);
}

.popup__hide .popup__title {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  justify-content: center;
}

.popup__hide .ok__btn::before {
  width: 0;
}

.popup__hide .ok__btn {
  background: var(--color-black);
  color: var(--color-white);
}

.popup__reviev .container__popup {
  justify-content: center;
}

.popup__reviev .popup__block {
  background: var(--color-white);
  color: var(--color-black);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.popup__reviev-title {
  padding-top: 16px;
  margin-bottom: 32px;
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
}

.popup__reviev-subtitle {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

.popup__reviev-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 16px;
  height: 44px;
  border-radius: 12px;
  background: var(--color-bg-additional);
  margin-bottom: 12px;
}

.popup__reviev-like :last-child {
  margin-bottom: 0;
}

.reviev-like {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup__reviev-liketext {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

#reviewRating path {
  fill: #D4D4D8 !important;
  cursor: pointer;
  transition: fill .2s;
}

#reviewRating path.active {
  fill: #EC3D84 !important;
}

.popup__reviev-subtitle {
  margin-top: 32px;
}

textarea.input {
  padding: 16px;
  height: 120px;
}

textarea.input {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: var(--color-black);
  font-family: var(--font-primary);
}

textarea.input::placeholder {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #737A80;
}
.rev__btn {
  width: 100%;
  margin: 32px 0;
  height: 48px;
  border: none;
}

.revpopup__text {
  margin: 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  color: #737A80;
}


.popup__albom .container__popup {
  justify-content: center;
}

.popup__albom .popup__block {
  width: 100%;
  height: 100vh;
  max-width: 100%;
  max-height: 100vh;
  background: linear-gradient(to bottom,
      #F5F5F7 0 76px,
      /* первые 76 px */
      #FFFFFF 76px 100%
      /* всё, что ниже */
    );
  color: var(--color-black);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-top: 0;
  border-radius: 0;
  padding-top: 0;
  scroll-behavior: smooth;
  z-index: 10000000000000;
}

.popup__albom {
  z-index: 10000000000000;
}

.popup__albom .container__popup{
  z-index: 10000000000000;
}


.popup__hide {
  z-index: 10000000000000;
}

.popup__hide .container__popup{
  z-index: 10000000000000;
}

.popup__hide .popup__block{
  z-index: 10000000000000;
}

.popup__reviev {
  z-index: 10000000000000;
}

.popup__reviev .container__popup{
  z-index: 10000000000000;
}

.popup__reviev .popup__block{
  z-index: 10000000000000;
}

.model__open-video svg div {
width: 0 !important;
}

.popup__albom .popup__block.scrolled {
  background: #FFFFFF;
}

.popup__albomvideo{
  z-index: 10000000000000;
}

.popup__albomvideo .container__popup{
  z-index: 10000000000000;
}

.popup__albomvideo .popup__block.scrolled {
  background: #FFFFFF;
}


.popup__albomvideo .popup__block.scrolled {
  background: #FFFFFF;
}

.popup__anketa .popup__block{
  width: 100%;
  height: 100vh;
  max-width: 100%;
  max-height: 100vh;
  background: var(--color-white);
  color: var(--color-black);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0;
  margin-top: 0;
  border-radius: 0;
  padding-top: 0;
  scroll-behavior: smooth;
}

.popup__albom-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.popup__albom-top__left {
  display: flex;
  align-items: center;
  gap: 24px;
}

.popup__albom-top__right {
  display: flex;
  align-items: center;
  gap: 16px;
}


.popup__albom-top__right .soc__btns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16;
}

.popup__albom-top__right .tel__btn {
  width: max-content;
  padding: 0 32px;
  font-size: 16px;
  height: 44px;
  margin-bottom: 0;
}

.popup__albom-top__right .soc__btn {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: var(--color-white);
}

.popup__albom-top__right .model__btn {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: var(--color-white);
}

.popup__albom-back {
  cursor: pointer;
}

.popup__albom-name {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
}

.popup__alboms-title {
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 24px;
}

.popup__albom-top,
.popup__albom-bottom {
  max-width: var(--max-container-width);
  width: 100%;
  margin: 0 auto;
}

.popup__alboms {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 0px !important;
}

.popup__alboms img {
  border-radius: 8px;
  width: 180px;
  height: 239px;
  object-fit: cover;
}

.popup__alboms span {
  display: block;
  margin-top: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

.popup__albom-fotos {
  display: flex;
  justify-content: space-between;
  gap: 32px;
padding-top: 0px;
margin-bottom: 0 !important;
align-items: flex-start;
}

.popup__albom-left {
  width: 400px;
  min-width: 400px;
  position: sticky;
  top: 0;
  padding-top: 80px;
}

.popup__albom-right {
  flex-grow: 1;
  padding-top: 80px;
}

.popup__albom-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.popup__albom-right img {
  height: 550px;
  object-fit: cover;
  border-radius: 16px;
}

.popup__albom-titlealbom {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
}

.popup__albom-text {
  color: #737A80;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

.popup__albom-right-three {
  grid-template-columns: repeat(3, 1fr);
}

.popup__albom-right.popup__albom-right-three img {
  height: 363px;
}

.alb__left img {
  height: 736px;
}

.alb__left picture {
  height: 736px;
  display: block;
}

.img-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}

.img-popup.active {
  display: flex;
}

.img-popup__content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
}

.img-popup__content img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.img-popup__close {
  position: absolute;
  top: -16px;
  right: -16px;
  background: #fff;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  padding: 4px 10px;
  cursor: pointer;
}


.alb__right img {
  height: 363px;
}

.popup__albom-right-flex {
  display: flex;
  justify-content: space-between;
}

.alb__left {
  width: 67.5%;
}

.alb__right {
  width: 31.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.popup__albomvideo .container__popup {
  justify-content: center;
}

.popup__albomvideo .popup__block {
  width: 100%;
  height: 100vh;
  max-width: 100%;
  max-height: 100vh;
  background: linear-gradient(to bottom,
      #F5F5F7 0 76px,
      /* первые 76 px */
      #FFFFFF 76px 100%
      /* всё, что ниже */
    );
  color: var(--color-black);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-top: 0;
  padding-top: 0;
}

.popup__albom-top {
  background: var(--color-bg-additional);
  padding: 15px 0;
  position: sticky;
  top: 0;
  z-index: 9;
}

.popup__albom-fotos picture {
  position: relative;
  cursor: pointer;
  font-size: 1px;
}
.popup__albom-fotos picture:hover::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
width: 100%;
min-height: 100%;
height: 100%;
background: #000;
opacity: 0.4;
border-radius: 16px;
}
.popup__albomvideo .popup__albom-bottom {
  padding-top: 0px;
}

.popup__albom-right-pre img {
  width: 350px;
  height: 484px;
  border-radius: 16px;
  object-fit: cover;
}

.popup__albom-right-pre {
  position: relative;
  width: 350px;
  height: 484px;
}

.popup__albom-right-pre span {
  position: absolute;
  cursor: pointer;
  left: 42%;
  top: 45%;
}

.popup__albom-right-pre::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  left: 0;
  top: 0;
  background: #0000004D;
}

.popup__albomvideo .popup__albom-fotos {
  justify-content: flex-start;
}

.popup__albom-right-vid video {
  width: 350px;
  height: 484px;
  border-radius: 16px;
  object-fit: cover;
}

html {
  scroll-behavior: smooth;
}


.popup__albom-right-vid {
  display: none;
}

.popup__albom-right-video {
  padding-top: 80px;
}

.popup__albom-right-video.active .popup__albom-right-vid {
  display: block;
}

.popup__albom-right-video.active .popup__albom-right-pre {
  display: none;
}

.popup__albom-fotos:last-child {
  margin-bottom: 0;
}

.find__photo-images {
  position: relative;
}

.find__photo-images__wrap {
  object-fit: contain;
}

.find__photo-images__wrap {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}

.contact__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.contact {
  padding-bottom: 64px;
}

.contact__text {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.contact__text a {
  color: #0F92FF;
}

.contact__text span {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  display: block;
  margin-top: 10px;
}

.contact__rigth {
  padding: 32px;
  box-shadow: 
  0px 1px 2px -1px #121A2B0F,
  0px 1px 2px 0px #121A2B1A;
  border-radius: 16px;
  background: var(--color-white);
}

.contact__rigth h2 {
  text-align: center;
  margin-bottom: 32px;
}

.contact__rigth p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  color: #737A80;
}

.bg_contact {
  position: relative;
  background: var(--color-white);
}

.bg_contact .bread {
  background: var(--color-white);
}

.bg_contact .header__bottom::before {
  width: 0;
}

.bg_contact::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/bg_contact.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.header__block,
.footer__top,
.footer__bottom,
.contact__block,
.bread__block {
  position: relative;
  z-index: 1;
}

.footer__main p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #FFFFFFB2;
  margin-bottom: 10px;
  text-align: center;
}

.footer__main p:last-child {
  margin-bottom: 0;
}

.bg__wrap {
  background: linear-gradient(107.04deg, rgba(89, 102, 221, 0.16) -3.1%, rgba(223, 95, 255, 0.16) 99.34%);
}

.bg__wrap .header {
  background: transparent;
}

.header__top-left {
  display: flex;
  align-items: center;
  gap: 64px;
}

.header__top-left .header__logo {
  margin-bottom: 10px;
}

.bg__wrap .header__top {
  padding-top: 16px;
  padding-bottom: 12px;
}

.bg__wrap .header__item-lk {
  display: inline-block;
  padding: 0px;
  border-radius: 8px;
  border: 1px solid #0000003D;
  background: transparent;
}

.bg__wrap .header__item-lk .header__item-lk-inner {
  background-color: transparent;
  border-radius: 8px;
  padding: 7px;
  padding-left: 16px;
  padding-right: 16px;
}


.bg__wrap .header__item-lk:hover {
  display: inline-block;
  padding: 0px;
  border-radius: 8px;
  background: linear-gradient(92.57deg, #0894FF -38.45%, #C959DD 58.73%, #FF2E54 157.59%, #F1441D 167.95%, #FF9004 200.44%);
}

.bg__wrap .header__item-lk:hover .header__item-lk-inner {
  background-color: var(--color-white);
  padding: 7px;
  padding-left: 16px;
  padding-right: 16px;
}

.bg__wrap .header__info {
  gap: 28px;
}

.bg__wrap .header__items {
  gap: 28px;
}

.lure__poiint {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
  gap: 0px;
  height: 100%;
}

.container__lure {
  height: calc(100vh - 255px);
  min-height: 500px;
}

.lure__pout-img {
  height: auto;
  object-fit: cover;
}

.bg__wrap .header {
  border: none;
}

.lure__pout-img {
  width: 73%;
}

.lure__poiint a {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  margin-left: 0;
  margin-top: -20px;
  color: var(--color-black);
}

.lure__poiint a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background: linear-gradient(261.64deg, #881DA3 7.51%, #EB6DFF 94.81%);

}

.lure__pout-img.mob {
  display: none;
}
.photo-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,0.8);
  z-index: 9999;
}
.photo-popup.active {
  display: flex;
}
.photo-popup__content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.photo-popup__content img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.photo-popup__close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  border: none;
  font-size: 24px;
  display: flex;
  line-height: 1;
  border-radius: 50%;
  padding-bottom: 4px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}


.lure__poiint a:hover::before {
  width: 0;
}

.lure__poiint {
  position: relative;
}

.lure__poiint span {
  position: absolute;
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
  left: 28%;
  top: 30%;
}

.header__top-mob {
  display: none;
}

.header__top-mob .social__link {
  display: none;
}

.footer__mob .footer__info {
  display: none;
}

.footer__mob .footer__text {
  display: none;
}

.model__lists {
  overflow-x: scroll;
  flex-wrap: nowrap;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.header__item-langwrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.anketa__soc .soc__btn .header__item-lk-inner .hover {
  zoom: 1.2;
}

.header__item-lang {
  position: relative;
  cursor: pointer;
}

.lang__more {
  position: absolute;
  left: 0;
  top: 30px;
  box-shadow: 0px 4px 6px -4px #121A2B0D, 
  0px 12px 15px -4px #121A2B1A;
  background: var(--color-white);
  border-radius: 8px;
  padding-bottom: 8px;
  z-index: 9;
  display: none;
  min-width: 150px;
}

.header__item-lang:hover .lang__more{
  display: block;
}

.lang__more-link {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 38px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
}

.lang__more-link.active {
  background: var(--color-bg-additional);
}
.lang__more-link:hover {
  background: var(--color-bg-additional);
}
.model__list {
  width: max-content;
  text-wrap: nowrap;
  margin-bottom: 4px;
  cursor: pointer;
}

.search__mainbtns {
  display: none;
}

.model__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.model__title span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu__moremob-link {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
}

.model__title span.mob {
  display: none;
}
.filter__btn-remove.mob {
  display: none;
}

.popular__popupmob {
  display: none;
}

.arr__open {
  display: none !important;
}
.popular__popupmob.active {
  display: none;
}

.popup__block-title {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.popup__block-title span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.review__mob {
  display: none;
}

.akketa__links.mob {
  display: none;
}

.questionnaire__open-mob {
  display: none;
}
.salon__right-wrap.mob {
  display: none;
}
.review__title.mob {
  display: none;
}
.bread__list {
  text-wrap: nowrap;
}
.moblike {
  display: none;
}
.review__like-info.mob {
  display: none;
}
.menu__more-mob {
  display: none;
}
.menu__mobs {
  display: none;
}

.slider__video {
  height: 204px;
  width: 100%;
  display: none;
}

.slider__video video{
  height: 204px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.popup__filter .close {
  top: 33px;
}
.bread-mob {
  display: none;
}

.back {
  position: absolute;
  left: 16px;
  top: 26px;
  z-index: 9;
  width: 100%;
}
.model__btns.btns__anketa > div:nth-child(1) {
  border: 1px solid var(--color-bg-additional);
}
.gal__more {
  animation: rotate360 2s linear infinite;
  display: inline-block; /* чтобы вращение работало корректно */
}

.gal__more-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  width: 100%;
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.model__btns.btns__anketa > div:nth-child(1):hover {
  border: 1px solid var(--color-black);
}
@media(min-width: 1110px) {
  .popup__block-filter .popup__block-titles .popup__block-title.active {
  background: var(--color-black);
  color: var(--color-white);
}
.popup__block-filter .popup__block-titles .popup__block-title {
  border: 1px solid var(--color-bg-additional);
}
.popup__block-filter .popup__block-titles .popup__block-title:hover {
  border: 1px solid var(--color-black);
}
}
@media(max-width: 1310px) {
  .filter__top {
    flex-wrap: wrap;
}
}
@media(max-width: 1230px) {
  .nav__link {
    font-size: 14px;
  }

  .header__social {
    gap: 12px;
  }

  .header__items {
    gap: 8px;
  }

  .search {
    min-width: 223px;
  }

  .nav__lists {
    gap: 14px;
  }

  .model__img img {
    height: 236px;
  }
}

@media(max-width: 1070px) {

  .header__top {
    display: none;
  }

  .header__top-mob {
    display: flex;
  }

  .header__top-mob .search {
    min-width: auto;
    padding: 0;
    border: none;
  }
  .bg__wrap-new .header__top {
    display: flex;
  }

  .header__top-mob .header__city {
    min-width: 226px;
  }

  .header__bottom .header__logo {
    display: none;
  }

  .header__nav {
    margin-top: 15px;
    flex-grow: 1;
  }

  .header__bottom {
    gap: 24px;
  }

  .header .search__icon {
    position: static;
    transform: none;
  }

  .nav__lists {
    gap: 0;
    justify-content: space-between;
  }

  .model__block {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer__left {
    max-width: 292px;
  }

.questionnaire__bottom {
  grid-template-columns: repeat(1, 1fr);
}
.questionnaire__item img {
  height: 317px;
}
.questionnaire__info .container {
  grid-template-columns: repeat(1, 1fr);
}
.popup__alboms img {
  border-radius: 8px;
  width: 130px;
  height: 169px;
  object-fit: cover;
}
.popup__albom-right img {
  height: 260px;
}
.alb__left img {
  height: 346px;
}

.alb__left picture {
  height: 346px;
}
.alb__right img {
  height: 171px;
}
.popup__albom-right.popup__albom-right-three img {
  height: 203px;
}
.salon .salon__block {
  flex-direction: column;
}
.salon__left {
  width: 100%;
  max-width: 100%;
}
.salon__right {
  padding-top: 32px;
  width: 100%;
}
.review__rev .review__block {
  grid-template-columns: repeat(1, 1fr);
}
.review__item .review__like {
  width: 100%;
}
.review__item .review__like-data {
  width: 100%;
}
.review__item .salon__text {
  width: 100%;
}
}

@media(max-width: 920px) {
  span.span__text {
    display: none !important;
  }

  .header__city {
    display: none;
  }

  .header .social__link {
    padding: 0;
    background: transparent !important;
    height: auto;
  }

  .header__item {
    padding: 0;
    background: transparent !important;
    height: auto;
  }

  .header__item-lk {
    padding: 0 !important;
    background: transparent !important;
    height: auto;
    border: none !important;
  }

  /* .header__item-lk-inner {
    padding: 0 !important;
    background: transparent !important;
    height: auto;
    border: none !important;
  } */

  .bg__wrap .header__top {
    padding-top: 8px;
    padding-bottom: 0px;
  }

  .lure__poiint {
    padding-top: 80px;
    padding-bottom: 64px;
  }

  .lure__poiint a {
    margin-left: 0;
  }

  .lure__pout-img {
    width: 95%;
  }

  .lure__poiint span {
    top: 23%;
  }

  .header__bottom {
    display: none;
  }

  .header__top-mob {
    padding: 9px 0;
  }

  .header__top-mob .social__link {
    display: flex;
  }

  .header__top-mob .header__btn {
    display: none;
  }

  .footer__top {
    flex-wrap: wrap;
    gap: 50px;
  }

  .footer__left {
    max-width: 100%;
    width: 100%;
  }

  .footer__mob .footer__info {
    display: flex;
  }

  .footer__mob .footer__text {
    display: flex;
  }

  .footer__left .footer__info {
    display: none;
  }

  .footer__left .footer__text {
    display: none;
  }

  .footer__top {
    justify-content: flex-start;
  }
  .footer__lists {
    gap: 20px;
}
.contact__block {
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}

.contact__text br {
  display: none;
}
.gallery__wrap-left .gallery__item:nth-child(4n+1) img {
  height: 250px;
}
.gallery__wrap-left .gallery__item:nth-child(4n+2) img {
  height: 213px;
}
.gallery__wrap-left .gallery__item:nth-child(4n+3) img {
  height: 301px;
}
.gallery__wrap-left .gallery__item:nth-child(4n) img {
  height: 171px;
}
.gallery__wrap {
  gap: 12px;
}
.gallery__left {
  gap: 12px;
}
.gallery__block {
gap: 12px;
}
.gallery__right {
  width: 33%;
  gap: 12px;
}
.gallery__wrap-right .gallery__item:nth-child(4n+1) img {
  height: 303px;
}
.gallery__wrap-right .gallery__item:nth-child(4n+2) img {
  height: 171px;
}
.gallery__wrap-right .gallery__item:nth-child(4n+3) img {
  height: 180px;
}
.gallery__wrap-right .gallery__item:nth-child(4n) img {
  height: 280px;
}
.gallery__right .gallery__item:nth-child(4n+1) img {
  height: 340px;
}
.gallery__right .gallery__item:nth-child(4n+2) img {
  height: 173px;
}
.gallery__right .gallery__item:nth-child(4n+3) img {
  height: 171px;
}
.gallery__right .gallery__item:nth-child(4n) img {
  height: 250px;
}






.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+1) {
  height: 250px;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+2) {
  height: 213px;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+3) {
  height: 301px;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n) {
  height: 171px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+1) {
  height: 303px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+2) {
  height: 171px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+3) {
  height: 180px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n) {
  height: 280px;
}
.skeleton .gallery__right .gallery__item:nth-child(4n+1) {
  height: 340px;
}
.skeleton .gallery__right .gallery__item:nth-child(4n+2) {
  height: 173px;
}
.skeleton .gallery__right .gallery__item:nth-child(4n+3) {
  height: 171px;
}
.skeleton .gallery__right .gallery__item:nth-child(4n) {
  height: 250px;
}



.gallery__info {
  left: 14px;
  bottom: 24px;
  gap: 12px;
  font-size: 14px;
}

.filter__bottom {
  flex-wrap: wrap;
}
.filter__service-item {
flex-direction: column;
  align-items: flex-start;
}
.popup__filter .popup__block {
  width: 100%;
  max-height: 100%;
  margin-top: 0;
  border-radius: 0;
  padding: 16px 0;
}
.menu__more {
  display: none;
}
.menu__more-mob {
  display: block;
}
.popup__menu-more .popup__block {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.menu__more-top {
  padding: 8px 16px 8px 16px;
}
.menu__more-bottom {
  padding: 14px 16px 24px 16px;
  background: var(--color-bg-additional);
}
.more__menu-city .header__city {
  display: flex;
  font-size: 16px;
}
.popup__city .popup__block {
  z-index: 30;
}
.popup__city .container__popup {
  z-index: 10000;
}
.popup__city-more .container__popup {
  z-index: 10000;
}

.popup__city-login .container__popup {
  z-index: 10000;
}

.popup__city {
  z-index: 9999999999;
}
.popup__city-more  {
  z-index: 9999999999;
}

.popup__city-login  {
  z-index: 9999999999;
}
.menu__mobs {
  display: block;
}
.more__menu-city {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.menu__moremob-lists {
  padding: 16px;
  border-radius: 16px;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.menu__moremob-link {
  display: block;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E6E6;
  font-size: 16px;
  color: var(--color-black);
  line-height: 1;
  font-weight: 500;
}
.menu__moremob-list:last-child .menu__moremob-link {
  padding-bottom: 0;
  border: none;
}
.menu__moremob-btnlk {
  width: 100%;
  background: var(--color-white);
  border-radius: 8px;
  color: var(--color-black);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  height: 44px;
  margin: 16px 0;

}
.menu__moremob-btnlk span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu__moremob-soci {
  border-radius: 16px;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  margin: 16px 0;
}

.menu__moremob-socilink {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 14px;
font-size: 14px;
line-height: 1;
font-weight: 500;
color: var(--color-black);
height: 44px;
border-bottom: 1px solid #E4E4E7
}
.menu__moremob-socilist:last-child .menu__moremob-socilink {
  border: none;
}
.menu__moremob-socilink span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu__moremob-socilink span {
  color: #737A80;
}

.menu__more-bottom .header__btn {
  width: 100%;
  height: 44px;
}
.backlk {
  margin-top: 48px;
}
.menu__mobs {
  display: block;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: #FFFFFF;
  border-top: 1px solid #E6E6E6;
  padding: 11px 0;
  height: 56px;
}

.menu__mobs-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  align-items: center;
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  color: #737A80;
}

.menu__mobs-block {
  display: grid;
      grid-template-columns: repeat(4, 1fr);
}

.menu__mobs-item span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact__rigth {
  box-shadow: 
  0px 1px 2px -1px #121A2B0F,
  0px 1px 2px 0px #121A2B1A;
}
.bg_contact {
  background: var(--color-bg-additional);
}
.bg_contact .bread{
  background: var(--color-bg-additional);
}
}

@media(max-width: 870px) {
  .model__block {
    grid-template-columns: repeat(2, 1fr);
  }
  .popup__albom-left {
    width: 100%;
    min-width: 100%;
}
.popup__albom-left {
  padding-top: 30px;
  position: static;
}
.popup__albom-right {
  padding-top: 30px;
}
.popup__albom-fotos {
  flex-direction: column;
}
}
@media(max-width: 769px) {
.questionnaire__item img {
  height: 207px;
}
.popup__albom-top__right .tel__btn {
  display: none;
}
}
@media(max-width: 580px) {
  .lure__poiint span {
    font-size: 20px;
  }

  .lure__poiint a {
    font-size: 20px;
    margin-top: 0;
  }

  .lure__poiint span {
    top: 26%;
    left: 5%;
  }

  .footer {
    padding: 32px 0;
  }

  .footer__main p {
    font-size: 14px;
    text-align: left;
  }

  .model__block {
    grid-template-columns: repeat(1, 1fr);
  }
  .footer__top {
    gap: 32px;
}
.footer__lists {
  gap: 24px;
}

.footer__lk {
  margin-top: 64px;
  display: flex;
}

.footer__right {
  margin-top: 32px;
  width: 100%;
}

.footer .header__btn {
  width: 100%;
}
.footer__bottom {
  align-items: flex-start;
  margin-top: 24px;
  flex-direction: column;
  gap: 12px;
}

.footer__lists {
  width: 50%;
}
.slider__item img {
  height: 167px;
}

.slider__item {
  width: 110px;
}
.slider {
  padding: 24px 8px;
}

.model .container {
  padding: 0;
}
.model__main .model__item {
  padding: 16px;
  display: flex;
  gap: 16px;
}
.model__main .model__img {
  width: 140px;
  min-width: 140px;
}

.model__main .model__img img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 min-height: 186px;
}

.model__name {
  font-size: 18px;
  margin-bottom: 6px;
}
.model__category {
  margin-bottom: 16px;
  font-size: 12px;
}
.model__city-adress {
  font-size: 14px;
}

.model__city-go {
  font-size: 14px;
  gap: 4px;
}
.model__price span {
  display: none;
}

.model__price span.hide__mob {
  display: flex;
  order: -1;
}
.model__price {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  width: 48%;
  min-width: auto;
  min-height: 20px;
  border: none;
}

.model__main .model__info {
  padding: 0;
}

.model__items {
  display: flex;
  justify-content: space-between;
  gap: 0;
}

.model__info {
  flex-grow: 1;
}
.container {
  padding: 0 16px;
}
.model_wrap .model__title {
  padding: 0 16px;
  font-size: 24px;
  margin-bottom: 24px;
}

.model_wrap .model__lists {
  padding-left: 16px;
}

.model_wrap .model__block {
  display: flex;
  gap: 16px;
  padding-left: 16px;
  overflow-x: scroll;
  flex-wrap: nowrap;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.model_wrap .model__item {
  width: 160px;
  min-width: 160px;
}
.model_wrap .model__img img {
  height: 212px;
}

.model_wrap .model__block {
  padding-top: 16px;
}

.model_wrap .model__items {
  display: none;
}

.model_wrap .model__city .model__city-go {
  display: none;
}

.model_wrap .model__hide {
  display: none;
}
.model_wrap .model__info {
  padding: 8px 0;
}
.model_wrap .model__city {
  min-height: auto;
  margin-bottom: 12px;
}

.model_wrap .model__item {
  background: transparent;
}

.model__btn {
  border: 1px solid #E6E6E6;
}
.btn__more {
  height: 44px;
  width: 92%;
}

.search__mainbtns {
  display: block;
  padding-top: 24px;
}

.search__mainbtns .filter__btn {
  width: 100%;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.model__main .model__block{
  padding-top: 16px;
}

.slider {
  background: var(--color-white);
}

.main__title {
  font-size: 24px;
}
.contact__text {
  font-size: 16px;
}
.contact__rigth {
  padding: 24px 16px;
}
.contact {
  padding-bottom: 48px;
}
.reg-btn {
  font-size: 18px;
}

.contact__rigth p {
  font-size: 12px;
}
.model__title span.mob {
  display: block;
}

.model_wrap {
  padding: 19px 0;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.model {
  margin-bottom: 54px;
}

.model_wrap .model__lists {
  display: none;
}
.model_wrap .model__block {
  display: none;
}

.model_wrap.active .model__lists {
  display: flex;
}
.model_wrap.active .model__block {
  display: flex;
}

.model_wrap .btn__more {
  display: none;
}

.model_wrap.active .btn__more {
  display: flex;
}

.model_wrap .model__title-open {
  margin-bottom: 0;
}

.model_wrap {
  margin-bottom: 0;
}

.model_wrap.active {
  margin-bottom: 50px;
}

.model_wrap.active .model__title-open {
  margin-bottom: 24px;
}
.model_wrap.active .model__title span.mob {
  transform: rotate(90deg);
}

.model_wrap:last-child {
  margin-bottom: 48px;
}

.model__title-open {
  font-size: 20px;
}
.gallery__left {
  width: 100%;
}
.gallery__right {
      width: 100%;
      display: grid;
          gap: 4px;
          grid-template-columns: repeat(2, 1fr);
}

.gallery__block {
  flex-direction: column;
}
.gallery__right .gallery__item img {
  height: 160px !important;
}
.gallery__wrap-left .gallery__item:nth-child(4n+1) img {
  height: 196px;
}
.gallery__wrap {
  gap: 4px;
}
.gallery__left {
  gap: 4px;
}
.gallery__wrap-right .gallery__item:nth-child(4n+1) img {
  height: 135px;
}
.gallery__wrap-left .gallery__item:nth-child(4n+2) img {
  height: 135px;
}
.gallery__wrap-right .gallery__item:nth-child(4n+2) img {
  height: 109px;
}
.gallery__wrap-left .gallery__item:nth-child(4n+3) img {
  height: 259px;
}
.gallery__wrap-right .gallery__item:nth-child(4n+3) img {
  height: 196px;
}
.gallery__wrap-left .gallery__item:nth-child(4n) img {
  height: 109px;
}
.gallery__wrap-right .gallery__item:nth-child(4n) img {
  height: 259px;
}



.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+1) {
  height: 196px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+1) {
  height: 135px;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+2) {
  height: 135px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+2) {
  height: 109px;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n+3) {
  height: 259px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n+3) {
  height: 196px;
}
.skeleton .gallery__wrap-left .gallery__item:nth-child(4n) {
  height: 109px;
}
.skeleton .gallery__wrap-right .gallery__item:nth-child(4n) {
  height: 259px;
}

.skeleton .gallery__right .gallery__item {
  height: 160px !important;
}


.gallery__block {
  gap: 4px;
}

.galprof__foto {
  display: none;
}
.gallery__info {
  left: 12px;
  bottom: 12px;
  gap: 12px;
  font-size: 12px;
}

.filter__btn-open {
  display: flex;
}

.model__sh .container {
  padding: 0;
}

.model__sh .main__title {
  padding: 0 16px;
}

.filter__btn-open {
  width: 96%;
  margin: 0 auto;
  margin-top: 20px;
}

.filter__btn-open .header__item-lk-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.model__sh .model__search {
  padding: 0 16px;
}


.model__sh .category__lists {
  padding: 0 16px;
}

.filter {
  padding: 24px 16px;
  border-radius: 24px;
}

.filter__wrap {
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid #E4E4E7;
}

.filter__wrap:first-child {
  border-top: 1px solid #E4E4E7;
}
.filter__top {
  gap: 0;
}
.filter__wrap .category_top-sort {
  width: 100%;
}
.input__wrap .input {
  max-width: 100%;
}
.filter__wrap-metro .category_top-sort {
  max-width: none;
}
.filter__top {
  margin-top: 0;
  border-top: none;
}

.filter__category {
  display: none;
}

.filter__bottom {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.filters__btn {
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.filter__btn {
  width: 100%;
  margin: 0 auto;
}
.bg__wrap .header__items {
  gap: 10px;
}

.lure__pout-img.desk {
  display: none;
}
.lure__pout-img.mob {
  display: block;
}
.filter__btn .header__item-lk-inner {
  justify-content: center;
}

.filter__btn-ok {
  width: 100%;
}

.filter__btn-remove {
  display: none;
}

.filter__btn-remove.mob {
  display: flex;
  width: 100%;
}



.btn__more {
  margin-top: 24px;
}
.model__main .btn__more {
  margin-top: 0;
}

.model_wrap .btn__more {
  margin-top: 0;
}
.model_wrap.active {
padding-top: 35px;
}

.bg__wrap-new .header__top {
  display: flex;
}

.category__lists {
  margin-top: 48px;
}
.model__sh {
  margin-bottom: 48px;
}
.category__link {
  height: 44px;
  padding: 0 12px;
}

.filter {
  display: none;
}
.model__search {
  margin-top: 31.5px;
  margin-bottom: 12px;
}

.model__sh.active .filter {
  display: block;
  margin-top: 22px;
}

.search__text {
  font-size: 14px
}

.popup__category .filter__category {
  display: flex;
}
.popular__popup {
  display: none !important;
}
.popular__popupmob.active {
  display: block !important;
  width: 100%;
  border: none;
  padding: 0;
}

.popup__block-filter .popup__block-titles {
  width: 100%;
  padding: 24px 0px;
}

.filter__btn-open .header__item-lk-inner {
  background: var(--color-bg-additional);
}

.filter__btn-remove {
  background: var(--color-bg-additional);
}
.filter__btn-remove span{
display: none;
}
.popup__block-filter  .popup__block-title {
padding-left: 16px !important;
padding-right: 16px !important;
}
.filter__wrap .filter__title {
  font-weight: 600;
}
.popup__block-filter  .popular__popupmob {
  padding-left: 16px;
  padding-right: 16px;
}
.popular__popup .filter__wrap .category_top-sort {
  width: 100%;
  max-width: 100%;
}
.popular__popup .input__wrap .input {
  padding-left: 36px;
  max-width: 100%;
}
.popular__popup .input__wrap .form-label {
  width: 49%;
}
.arr__open {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.popup__block-title span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter__popup-bottom .filter__btn-remove {
  display: flex;
  width: 100%;
}

.filter__popup-bottom {
  flex-direction: column;
  padding: 24px 16px;
  padding-bottom: 0;
}
.popup__block-filter .popup__block-titles .popup__block-title {
  gap: 8px;
  height: 56px;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid #E4E4E7;
  padding: 16px 0;
  width: 100%;
}

.popup__block-title.active .arr__open {
  transform: rotate(180deg);
}
.input__wrap .form-label {
  position: relative;
  width: 49%;
}
.popup__block-filter .popup__block-titles .popup__block-title.active {
  border-bottom: none;
}
.popular__popup .filter__wrap {
  margin-bottom: 0px;
}

.popular__popup .filter__wrap-go {
  padding-top: 24px !important;
}

.popular__popupmob.active {
  padding-bottom: 24px;
  border-bottom: 1px solid #E4E4E7;
}

.popup__block-titles {
  margin-bottom: 0;
}

.popup__block-filter .popup__block-titles .popup__block-title-pr {
  border-bottom: none !important;
}

.popup__block-filter  .filter__wrap-go {
  padding-top: 0;
}

.popular__popupmob .filter__title-main {
display: none;
}

.popular__popup .filter__wrap-go-new {
  padding-top: 0 !important;
}

.popular__popup .filter__title-p {
  padding-top: 24px;
}
.popup__category {
  padding: 24px 16px;
}
.popup__filter-info {
  padding: 0 16px;
  padding-bottom: 16px;
}
.popup__block-filter .popup__block-titles {
  padding-top: 0 !important;
}

.questionnaire .container {
  padding: 0;
}

.questionnaire__btns.desk {
  display: none;
}
.questionnaire__btns.mob {
  display: flex;
  flex-direction: row;
}
.questionnaire__block {
  display: flex;
  flex-wrap: wrap;
justify-content: space-between;
gap: 0px;
}

.questionnaire__item {
  width: 32.8%;
}

.questionnaire__item:first-child {
  width: 100%;
}

.questionnaire__item img {
  height: 165px;
  border-radius: 0 !important;
}

.questionnaire__item:first-child img {
  height: 500px;
}
.questionnaire {
  padding: 0px 0;
}

.questionnaire__bottom {
  padding: 0 16px;
  margin-bottom: 16px;
}
.questionnaire__bottom-item {
  font-size: 14px;
  gap: 4px;
}
.questionnaire__bottom-item span {
  font-size: 16px;
}
.questionnaire__bottom-items {
  height: 70px;
}
.questionnaire__info {
  padding-top: 24px;
}
.questionnaire__title {
  font-size: 24px;
}
.btns__anketa {
  display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      margin-top: 12px;
}
.btns__anketa .model__btn {
  width: 100%;
  font-size: 14px;
}
.btns__anketa .model__btn span {
  font-weight: 600;
}
.adr {
  margin-top: 24px;
  margin-bottom: 16px;
}

.questionnaire__info-left .adr {
  margin-bottom: 0;
}
.questionnaire__usl-item {
  align-items: flex-start;
}
.questionnaire__usl-title {
  font-weight: 700;
}
.time {
  font-size: 14px;
  margin-bottom: 25px;
}
.anketa__soc {
  flex-wrap: wrap;
}
.anketa__soc .tel__btn {
  width: 100%;
}
.soc__btns {
  width: 100%;
}

.health {
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 0;
  border-bottom: none;
}

.health__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.health__item.model__hide {
  height: 44px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
}
.questionnaire__info-left .salon__text {
  height: 63px;
  font-size: 14px;
  -webkit-line-clamp: 3;
  margin-top: 32px;
}
.salon__text-open {
  font-size: 14px;
}
.characteristics {
  width: 100%;
  margin-top: 34px;
}
.characteristics__left, .characteristics__right {
  font-size: 14px;
}
.characteristics__ok {
  font-size: 14px;
  margin: 0 auto;
  padding: 0 12px;
}

.review__desk {
  display: none;
}

.review__mob {
  display: block;
}
.akketa__links.desk {
  display: none;
}
.akketa__links.mob {
  display: flex;
}
.review__item .salon__text {
  width: 100%;
}

.questionnaire__open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
  background: #F5F5F7;
  margin-bottom: 0 !important;
  font-size: 22px;
}

.questionnaire__open span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.questionnaire__info .container {
  padding: 0;
}

.questionnaire__info-left {
  padding: 0 16px;
}

.questionnaire__usl-title {
  background: transparent;
  padding: 24px 16px 12px 16px;
  font-size: 18px;
  border-bottom: 0.5px solid #DDDDDD;
}
.questionnaire__usl-item {
  padding: 12px 16px;
}

.questionnaire__usl-left span {
  display: block;
}
.questionnaire__usl-left {
flex-direction: column;
gap: 8px;
  align-items: flex-start;
}
.questionnaire__usl {
  margin-bottom: 8px;
}
.wrapper__qes .questionnaire__usl {
  display: none;
}
.wrapper__qes.active .questionnaire__usl {
  display: block;
}
.wrapper__qes.active .questionnaire__open span {
  transform: rotate(180deg);
}
.exclusive {
  width: 94%;
  margin: 32px auto;
}
.exclusive__title {
  justify-content: flex-start;
  text-align: left;
}
.exclusive__text {
  padding: 0;
  padding-bottom: 16px;
  font-size: 14px;
}
.questionnaire__open-mob {
  display: flex;
}
.questionnaire__info-right .salon__text {
  height: auto;
}
.exclusive__items {
  background: transparent;
  border-radius: 0;
  padding: 24px 16px;
}
.exclusive__item-title .exclusive__item-left {
  font-size: 18px;
}
.exclusive__item-right .exclusive__item-text {
  width: 50%;
  min-width:  50% !important;
}
.exclusive__item-right {
  width: 56%;
}
.exclusive__item-left {
  width: 35%;
}
.exclusive__texts {
  font-size: 14px;
}
.review__anketa {
  padding: 0 16px;
  padding-top: 24px;
  margin-top: 0;
  border-top: none;
  margin-bottom: 0;
}

.review__anketa .salons__review a {
  display: block;
  width: 100%;
  padding-left: 28px;
  font-size: 14px;
}
.review__anketa .review__btn {
  height: 44px;
  font-size: 14px;
  padding: 0 16px;
}
.review__title.review__anketa > div.salons__review > span:nth-child(2) {
  display: none;
}
.review__anketa .salons__review {
  flex-wrap: wrap;
  gap: 2px 8px;
  width: 40%;
}

.wrapper__qes .review__item {
padding: 24px 16px;
border-bottom: 1px solid #DDDDDD;
}
.likes__wrap {
  flex-wrap: wrap;
  justify-content: start;
  gap: 12px 24px;
}
.worksheet {
  padding: 0;
}

.review__item h3 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}
.review__like-info {
  font-size: 14px;
  flex-wrap: wrap;
}
.likes__wrap-item {
  min-width: 90px;
}
.review__item .salon__text {
  font-size: 14px;
}
.review__like-info a {
  font-size: 14px;
}
.wrapper__qes .review__like-info {
  font-size: 14px;
  margin-top: 12px;
}

.wrapper__qes .btn__more {
  width: max-content;
  margin: 0;
  margin-left: 16px;
  margin-top: 16px;
}
.questionnaire__info .container::before {
  display: none;
}
.akketa__links.mob {
  flex-direction: column;
  padding: 0 16px;
  padding-bottom: 56px;
  gap: 16px;
}
.akketa__link {
  width: 100%;
  background: transparent;
  border: 1px solid #E6E6E6;
}

.exclusive__items {
  display: none;
}
.wrapper__qes.active .exclusive__items {
  display: block;
}
.wrapper__qes-otz {
  margin-top: 32px;
}
.exclusive__items {
  padding-bottom: 0;
}
.review__mob {
  display: none;
}
.wrapper__qes-otz.active .review__mob{
display: block;
}

.wrapper__qes .worksheet__title {
  display: none;
}

.worksheet {
  margin-top: 0;
  padding-top: 0;
}
.worksheet .model__item {
  gap: 16px;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 0;
}

.worksheet {
  display: none;
}
.wrapper__qes.active .worksheet {
  display: block;
  padding-bottom: 24px;
  border-radius: 0;
}
.btns__anketa .model__btn {
  gap: 8px;
}
.btns__anketa .model__btn span{
  font-size: 12px;
}
.popup__reviev .popup__block {
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  padding: 32px 24px;
  border-radius: 0;
  width: 100%;
}
.popup__reviev-title {
  padding-top: 0;
  font-size: 24px;
}
.popup__reviev .close {
  top: 32px;
  right: 24px;
}
.popup__reviev  textarea.input {
  padding: 16px;
  height: 132px;
}
.popup__albom .popup__block {
  padding: 12px 16px;
  padding-top: 0;
  padding-right: 0;
  background: linear-gradient(to bottom, #F5F5F7 0 48px, /* первые 76 px */ #FFFFFF 48px 100% /* всё, что ниже */);
}
.popup__albom-top__right .tel__btn {
  display: none;
}
.popup__albom-top__right .soc__btn {
  display: none;
}
.popup__albom-top {
  justify-content: space-between;
}
.popup__albom-top__right .soc__btns {
  grid-template-columns: repeat(1, 1fr);
}
.popup__albom-top__right .model__btn {
  padding: 0;
  border: none;
  background: transparent;
}
.model__salon .questionnaire__open span{
  display: flex;
}
.popup__albom-back {
  zoom: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup__albom-name {
font-size: 18px;
}
.popup__albom-top__left {
  gap: 16px;
}
.popup__alboms-title {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 24px;
}
.popup__alboms {
  gap: 16px;
  flex-wrap: nowrap;
  margin-bottom: 56px;
  overflow-x: scroll;
  flex-wrap: nowrap;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.popup__albom-fotos {
  padding-right: 16px;
}
.popup__albom-top {
  padding-right: 16px;
}
.popup__alboms img {
  border-radius: 8px;
  width: 140px;
  height: 186px;
  object-fit: cover;
}
.popup__alboms span {
  font-size: 14px;
}
.popup__albom-left {
  width: 100%;
  min-width: auto;
}
.popup__albom-fotos {
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.popup__albom-left {
  order: 2;
}
.popup__albom-titlealbom {
  font-size: 16px;
  margin-bottom: 12px;
}
.popup__albom-text {
  font-size: 14px;
}
.popup__albom-right img {
  height: 226px;
  border-radius: 8px;
}
.alb__left img {
  height: 304px;
  border-radius: 8px;
}
.alb__left picture {
  height: 304px;
}
.alb__right img {
  height: 149px;
  border-radius: 8px;
}
.popup__albom-right.popup__albom-right-three img {
  height: 149px;
  border-radius: 8px;
}
.popup__albomvideo .popup__block {
  padding: 12px 16px;
  padding-top: 0;
  padding-right: 0;
  border-radius: 0;
  background: linear-gradient(to bottom, #F5F5F7 0 48px, /* первые 76 px */ #FFFFFF 48px 100% /* всё, что ниже */);
}
.popup__albomvideo .popup__albom-bottom {
  padding-top: 24px;
}
.popup__albom-right-pre img {
  width: 100%;
}
.popup__albom-right-pre {
  width: 100%;
}
.popup__albom-right-vid video {
  width: 100%;
}

.salons .container {
  padding: 0 16px;
}
.salons__block {
  padding-top: 24px;
  gap: 16px;
}
.salons__block .model__img img {
  height: 197px;
}
.salons__block .model__info {
  padding: 16px;
}
.salons__review {
  font-size: 14px;
}
.salons__wrap {
  margin-bottom: 16px;
}
.salons .btn__more {
  width: 100%;
  margin-top: 0;
}
.salon__info h3 {
  font-size: 18px;
}
.salon__info p {
  font-size: 14px;
}
.salon__info li {
  font-size: 14px;
}
.mainSwiper {
  height: 217px;
}
.mainSwiper .swiper-slide img {
  border-radius: 0;
}
.salon__mains .container {
  padding: 0;
}
.salon__mains .main__title {
  padding: 0 16px;
}
.salon__mains .salons__review {
  padding: 0 16px;
}
.salon__mains .salons__addres {
  padding: 0 16px;
}
.salon__mains .salons__wrap {
  padding: 0 16px;
}
.salon__mains .salon__text {
  padding: 0 16px;
  font-size: 14px;
}
.salon__mains .salon__text-open {
  padding: 0 16px;
  margin-top: 8px;
}

.salon__mains .salon__text {
  padding: 0 16px;
  font-size: 14px;
}

.salon__mains .salon__right {
  padding-top: 32px;
}
.thumbsSwiper .swiper-slide {
  height: 42px;
  cursor: pointer;
}
.thumbsSwiper img {
  border-radius: 2px;
}
.salon__mains .salons__review {
  margin-top: 10px;
  margin-bottom: 16px;
}
.thumbsSwiper {
  height: 42px;
}
.swiper-container-wrapper {
  margin-bottom: 16px;
}
.salon__mains .salons__addres {
  font-size: 14px;
}
.salon__mains .salons__wrap-item {
  font-size: 14px;
}
.salon__mains .salon__title {
  margin-bottom: 12px;
}
.container__lure {
  height: calc(100vh - 255px);
  min-height: 380px;
}
.salon__wrapper-item {
  font-size: 14px;
  padding: 14px 0;
}
.salon__right-wrap {
  display: none;
}
.salon__right-wrap.mob {
  display: block;
  margin-top: 32px;
  padding: 0 16px;
}
.salon__mains .tel__btn {
  height: 48px;
  width: 93%;
  margin: 0 auto;
  margin-bottom: 12px;
}

.salon__mains .soc__btns {
  padding: 0 16px;
}
.salon__mains .soc__btn{
  height: 48px;
}
.salon__mains  .soc__btn .header__item-lk-inner {
  height: 46px;
}
.salon__mains .salon__price {
  margin-top: 32px;
  padding: 24px 16px;
  border-radius: 0;
}
.salon__price-item {
  padding: 14px 0;
  font-size: 14px;
}
.model__main .model__item {
  border-radius: 0;
}

.model__salon .model__block {
  gap: 16px;
  padding-top: 0;
  padding-bottom: 0;
}
.model__salon {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.model__salon .wrapper__qes .model__block {
  display: none;
}
.model__salon .wrapper__qes.active .model__block {
  display: grid;
}
.review__rev-new .container {
  padding: 0;
}


.review__rev-new .review__title {
  display: none;
}

.review__rev-new .salons__review {
  display: none;
}

.review__title.mob .salons__review{
  display: flex;
  margin-bottom: 0;
  max-width: 110px;
  flex-wrap: wrap;
}
.review__title.mob {
  display: flex;
  margin-top: 24px;
  padding: 0 16px;
}
.review__title.mob .salons__review a {
  width: max-content;
  margin-left: 24px;
}
.review__rev-new.review {
  padding-top: 28px;
  padding-bottom: 54px;
}
.review__rev-new .review__block {
  gap: 0;
}
.review__rev-new .wrapper__qes .btn__more {
  width: 94%;
  margin: 0 auto;
  margin-top: 24px;
}
.moblike {
  display: block;
  margin-bottom: 12px;
}
.review__like .desk {
  display: none;
}
.review__like-info {
  display: none;
}
.review__like-info-new {
  display: flex;
}
.review__like-info.mob {
  display: block;
  margin-top: 0;
}
.search:has(.search__input:focus) .hide {
  top: 11px;
  right: 10px;
}
.review__rev-new .wrapper__qes .review__block {
  display: none;
}
.review__rev-new .wrapper__qes .review__title.mob {
  display: none;
}
.review__rev-new .wrapper__qes.active .review__block {
  display: grid;
}
.review__rev-new .wrapper__qes.active .review__title.mob {
  display: flex;
}
.review__rev-new .wrapper__qes .btn__more {
  display: none;
}
.review__rev-new .wrapper__qes.active .btn__more {
  display: flex;
}
.popup__city-login .popup__block {
  max-width: 100%;
  width: 100%;
  max-height: 100vh;
  height: 100vh;
  border-radius: 0;
  padding: 24px 16px;
  margin-top: 0;
}

.popup__city-login .popup__block-titles {
margin-bottom: 32px;
}
.close {
  top: 24px;
}
.popup__block-title {
  font-size: 24px;
}
.popup__city .popup__block {
padding: 20px;
}
/* .popup__btns {
  grid-template-columns: repeat(1, 1fr);
} */
.popup__city-more .popup__block {
  max-width: 100%;
  width: 100%;
  padding: 24px;
}
.title__city-more {
  font-size: 24px;
}
.text__city-more {
  margin-bottom: 16px;
  font-size: 14px;
}
.search {
  min-width: auto;
  width: 100%;
  height: 48px;
  padding: 12px 16px;
}

.city__more {
  gap: 12px;
}
.city__more-link {
  font-size: 16px;
  display: block;
  width: 100%;
}
.city__more-linkmain {
  font-size: 20px;
  font-weight: 500;
}
.popup__title {
  font-size: 16px;
  margin-top: 14px;
  margin-bottom: 22px;
}
.popup__menu-more .popup__block {
  max-width: 100%;
  width: 100%;
}
.header__info {
  gap: 24px;
}
.header__top-mob .social__link {
  zoom: 1.3;
}
.header__top-mob .search__icon {
  zoom: 1.2;
}
.salon__mains .salons__addres {
  flex-wrap: wrap;
}
.slider__video {
  height: 167px;
  width: 100%;
  display: none;
}

.slider__video video{
  height: 167px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.gallery__item::before {
  bottom: 4px;
}
.popup__filter .close {
  top: 15px;
}
.popup__block-title.active .arr__open {
  display: none !important;
}
.popup__block-title.active {
  background: var(--color-bg-additional) !important;
}
.questionnaire__info-right .questionnaire__open span {
  display: flex;
}
.questionnaire__info-right .review__like-info {
  display: flex;
  color: #737A80;
}

.bread-mob {
  display: block;
  background: var(--color-white);
  padding-top: 14px;
  padding-bottom: 10px;
}
.back {
  position: absolute;
  left: 0px;
  top: 16px;
  z-index: 9;
  width: 100%;
}
.popup__block-title {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.category_top-sort {
  min-width: 200px;
}
.popup__block-filter .popup__block-titles {
  gap: 0;
}
.popup__polit .popup__title {
  font-size: 24px;
}
.popular__popup .filter__wrap .filter__title {
  font-size: 14px;
}
.popup__polit .popup__block{
  padding: 20px;
}
.service-osn{
  margin-top: 20px;
}
.catalog_label span {
  font-size: 14px;
}
.popup__albom-left {
  padding-top: 10px;
  position: static;
}
.popup__albom-right-video {
  padding-top: 30px;
}
.popup__albomvideo .popup__albom-bottom {
  padding-top: 0;
}
.popup__albom-top {
  background: var(--color-bg-additional);
  padding: 1px 0;
}
}

@media(max-width: 367px) {
.model__price {
  font-size: 12px;
}
}