.logo.logo--generated {
  width: auto;
}

:root {
  color-scheme: light;
}

html,
body {
  background: var(--color-gray-500);
  color: var(--color-black-100);
}

input,
textarea,
select,
button {
  color-scheme: light;
}

@media (max-width: 767.98px) {
  body.sznak-keyboard-open .fancybox__container {
    top: var(--sznak-visual-viewport-offset-top, 0px);
    bottom: auto;
    height: var(--sznak-visual-viewport-height, 100dvh);
    max-height: var(--sznak-visual-viewport-height, 100dvh);
  }

  body.sznak-keyboard-open .fancybox__slide {
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
    padding-top: max(12px, env(safe-area-inset-top));
    padding-bottom: max(14px, env(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
  }

  body.sznak-keyboard-open .main-popup.fancybox__content,
  body.sznak-keyboard-open .location-popup.fancybox__content {
    max-height: calc(var(--sznak-visual-viewport-height, 100dvh) - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.sznak-keyboard-open .sznak-ad-placement-modal {
    top: var(--sznak-visual-viewport-offset-top, 0px);
    bottom: auto;
    height: var(--sznak-visual-viewport-height, 100dvh);
    max-height: var(--sznak-visual-viewport-height, 100dvh);
    align-items: flex-start;
    padding-top: max(12px, env(safe-area-inset-top));
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }

  body.sznak-keyboard-open .sznak-ad-placement-modal__dialog {
    max-height: calc(var(--sznak-visual-viewport-height, 100dvh) - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.site-logo {
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  min-height: 45px;
  padding: 0 14px;
  border: 2px solid var(--color-pink-300);
  border-radius: 10px;
  color: var(--color-black-100);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.site-logo__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--color-pink-300);
}

.site-logo__icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.site-logo__text {
  color: inherit;
}

.site-logo--footer {
  color: var(--color-white);
}

.footer-bottom--copy-only {
  padding: 0;
}

.footer-bottom--copy-only .footer-bottom__copy {
  margin-top: 0;
}

.header__user-menu .menu-user.inner .menu-user__body {
  left: auto;
  right: 0;
}

.menu__user-photo--initial {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: visible;
  background: linear-gradient(180deg, #83a6ff 0%, #274cad 100%);
  box-shadow:
    inset 0 0 0 2px #ffffff,
    0 0 0 1px #83a6ff;
  color: #ffffff;
}

.menu__user-initial {
  display: block;
  color: inherit;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.menu__user-photo--initial::after,
.personal-menu__user-photo::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-green);
  border: 2px solid var(--color-white);
  position: absolute;
  right: 1px;
  bottom: 1px;
  z-index: 3;
}

.personal-menu__user-photo::after {
  width: 16px;
  height: 16px;
}

.menu__user-photo--initial::after {
  width: 12px;
  height: 12px;
  right: -1px;
  bottom: -1px;
  border-width: 2px;
}

@media (min-width: 1023.98px) {
  .header__user-menu .menu-user:not(.inner) .menu-user__body {
    left: auto;
    right: 0;
  }

  .header__user-menu .menu-user:not(.inner) .menu-user__list {
    box-sizing: border-box;
    width: 218px;
    min-width: 0;
    padding: 18px 20px;
  }

  .header__user-menu .menu-user:not(.inner) .menu-user__item:not(:first-child) {
    margin-top: 11px;
  }

  .header__user-menu .menu-user:not(.inner) .menu-user__link {
    width: 100%;
    column-gap: 9px;
  }

  .header__user-menu .menu-user:not(.inner) .menu-user__icon svg {
    width: 18px;
    height: 18px;
  }

  .header__user-menu .menu-user__text {
    font-size: 16px;
    line-height: 1.5;
    white-space: nowrap;
  }

  .header__user-menu .menu-user:not(.inner) .menu-user__count {
    height: 28px;
    min-width: 30px;
    margin-left: auto;
    border-radius: 5px;
    padding: 0 6px;
    font-size: 14px;
    line-height: 1;
  }
}

.sznak-category-card {
  --sznak-category-accent: var(--color-pink-200);
  --sznak-category-glow: rgba(237, 69, 104, 0.28);
}

.sznak-category-card--devushki {
  --sznak-category-accent: #ff5f86;
  --sznak-category-glow: rgba(255, 95, 134, 0.34);
}

.sznak-category-card--zhenshchiny {
  --sznak-category-accent: #d92a68;
  --sznak-category-glow: rgba(217, 42, 104, 0.34);
}

.sznak-category-card--parni {
  --sznak-category-accent: #238be8;
  --sznak-category-glow: rgba(35, 139, 232, 0.32);
}

.sznak-category-card--muzhchiny {
  --sznak-category-accent: #2f67c6;
  --sznak-category-glow: rgba(47, 103, 198, 0.34);
}

.sznak-category-card--all {
  --sznak-category-accent: #8d54d8;
  --sznak-category-glow: rgba(141, 84, 216, 0.34);
}

.sznak-category-card .categories-block__btn {
  border: 1px solid transparent;
  transition:
    transform 0.22s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

@media (any-hover: hover) {
  .sznak-category-card:hover .categories-block__btn {
    border-color: var(--sznak-category-accent);
  }
}

.sznak-category-card:focus-visible .categories-block__btn {
  border-color: var(--sznak-category-accent);
}

.sznak-city-filter-hidden {
  display: none !important;
}

.no-ui-slider.noUi-target.is-equal-range .noUi-base .noUi-origin:nth-child(2) .noUi-handle {
  right: -8px;
}

.no-ui-slider.noUi-target.is-equal-range .noUi-base .noUi-origin:last-child .noUi-handle {
  right: -16px;
}

.no-ui-slider.noUi-target.is-equal-range.is-equal-range-from-active .noUi-base .noUi-origin:nth-child(2) .noUi-handle {
  right: 0;
}

.no-ui-slider.noUi-target.is-equal-range.is-equal-range-from-active .noUi-base .noUi-origin:last-child .noUi-handle {
  right: -8px;
}

.no-ui-slider.noUi-target.is-equal-range.is-equal-range-to-active .noUi-base .noUi-origin:nth-child(2) .noUi-handle {
  right: -8px;
}

.no-ui-slider.noUi-target.is-equal-range.is-equal-range-to-active .noUi-base .noUi-origin:last-child .noUi-handle {
  right: -16px;
}

.fancybox__slide.sznak-location-popup-slide {
  justify-content: flex-start;
}

.fancybox__slide.sznak-location-popup-slide::before,
.fancybox__slide.sznak-location-popup-slide::after {
  display: none;
}

.fancybox__slide.sznak-location-popup-slide .location-popup.fancybox__content {
  margin-top: var(--sznak-location-popup-offset-top, 0px);
}

.main-popup__close,
.location-popup__close,
.notifications-popup__close,
.info-notifications__close,
.item-notifications__close {
  transform-origin: center;
}

.main-popup__close:hover,
.location-popup__close:hover,
.notifications-popup__close--outer:hover {
  transform: scale(1.12);
}

.main-chat .search-chat__input input {
  color: var(--color-black-100);
}

.main-chat .search-chat__input input::placeholder {
  color: var(--color-gray-200);
}

.sznak-alert {
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 16px;
  line-height: 150%;
}

.sznak-alert--success {
  background: #e8f8ed;
  color: #126b2e;
}

.sznak-alert--error {
  background: #fff1f3;
  color: #b21934;
}

.sznak-toast-layer {
  position: fixed;
  inset: 0;
  z-index: 1210;
  pointer-events: none;
}

.sznak-toast {
  position: fixed;
  top: calc(88px + var(--sznak-toast-index, 0) * 72px);
  right: max(16px, calc((100vw - 1170px) / 2));
  display: flex;
  align-items: center;
  gap: 12px;
  width: auto;
  max-width: calc(100vw - 32px);
  min-height: 56px;
  padding: 10px 12px 10px 14px;
  border: 1px solid rgba(196, 194, 204, 0.78);
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  box-shadow: 0 24px 70px rgba(41, 37, 50, 0.20), 0 2px 10px rgba(41, 37, 50, 0.08);
  color: #27252c;
  pointer-events: auto;
  opacity: 0;
  transform: translateY(-8px) scale(0.98);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.sznak-toast.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.sznak-toast__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #f1f1f5;
  color: #27252c;
}

.sznak-toast__icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.sznak-toast__body {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}

.sznak-toast__title {
  color: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

.sznak-toast__text {
  color: #7d7a8d;
  font-size: 14px;
  line-height: 1.42;
  white-space: nowrap;
}

.sznak-toast__close {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin-left: 2px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #b6b4c0;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}

.sznak-toast__close:hover {
  background: #f3f2f6;
  color: #27252c;
}

.sznak-toast__close svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

@media (max-width: 767.98px) {
  .sznak-toast {
    top: auto;
    right: 12px;
    bottom: calc(12px + var(--sznak-toast-index, 0) * 80px);
    left: 12px;
    width: auto;
    min-height: 56px;
    transform: translateY(8px) scale(0.98);
  }

  .sznak-toast.is-visible {
    transform: translateY(0) scale(1);
  }

  .sznak-toast__body {
    display: block;
  }

  .sznak-toast__text {
    display: block;
    white-space: normal;
  }
}

.sznak-payment-widget {
  padding: 30px 24px;
  width: 100%;
  --sznak-yookassa-inner-offset: 34px;
}

.page-account-payment .personal-page__right {
  align-items: center;
}

.page-account-payment .personal-page-top,
.page-account-payment .sznak-payment-widget {
  width: min(100%, 720px);
}

.sznak-payment-widget__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

.sznak-payment-widget__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.sznak-payment-widget__amount {
  flex: 0 0 auto;
  font-size: 28px;
  font-weight: 800;
  color: #ed3364;
}

.sznak-payment-widget__form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 360px;
  overflow-x: hidden;
}

.sznak-payment-widget__form > * {
  width: min(calc(100% + var(--sznak-yookassa-inner-offset)), 369px) !important;
  max-width: none !important;
  margin-left: calc(-1 * var(--sznak-yookassa-inner-offset)) !important;
  margin-right: 0 !important;
}

.sznak-payment-widget__form iframe {
  display: block;
  width: 100% !important;
  max-width: none;
  margin: 0;
  border: 0;
}

.sznak-payment-widget__fallback {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.sznak-payment-widget__back {
  font-weight: 700;
  color: #6f6f80;
}

.sznak-payment-widget__error {
  margin-top: 18px;
}

.sales-page__buttons .btn,
.services-activated__btn .btn {
  position: relative;
}

.sznak-ad-reply-validation {
  min-height: 16px;
  margin-top: 6px;
  color: var(--color-red);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.12s linear;
}

.sznak-ad-reply-validation.is-visible {
  opacity: 1;
}

.sznak-ad-reply-validation + .main-form__btn {
  margin-top: 12px;
}

.sznak-ad-body-validation {
  position: absolute;
  z-index: 2;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  color: var(--color-black-100);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s linear;
}

.sznak-ad-body-field + .main-form__checkbox,
.sznak-ad-body-field + .main-form__captcha,
.sznak-ad-body-field + .main-form__btn {
  margin-top: 24px;
}

.sznak-ad-body-validation.is-visible {
  opacity: 1;
}

.sznak-ad-body-validation.is-error {
  color: var(--color-red);
  font-weight: 500;
}

.sznak-ad-body-validation strong {
  font-weight: inherit;
}

.sznak-ad-placement-modal .sznak-ad-body-field .form-control.block-area {
  height: 80px;
}

.sznak-ad-placement-modal .sznak-ad-body-field .form-control.block-area textarea {
  height: 50px;
}

.sznak-ad-placement-modal .sznak-consent-checkboxes .main-checkbox label span {
  display: block;
  padding-left: 32px;
}

.sznak-ad-placement-modal .sznak-consent-checkboxes .main-checkbox label span:before {
  left: 2px;
}

.sznak-ad-placement-modal .sznak-consent-checkboxes .main-checkbox label span:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
}

.sales-page__buttons .btn.is-loading > svg,
.sales-page__buttons .btn.is-loading > span:not(.sznak-btn-loading),
.services-activated__btn .btn.is-loading > svg,
.services-activated__btn .btn.is-loading > span:not(.sznak-btn-loading) {
  opacity: 0;
}

.sznak-btn-loading {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 18px;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
}

.btn.is-loading .sznak-btn-loading {
  display: flex;
}

.sznak-btn-loading__spinner {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 3px solid rgba(255, 255, 255, .45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: sznakSpin .75s linear infinite;
}

@keyframes sznakSpin {
  to {
    transform: rotate(360deg);
  }
}

.sznak-payment-modal[hidden] {
  display: none;
}

.sznak-payment-modal {
  position: fixed;
  inset: 0;
  z-index: 10040;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
}

.sznak-payment-modal-open {
  overflow: hidden;
}

.sznak-payment-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(22, 22, 28, .72);
}

.sznak-payment-modal__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(560px, 100%);
  max-height: calc(100vh - 56px);
  max-height: calc(100dvh - 56px);
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
  padding: 30px;
  box-shadow: 0 24px 70px rgba(31, 31, 41, .28);
}

.sznak-payment-modal.is-loading .sznak-payment-modal__dialog {
  min-height: min(420px, calc(100vh - 56px));
  min-height: min(420px, calc(100dvh - 56px));
  flex-direction: column;
}

.sznak-payment-modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 34px;
  height: 34px;
  color: #8b8b98;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.sznak-payment-modal__close:hover {
  color: #ed3364;
}

.sznak-payment-modal__close svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

.sznak-payment-modal__head {
  padding-right: 48px;
}

.sznak-payment-modal__head h2 {
  margin: 0;
  color: #202024;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 800;
}

.sznak-payment-modal__form {
  height: auto;
  min-height: 430px;
  max-height: calc(100vh - 170px);
  max-height: calc(100dvh - 170px);
  margin-top: 22px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.sznak-payment-modal.is-loading .sznak-payment-modal__head,
.sznak-payment-modal.is-loading .sznak-payment-modal__form {
  display: none;
}

.sznak-payment-modal__error {
  margin-top: 18px;
}

.sznak-payment-modal__loader {
  display: none;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 240px;
  color: #6f6f80;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.sznak-payment-modal.is-loading .sznak-payment-modal__loader {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 14px;
}

.sznak-payment-modal.is-widget-rendering .sznak-payment-modal__loader {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 14px;
  border-radius: inherit;
  background: #fff;
}

.sznak-payment-modal__spinner {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border: 3px solid rgba(237, 51, 100, .22);
  border-top-color: #ed3364;
  border-radius: 50%;
  animation: sznakSpin .75s linear infinite;
}

.sznak-payment-modal__form iframe {
  display: block;
  width: 100%;
  min-height: 430px;
  border: 0;
}

@media (max-width: 767.98px) {
  .page-account-payment .personal-page__row {
    margin-left: 0;
    margin-right: 0;
  }

  .page-account-payment .personal-page__right {
    padding-left: 0;
    padding-right: 0;
  }

  .page-account-payment .personal-page-top,
  .page-account-payment .sznak-payment-widget {
    width: 100%;
  }

  .sznak-payment-widget {
    padding: 24px 16px;
    --sznak-yookassa-inner-offset: 34px;
  }

  .sznak-payment-widget__form {
    justify-content: flex-start;
    min-width: 0;
  }

  .sznak-payment-widget__form > * {
    width: min(calc(100% + var(--sznak-yookassa-inner-offset)), 369px) !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .sznak-payment-widget__summary {
    display: block;
  }

  .sznak-payment-widget__title {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .sznak-payment-widget__amount {
    font-size: 24px;
  }

  .sznak-payment-modal {
    align-items: center;
    padding: 14px;
  }

  .sznak-payment-modal__dialog {
    max-height: calc(100vh - 28px);
    max-height: calc(100dvh - 28px);
    border-radius: 18px;
    padding: 24px 18px 18px;
  }

  .sznak-payment-modal.is-loading .sznak-payment-modal__dialog {
    min-height: min(360px, calc(100vh - 28px));
    min-height: min(360px, calc(100dvh - 28px));
  }

  .sznak-payment-modal__close {
    top: 18px;
    right: 18px;
    width: 30px;
    height: 30px;
  }

  .sznak-payment-modal__head {
    padding-right: 38px;
  }

  .sznak-payment-modal__head h2 {
    font-size: 22px;
  }

  .sznak-payment-modal__form {
    height: auto;
    min-height: 360px;
    max-height: calc(100vh - 150px);
    max-height: calc(100dvh - 150px);
    margin-top: 16px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .sznak-payment-modal__form iframe {
    min-height: 360px;
  }

  .sznak-payment-modal__loader {
    min-height: 220px;
    font-size: 16px;
  }
}

.support-form__text a,
.support-form__text a:visited,
.support-form__text a:hover {
  color: inherit;
}

.personal-menu__bottom {
  font-weight: 400;
}

.sznak-legal-content .text-block p,
.sznak-legal-content .text-block li {
  text-align: justify;
}

.sznak-legal-content .text-block a,
.sznak-legal-content .text-block a:visited {
  color: var(--color-pink-200);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sznak-inline-form {
  display: contents;
}

.sznak-link-button {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

.btn.btn-pink.btn-disabled,
.btn.btn-pink:disabled {
  background: var(--color-gray-600);
  color: var(--color-gray-300);
  pointer-events: none;
}

.sznak-notification-read-form {
  display: contents;
}

.sznak-notification-read-button {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  width: calc(100% + 28px);
  padding-right: 44px;
}

.profile-page__item-top--notifications {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 16px;
  justify-content: flex-start;
  margin-bottom: 12px;
  width: 100%;
}

.profile-page__item-top--notifications .profile-page__item-title {
  text-align: left;
}

.profile-page__item-top--notifications .sznak-inline-form {
  flex: 0 0 auto;
}

.profile-page__item-top--notifications .profile-page__muted-action {
  margin-left: auto;
}

.profile-page__item-body--notifications {
  row-gap: 16px;
}

.profile-page__notification-status {
  margin-top: 0;
}

.profile-page__notification-form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.profile-page__muted-action {
  color: var(--color-gray-200);
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
}

.profile-page__muted-action:hover {
  color: var(--color-black-100);
}

.profile-page__delete {
  display: flex;
  justify-content: center;
  margin-top: 28px;
  padding-bottom: 6px;
}

.profile-form__col--city .profile-form__btn,
.profile-form__col--timezone .profile-form__btn {
  justify-content: flex-start;
  margin-top: 12px;
}

.profile-form__col--city .profile-form__btn .btn,
.profile-form__col--timezone .profile-form__btn .btn {
  min-width: 210px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767.98px) {
  .profile-page__item-top--notifications {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 6px;
  }

  .profile-page__item-top--notifications .profile-page__muted-action {
    margin-left: 0;
  }

  .profile-form__col--city .profile-form__btn .btn,
  .profile-form__col--timezone .profile-form__btn .btn {
    width: 100%;
  }
}

.notifications-popup__item {
  position: relative;
}

.notifications-popup__item[data-notification-last-visible]::before {
  display: none;
}

.item-notifications__img--system {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background: var(--gradient-pink);
}

.item-notifications__system-icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-notifications__system-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.notifications-popup__item-info[data-notification-last-visible] {
  border-bottom: 0;
  padding-bottom: 0;
}

[data-notifications-empty] .info-notifications__text {
  text-align: center;
}

.notifications-popup__head {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 4px;
  padding: 0 12px 0 20px;
}

.notifications-popup__head .notifications-popup__title {
  flex: 1 1 auto;
  margin-bottom: 0;
  padding: 0;
}

.notifications-popup__close--head {
  position: static;
  display: flex;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-gray-100);
  transition: color 160ms ease;
}

.notifications-popup__close--head:hover,
.sznak-notification-dismiss-form .item-notifications__close:hover,
.sznak-notification-prompt-dismiss-form .info-notifications__close:hover {
  color: var(--color-pink-300);
  cursor: pointer;
}

.notifications-popup__close--head svg {
  width: 30px;
  height: 30px;
}

.notifications-popup__close--outer {
  display: none;
  color: var(--color-white);
}

.item-notifications {
  padding-right: 44px;
}

.sznak-notification-dismiss-form {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 4;
  transform: translateY(-50%);
}

.sznak-notification-dismiss-form .item-notifications__close,
.sznak-notification-prompt-dismiss-form .info-notifications__close {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  width: 32px;
  height: 32px;
  max-width: 32px;
  color: var(--color-gray-100);
  transition: color 160ms ease;
}

.sznak-notification-dismiss-form .item-notifications__close svg,
.sznak-notification-prompt-dismiss-form .info-notifications__close svg {
  width: 28px;
  height: 28px;
}

.sznak-notification-prompt-dismiss-form {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 4;
  display: block;
  transform: translateY(-50%);
}

.info-notifications__top {
  position: relative;
  padding-right: 44px;
}

@media (max-width: 575.98px) {
  .notifications-popup__close--outer {
    display: flex;
    height: 104px;
    padding-top: 36px;
  }

  .notifications-popup__close--outer svg {
    width: 56px;
    height: 56px;
  }
}

.notifications-parent--empty .notifications-btn__icon {
  position: relative;
  color: var(--color-gray-300);
}

.notifications-parent--empty .notifications-btn__icon img {
  opacity: 0;
}

.notifications-parent--empty .notifications-btn__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  margin: auto;
  background: currentColor;
  -webkit-mask: url("../img/notifications-icon.svg") center / contain no-repeat;
  mask: url("../img/notifications-icon.svg") center / contain no-repeat;
  transition: var(--transition-normal);
}

.notifications-parent--empty .notifications-btn:hover .notifications-btn__icon {
  color: var(--color-pink-400);
}

.card-body__link a {
  color: var(--color-gray-200);
}

.card-body__link a:hover {
  color: var(--color-gray-100);
}

@media (max-width: 1023.98px) {
  .notifications-parent--empty .notifications-btn__icon::before {
    width: 28px;
    height: 28px;
  }
}

.sznak-like-button {
  appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.item-favorite.sznak-like-button {
  padding-top: 2px;
}

/*
 * Centralized active public action styles.
 * Change these classes to switch the selected sent-reply / active-like variant site-wide.
 */
.sznak-reply-sent-button,
.card-body__btn > .btn.btn-secondary.active {
  --sznak-reply-heart-left: 8px;
  --sznak-reply-heart-top: 12px;
  --sznak-reply-heart-two-left: 17px;
  --sznak-reply-heart-two-top: 31px;
  --sznak-reply-heart-origin: 10px 13px;
  --sznak-reply-heart-two-origin: 6px -4px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  border-color: transparent;
  color: #ffffff;
  background:
    radial-gradient(circle at 9% 32%, rgba(255, 255, 255, 0.2) 0 7%, transparent 8%),
    linear-gradient(277deg, #6d56d9 -8.56%, #c955c9 48%, #f65b83 111.41%);
  box-shadow: 0 10px 24px rgba(142, 83, 214, 0.2);
  cursor: default;
  pointer-events: none;
  animation: sznak-reply-sent-breathe 3.4s ease-in-out infinite;
}

.card-body__btn > .btn.btn-secondary.active:hover {
  background:
    radial-gradient(circle at 9% 32%, rgba(255, 255, 255, 0.2) 0 7%, transparent 8%),
    linear-gradient(277deg, #6d56d9 -8.56%, #c955c9 48%, #f65b83 111.41%);
}

.card-body__btn .sznak-reply-sent-button svg,
.card-body__btn > .btn.btn-secondary.active svg,
.sznak-reply-sent-button svg {
  position: relative;
  z-index: 2;
  display: block;
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.sznak-reply-open-button__icon {
  --reply-send-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27292 27.5729L29.5396 17.5996C29.7801 17.4971 29.9852 17.3262 30.1293 17.1081C30.2735 16.89 30.3504 16.6344 30.3504 16.3729C30.3504 16.1115 30.2735 15.8558 30.1293 15.6377C29.9852 15.4196 29.7801 15.2487 29.5396 15.1463L6.27292 5.17292C6.07145 5.08504 5.85128 5.04871 5.63226 5.06719C5.41324 5.08567 5.20227 5.15838 5.01838 5.27877C4.83449 5.39916 4.68346 5.56344 4.57892 5.75678C4.47438 5.95013 4.41962 6.16646 4.41958 6.38625L4.40625 12.5329C4.40625 13.1996 4.89958 13.7729 5.56625 13.8529L24.4062 16.3729L5.56625 18.8796C4.89958 18.9729 4.40625 19.5463 4.40625 20.2129L4.41958 26.3596C4.41958 27.3063 5.39292 27.9596 6.27292 27.5729Z'/%3E%3C/svg%3E");
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 21px;
  height: 21px;
  align-items: center;
  justify-content: center;
  flex: 0 0 21px;
  color: var(--color-pink-200);
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: sznak-reply-send-sway 3.8s ease-in-out infinite;
}

.sznak-reply-open-button__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(277deg, #ed4568 -8.56%, #f65b83 111.41%);
  -webkit-mask: var(--reply-send-icon-mask) center / contain no-repeat;
  mask: var(--reply-send-icon-mask) center / contain no-repeat;
  pointer-events: none;
}

.sznak-reply-open-button__icon svg {
  width: 21px;
  height: 21px;
  opacity: 0;
}

.sznak-reply-open-button:hover .sznak-reply-open-button__icon::after {
  background: #fff;
}

.sznak-reply-sent-button__check {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 23px;
  height: 23px;
  align-items: center;
  justify-content: center;
  flex: 0 0 23px;
  color: currentColor;
}

.sznak-reply-sent-button__check::before {
  content: "";
  width: 14px;
  height: 8px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  border-radius: 2px;
  transform: rotate(-45deg) translate(1px, -1px);
}

.sznak-reply-sent-button__text {
  position: relative;
  z-index: 2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sznak-reply-sent-button__heart {
  position: absolute;
  z-index: 1;
  left: var(--sznak-reply-heart-left);
  top: var(--sznak-reply-heart-top);
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  pointer-events: none;
  transform-origin: var(--sznak-reply-heart-origin);
  animation: sznak-reply-sent-heart-orbit 3.1s linear infinite;
}

.card-body__btn > .btn.btn-secondary.active::before,
.card-body__btn > .btn.btn-secondary.active::after {
  content: "\2665";
  position: absolute;
  z-index: 1;
  left: var(--sznak-reply-heart-left);
  top: var(--sznak-reply-heart-top);
  color: rgba(255, 255, 255, 0.92);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  pointer-events: none;
  transform-origin: var(--sznak-reply-heart-origin);
  animation: sznak-reply-sent-heart-orbit 3.1s linear infinite;
}

.card-body__btn > .btn.btn-secondary.active::after {
  top: var(--sznak-reply-heart-two-top);
  left: var(--sznak-reply-heart-two-left);
  font-size: 11px;
  opacity: 0.78;
  transform-origin: var(--sznak-reply-heart-two-origin);
  animation-name: sznak-reply-sent-heart-orbit-alt;
  animation-delay: -1.1s;
}

.sznak-reply-sent-button__heart::before {
  content: "\2665";
}

.sznak-reply-sent-button__heart--two {
  top: var(--sznak-reply-heart-two-top);
  left: var(--sznak-reply-heart-two-left);
  font-size: 11px;
  opacity: 0.78;
  transform-origin: var(--sznak-reply-heart-two-origin);
  animation-name: sznak-reply-sent-heart-orbit-alt;
  animation-delay: -1.1s;
}

.item-product-small,
.item-product-small__body,
.item-product-small__bottom,
.item-product-small__favorite,
.item-product-small .sznak-inline-form {
  overflow: visible;
}

[data-like-button] {
  position: relative;
  overflow: visible;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
}

.sznak-like-live-button {
  transform: translateZ(0);
}

.btn.btn-secondary.sznak-like-live-button.active {
  color: #ffffff;
  border-color: transparent;
  background: linear-gradient(277deg, #c91f46 -8.56%, #fd5e7e 54%, #f14f98 111.41%);
  box-shadow: 0 10px 24px rgba(237, 69, 104, 0.18);
}

.sznak-like-live-icon,
.sznak-like-live-button > svg,
.sznak-like-live-button .item-product__btn-favorite-icon,
.sznak-like-live-button .item-product__btn-favorite-text,
.sznak-like-live-button [data-like-count] {
  position: relative;
  z-index: 2;
}

.sznak-like-live-icon,
.sznak-like-live-button .item-product__btn-favorite-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  flex: 0 0 auto;
}

.sznak-like-live-icon svg {
  display: block;
  flex: 0 0 auto;
}

.sznak-like-live-heart {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.94);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  pointer-events: none;
  animation: sznak-like-live-diagonal-one 2.6s ease-in-out infinite;
}

.sznak-like-live-heart::before {
  content: "\2665";
}

.sznak-like-live-heart--two {
  font-size: 11px;
  animation-name: sznak-like-live-diagonal-two;
  animation-delay: -0.75s;
}

.sznak-like-live-heart--three {
  font-size: 10px;
  opacity: 0;
  animation-name: sznak-like-live-diagonal-three;
  animation-delay: -1.45s;
}

.sznak-like-live-button[data-like-shape="round"] .sznak-like-live-heart,
.item-product__btn-favorite.sznak-like-live-button .sznak-like-live-heart {
  left: 50%;
  color: var(--color-pink-300);
  text-shadow: 0 4px 12px rgba(237, 69, 104, 0.22);
}

.sznak-like-live-button:not(.active) .sznak-like-live-heart {
  display: none;
}

[data-like-button].sznak-like-button--pending {
  pointer-events: none;
}

[data-like-button]:disabled,
[data-like-button][aria-disabled="true"] {
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

[data-like-button].sznak-like-button--pulse {
  animation: sznak-like-button-pulse 620ms ease-in-out;
}

[data-like-button].sznak-like-button--error {
  animation: sznak-like-button-shake 280ms ease;
}

.sznak-like-burst {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 0;
  height: 0;
  pointer-events: none;
}

.sznak-like-burst__heart {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-pink-200);
  font-size: var(--size, 16px);
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  animation: sznak-like-heart-burst 760ms ease-out forwards;
  animation-delay: var(--d, 0ms);
  text-shadow: 0 8px 16px rgba(233, 42, 82, 0.22);
}

.sznak-like-button--unlike .sznak-like-burst__heart {
  color: var(--color-pink-300);
}

.sznak-like-burst__heart::before {
  content: "\2665";
}

.sznak-like-burst--rect .sznak-like-burst__heart {
  animation-name: sznak-like-rect-heart-burst;
}

.sznak-like-burst__ring {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--size, 54px);
  height: var(--size, 54px);
  border: 2px solid var(--particle-color, var(--color-pink-200));
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.24);
  animation: sznak-like-ring-pop var(--time, 740ms) ease-out forwards;
  animation-delay: var(--d, 0ms);
}

.sznak-like-rect-outline {
  position: absolute;
  inset: var(--inset, -1px);
  z-index: 4;
  border: 2px solid var(--particle-color, rgba(237, 69, 104, 0.58));
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.96);
  transform-origin: center;
  animation: sznak-like-rect-outline-pop var(--time, 760ms) ease-out forwards;
  animation-delay: var(--d, 0ms);
}

@keyframes sznak-like-button-pulse {
  0%, 100% {
    transform: scale(1);
  }

  18% {
    transform: scale(1.08);
  }

  34% {
    transform: scale(0.98);
  }

  54% {
    transform: scale(1.05);
  }
}

@keyframes sznak-like-button-shake {
  0%, 100% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-3px);
  }

  65% {
    transform: translateX(3px);
  }
}

@keyframes sznak-reply-sent-breathe {
  0%, 100% {
    filter: saturate(1) brightness(1);
    transform: translateZ(0) scale(1);
  }

  50% {
    filter: saturate(1.12) brightness(1.06);
    transform: translateZ(0) scale(1.01);
  }
}

@keyframes sznak-reply-sent-heart-orbit {
  0% {
    transform: rotate(0deg) translateX(9px) rotate(0deg) scale(0.9);
  }

  50% {
    transform: rotate(180deg) translateX(9px) rotate(-180deg) scale(1.12);
  }

  100% {
    transform: rotate(360deg) translateX(9px) rotate(-360deg) scale(0.9);
  }
}

@keyframes sznak-reply-sent-heart-orbit-alt {
  0% {
    transform: rotate(0deg) translateX(7px) rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(-180deg) translateX(7px) rotate(180deg) scale(0.86);
  }

  100% {
    transform: rotate(-360deg) translateX(7px) rotate(360deg) scale(1);
  }
}

@keyframes sznak-reply-send-sway {
  0%, 30%, 100% {
    transform: translateX(0) rotate(0deg);
  }

  5% {
    transform: translateX(-1px) rotate(-6deg);
  }

  10% {
    transform: translateX(1px) rotate(6deg);
  }

  15% {
    transform: translateX(-1px) rotate(-4deg);
  }

  20% {
    transform: translateX(1px) rotate(4deg);
  }

  25% {
    transform: translateX(0) rotate(0deg);
  }
}

@keyframes sznak-like-live-diagonal-one {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-12deg) scale(0.7);
  }

  18% {
    opacity: 0.95;
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% - 12px), calc(-50% - 42px)) rotate(-18deg) scale(1.1);
  }
}

@keyframes sznak-like-live-diagonal-two {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(12deg) scale(0.7);
  }

  18% {
    opacity: 0.85;
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + 18px), calc(-50% - 24px)) rotate(18deg) scale(1.04);
  }
}

@keyframes sznak-like-live-diagonal-three {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.62);
  }

  20% {
    opacity: 0.74;
  }

  100% {
    opacity: 0;
    transform: translate(calc(-50% + 2px), calc(-50% - 34px)) rotate(-8deg) scale(0.92);
  }
}

@keyframes sznak-like-heart-burst {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.35) rotate(0deg);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(
        calc(-50% + var(--x, 0px)),
        calc(-50% + var(--y, -36px))
      )
      scale(var(--scale, 1))
      rotate(var(--r, 0deg));
  }
}

@keyframes sznak-like-rect-heart-burst {
  0% {
    opacity: 1;
    transform: translate(
        calc(-50% + var(--from-x, 0px)),
        calc(-50% + var(--from-y, 0px))
      )
      scale(0.35)
      rotate(0deg);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(
        calc(-50% + var(--to-x, 0px)),
        calc(-50% + var(--to-y, -36px))
      )
      scale(var(--scale, 1))
      rotate(var(--r, 0deg));
  }
}

@keyframes sznak-like-ring-pop {
  0% {
    opacity: 0.76;
    transform: translate(-50%, -50%) scale(0.24);
  }

  16% {
    opacity: 0.76;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(var(--scale, 1.35));
  }
}

@keyframes sznak-like-rect-outline-pop {
  0% {
    opacity: 0.58;
    transform: scale(0.96);
  }

  18% {
    opacity: 0.58;
  }

  100% {
    opacity: 0;
    transform: scale(var(--scale-x, 1.06), var(--scale-y, 1.26));
  }
}

@media (prefers-reduced-motion: reduce) {
  .sznak-reply-sent-button,
  .sznak-reply-sent-button__heart,
  .card-body__btn > .btn.btn-secondary.active,
  .card-body__btn > .btn.btn-secondary.active::before,
  .card-body__btn > .btn.btn-secondary.active::after,
  .sznak-reply-open-button svg,
  .sznak-like-live-heart,
  [data-like-button].sznak-like-button--pulse,
  [data-like-button].sznak-like-button--error,
  .sznak-like-burst__heart,
  .sznak-like-burst__ring,
  .sznak-like-rect-outline {
    animation: none;
  }
}

@media (min-width: 1200px) {
  .header__block {
    display: flex;
    justify-content: center;
    min-width: 0;
  }

  .header__block .menu__list {
    justify-content: center;
    column-gap: 34px;
  }
}

@media (min-width: 1023.98px) {
  .item-product__btn-favorite.sznak-like-button {
    border: 0;
    padding: 0;
  }
}

.main-form__bottom-link,
.services-activated__bottom-link {
  text-decoration: none;
}

.sznak-link-button.main-form__bottom-link,
.sznak-link-button.services-activated__bottom-link {
  color: var(--color-pink-200);
  background: var(--gradient-pink);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-block__items.sznak-liquid-tabs-ready {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.68)),
    rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 18px 38px rgba(34, 32, 32, 0.08);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.main-block__items.sznak-liquid-tabs-ready .main-block__item {
  position: relative;
  z-index: 1;
  background: transparent;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}

.main-block__items.sznak-liquid-tabs-ready .main-block__item.active {
  background: transparent;
}

.main-block__items.sznak-liquid-tabs-ready .main-block__item.active .main-block__item-text {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78);
}

.sznak-liquid-tab-indicator {
  position: absolute;
  top: var(--sznak-liquid-tab-y, 4px);
  left: 0;
  z-index: 0;
  width: var(--sznak-liquid-tab-width, 0px);
  height: var(--sznak-liquid-tab-height, 0px);
  border-radius: 999px;
  opacity: var(--sznak-liquid-tab-opacity, 0);
  pointer-events: none;
  transform: translate3d(var(--sznak-liquid-tab-x, 0px), 0, 0);
  transition:
    transform 560ms cubic-bezier(0.19, 1, 0.22, 1),
    width 560ms cubic-bezier(0.19, 1, 0.22, 1),
    height 360ms cubic-bezier(0.19, 1, 0.22, 1),
    top 360ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 180ms ease;
  background:
    radial-gradient(circle at 22% 12%, rgba(255, 255, 255, 0.96) 0 16%, rgba(255, 255, 255, 0) 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.38) 48%, rgba(233, 42, 82, 0.08)),
    rgba(245, 245, 247, 0.74);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.92),
    inset 0 -12px 22px rgba(255, 255, 255, 0.38),
    inset 0 0 0 1px rgba(255, 255, 255, 0.72),
    0 12px 30px rgba(34, 32, 32, 0.08),
    0 2px 8px rgba(34, 32, 32, 0.06);
  backdrop-filter: blur(24px) saturate(165%);
  -webkit-backdrop-filter: blur(24px) saturate(165%);
}

.sznak-liquid-tab-indicator::before,
.sznak-liquid-tab-indicator::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.sznak-liquid-tab-indicator::before {
  background:
    radial-gradient(ellipse at 18% 24%, rgba(255, 255, 255, 0.78) 0 12%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(ellipse at 82% 76%, rgba(255, 113, 147, 0.12) 0 16%, rgba(255, 113, 147, 0) 48%);
  mix-blend-mode: screen;
}

.sznak-liquid-tab-indicator::after {
  inset: 1px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow:
    inset 0 0 18px rgba(255, 255, 255, 0.42),
    inset 0 -1px 0 rgba(34, 32, 32, 0.04);
}

@media (any-hover: hover) {
  .main-block__items.sznak-liquid-tabs-ready .main-block__item:hover {
    background: transparent;
  }

  .main-block__items.sznak-liquid-tabs-ready .main-block__item:hover .main-block__item-text {
    color: var(--color-black-100);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sznak-liquid-tab-indicator {
    transition: none;
  }
}

.sznak-ad-create-page {
  align-items: flex-start;
  min-height: calc(100vh - 220px);
}

.sznak-ad-create-page__body {
  padding: 30px;
}

.sznak-ad-create-page .sznak-alert {
  margin-top: 24px;
}

.sznak-ad-placement-modal .main-form__checkbox .main-checkbox label span,
.sznak-ad-create-page .main-form__checkbox .main-checkbox label span {
  line-height: 1.12;
}

.sznak-consent-checkboxes .main-checkbox label span {
  font-size: 14px;
}

@media (max-width: 1023.98px) {
  .card-page[data-ad-detail-page]:not(.is-ad-detail-ready) {
    opacity: 0;
    pointer-events: none;
  }
}

.header-location--static,
.header-location--static:hover,
.menu__user-city--static,
.menu__user-city--static:hover,
.menu-user__link--static,
.menu-user__link--static:hover {
  color: var(--color-gray-100);
  cursor: default;
  user-select: none;
}

.header-location--static *,
.menu__user-city--static *,
.menu-user__link--static * {
  cursor: default;
  user-select: none;
}

.form-chat__btn {
  transition: color 180ms ease, transform 160ms ease;
  transform-origin: center;
}

.form-chat__btn:disabled,
.form-chat__btn[aria-disabled="true"] {
  color: var(--color-gray-200);
  cursor: default;
  opacity: 1;
}

.form-chat__area.active + .form-chat__btn:not(:disabled) {
  color: var(--color-blue);
}

@media (any-hover: hover) {
  .form-chat__btn:not(:disabled):hover {
    transform: scale(1.08);
  }
}

.form-chat__btn:not(:disabled):active {
  transform: scale(0.96);
}

.chat-block__back {
  position: relative;
}

.chat-block__back-count {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border: 2px solid var(--color-white);
  border-radius: 999px;
  background: var(--gradient-pink);
  color: var(--color-white);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
}

.main-pagination__items--mobile {
  display: none;
}

@media (max-width: 767.98px) {
  .main-pagination__items--desktop {
    display: none;
  }

  .main-pagination__items--mobile {
    display: flex;
  }
}

@media (max-width: 359.98px) {
  .sznak-ad-create-page__body {
    padding: 20px 10px;
  }
}

@media (max-width: 1023.98px) {
  .site-logo {
    min-height: 40px;
    padding: 0 10px;
    column-gap: 7px;
    font-size: 15px;
  }

  .site-logo__icon svg {
    width: 21px;
    height: 21px;
  }

  .footer-bottom--copy-only {
    padding: 24px 16px;
  }

  .menu__personal .menu-user.inner .menu-user__list,
  .menu__personal .menu-user:not(.inner) .menu-user__list {
    padding: 0;
  }

  .menu__personal .menu-user__link {
    width: 100%;
  }

  .menu__personal .menu-user__item--logout {
    display: none;
  }
}

.item-notifications__label,
.item-like__label,
.personal-menu__user-label,
.item-likes__name,
.item-advertisements__name,
.user-chat__label,
.chat-block__user-label,
.chat-block-top__label {
  font-weight: 400;
}

.item-likes__box:nth-child(5):not(.item-likes__box--count).active .item-likes__img::before,
.item-likes__box:nth-child(5):not(.item-likes__box--count).recently .item-likes__img::before,
.item-advertisements__box:nth-child(5):not(.item-advertisements__box--count).active .item-advertisements__img::before,
.item-advertisements__box:nth-child(5):not(.item-advertisements__box--count).recently .item-advertisements__img::before {
  display: block;
}

.item-likes__img::before {
  display: none;
}

.item-likes__box.active .item-likes__img::before,
.item-likes__box.recently .item-likes__img::before {
  display: block;
}

.item-likes__box:nth-child(5):not(.item-likes__box--count) .item-likes__name,
.item-advertisements__box:nth-child(5):not(.item-advertisements__box--count) .item-advertisements__name {
  font-size: 16.5px;
}

.item-likes__box--count .item-likes__img::before,
.item-advertisements__box--count .item-advertisements__img::before {
  display: none;
}

.item-like__status.recently {
  background: var(--color-orange);
}

.item-likes__name--count,
.item-advertisements__name--count {
  font-size: 12px;
}

.main-popup__btn > form {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.main-popup__btn > form .btn {
  width: 100%;
  max-width: 100%;
}

.main-chat-text-info--block-state .main-chat-text-info__text strong,
.main-chat-text-info--block-state .main-chat-text-info__link {
  font-weight: 600;
}

.main-chat-text-info--block-state {
  margin-top: 8px;
  margin-bottom: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.main-chat-text-info--block-state + .main-chat-text-info--block-state {
  margin-top: 0;
}

.main-chat-text-info--message-limit {
  margin-top: 14px;
  margin-bottom: 8px;
}

.main-chat-text-info--message-limit .main-chat-text-info__text {
  max-width: 360px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.45;
}

.main-chat-text-info--message-limit .main-chat-text-info__text strong {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 1.25;
}

.main-chat-text-info--message-limit .main-chat-text-info__btn {
  margin-top: 14px;
}

.main-chat-text-info--message-limit .main-chat-text-info__btn .btn {
  min-width: 180px;
}

.main-chat-text-info--message-limit .main-chat-text-info__bottom {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.35;
}

.sznak-text-highlight {
  display: inline;
  border-radius: 4px;
  padding: 0 3px;
  background: #fff200;
  color: var(--color-black-100);
}

.services-activated--message-limit .services-activated__text {
  font-size: 17px;
  line-height: 1.55;
}

.services-activated--message-limit .services-activated__price-block {
  justify-content: center;
  margin-top: 22px;
}

.services-activated__gift {
  margin-top: 12px;
  text-align: center;
}

body.sznak-chat-unlimited-payment-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

body.sznak-ad-placement-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

.sznak-ad-placement-modal[hidden] {
  display: none !important;
}

.sznak-ad-placement-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.sznak-ad-placement-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.sznak-ad-placement-modal__dialog {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 550px;
  margin: auto;
  border-radius: 12px;
  background: var(--color-white);
  padding: 30px;
  box-shadow: 0 24px 70px rgba(31, 31, 41, 0.28);
}

.sznak-chat-unlimited-payment-modal[hidden] {
  display: none !important;
}

.sznak-chat-unlimited-payment-modal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.sznak-chat-unlimited-payment-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.sznak-chat-unlimited-payment-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 550px;
  margin: auto;
  border-radius: 12px;
  background: var(--color-white);
  padding: 30px;
  box-shadow: 0 24px 70px rgba(31, 31, 41, 0.28);
}

@media (max-width: 767.98px) {
  .sznak-ad-placement-modal {
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sznak-ad-placement-modal__dialog {
    padding: 20px;
  }

  .sznak-chat-unlimited-payment-modal {
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sznak-chat-unlimited-payment-modal__dialog {
    padding: 20px 16px;
  }
}

@media (max-width: 767.98px) {
  body.page-messages {
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
  }

  body.page-messages .wrapper {
    height: 100dvh;
    min-height: 100dvh;
    overflow: hidden;
  }

  body.page-messages .main {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }

  body.page-messages .main > .container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
  }

  body.page-messages .footer {
    display: none;
  }

  body.page-messages .main-chat {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }

  body.page-messages .main-chat__body,
  body.page-messages .main-chat__row,
  body.page-messages .main-chat__left,
  body.page-messages .main-chat__block,
  body.page-messages .main-chat__box,
  body.page-messages .chat-block,
  body.page-messages .chat-block__content {
    min-height: 0;
  }

  body.page-messages .main-chat__items {
    min-height: 0;
    overscroll-behavior: contain;
  }

  body.page-messages .main-chat__right {
    height: 100dvh;
    overflow: hidden;
  }

  body.page-messages.sznak-chat-keyboard-open .main-chat__right,
  body.page-messages.sznak-chat-keyboard-settling .main-chat__right {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

  body.page-messages.sznak-chat-keyboard-open .main-chat__right {
    top: var(--sznak-chat-visual-viewport-offset-top, 0px);
    height: var(--sznak-chat-visual-viewport-height, 100dvh);
  }

  body.page-messages .chat-block__box {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 0;
    overscroll-behavior: contain;
  }

  body.page-messages .chat-block__items {
    margin-top: auto;
  }
}

/* Chat input oval experiment: remove this block to roll back. */
body.page-messages .chat-block__area {
  margin-right: 0;
  padding: 8px 16px 10px;
  border-top: 0;
  background: #f3f9ff;
}

body.page-messages .form-chat {
  align-items: flex-end;
  min-height: 48px;
  padding: 5px 6px 5px 16px;
  column-gap: 8px;
  border: 1px solid rgba(173, 194, 214, 0.72);
  border-radius: 24px;
  background: var(--color-white);
  box-shadow: 0 6px 18px rgba(24, 65, 105, 0.07);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

body.page-messages .form-chat:focus-within {
  border-color: rgba(24, 144, 255, 0.45);
  box-shadow: 0 8px 22px rgba(24, 144, 255, 0.11);
}

body.page-messages .form-chat.error {
  border-color: rgba(255, 59, 92, 0.45);
}

body.page-messages .form-chat__area {
  min-height: 28px;
  height: 28px;
  max-height: 124px;
  padding: 2px 0;
  background: transparent;
  line-height: 150%;
  overflow-y: hidden;
}

body.page-messages .form-chat__area::placeholder {
  color: var(--color-gray-200);
}

body.page-messages .form-chat__btn {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(24, 144, 255, 0.1);
  color: var(--color-blue);
  opacity: 1;
  visibility: visible;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    opacity 160ms ease,
    transform 160ms ease,
    visibility 160ms ease;
}

body.page-messages .form-chat__btn:disabled,
body.page-messages .form-chat__btn[aria-disabled="true"] {
  background: transparent;
  color: transparent;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.72);
}

body.page-messages .form-chat__area.active + .form-chat__btn:not(:disabled) {
  background: var(--color-blue);
  color: var(--color-white);
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

body.page-messages .form-chat__btn svg {
  width: 22px;
  height: 22px;
}

body.page-messages .chat-block__area .form-group-error {
  margin: 8px 18px 0;
}

@media (max-width: 767.98px) {
  body.page-messages .chat-block__area {
    padding: 7px 10px calc(9px + env(safe-area-inset-bottom));
  }

  body.page-messages .form-chat {
    min-height: 48px;
    padding: 5px 6px 5px 14px;
    column-gap: 8px;
  }

  body.page-messages .form-chat__area {
    max-height: 124px;
  }

  body.page-messages .form-chat__btn {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
  }

  body.page-messages .form-chat__btn svg {
    width: 22px;
    height: 22px;
  }
}
/* End chat input oval experiment. */

.sznak-select-option {
  display: inline;
  max-width: 100%;
}

.sznak-select-option__title {
  display: inline;
}

.sznak-select-option__hint {
  display: inline-block;
  margin-left: 6px;
  transform: translateY(-0.45em);
  font-size: 9px;
  line-height: 1;
  color: var(--color-gray-200);
  -webkit-text-fill-color: currentColor;
  white-space: nowrap;
  vertical-align: baseline;
}

.form-select__item.selected .sznak-select-option__title {
  background: var(--gradient-pink);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.form-select__item.selected .sznak-select-option__hint {
  color: var(--color-pink-200);
  -webkit-text-fill-color: currentColor;
}

.services-activated__icon--premium {
  color: #e23659;
}

.services-activated__icon--premium svg,
.services-activated__icon--premium use {
  fill: currentColor;
}

.chat-message-text--cupid-prompt {
  display: block;
}

.cupid-limit-prompt {
  display: block;
  width: 100%;
}

.cupid-limit-prompt__text {
  display: block;
}

.cupid-limit-prompt__option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding-top: 13px;
  margin-top: 13px;
  border-top: 1px solid rgba(151, 151, 173, 0.22);
}

.cupid-limit-prompt__option strong,
.cupid-limit-prompt__option span:not(.sznak-btn-loading):not(.sznak-btn-loading__spinner) {
  display: block;
}

.cupid-limit-prompt__option form {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 6px;
}

.cupid-limit-prompt__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 180px;
  max-width: 100%;
}

.cupid-limit-prompt__button svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.cupid-limit-prompt__button.is-loading > svg,
.cupid-limit-prompt__button.is-loading > span:not(.sznak-btn-loading) {
  opacity: 0;
}

.cupid-limit-prompt__option--single {
  margin-top: 14px;
}

@media (max-width: 1199.98px) {
  .header__menu-icon .icon-menu {
    width: 44px;
    height: 44px;
  }

  .header__menu-icon .icon-menu__body {
    pointer-events: none;
  }
}

.location-popup__item {
  color: var(--color-gray);
}

.location-popup__item:hover {
  color: var(--color-white);
}

.location-popup__item.active {
  color: var(--color-white);
}

.search-city button {
  color: var(--color-gray);
}

.search-city input::placeholder {
  color: var(--color-gray-100);
}

.project-closed-page,
.support-chat-page {
  min-height: 100vh;
  background: var(--color-gray-500);
}

.project-closed {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}

.project-closed__panel {
  width: min(100%, 720px);
  padding: 40px;
  border-radius: 8px;
  background: var(--color-white);
  box-shadow: 0 18px 60px rgba(27, 34, 54, 0.12);
}

.project-closed__panel--login {
  width: min(100%, 460px);
}

.project-closed__logo {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}

.project-closed h1 {
  margin: 0 0 18px;
  font-size: 42px;
  line-height: 1.12;
  font-weight: 700;
  color: var(--color-black);
}

.project-closed p {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--color-gray);
}

.project-closed__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 28px;
}

.support-chat-shell {
  width: min(100%, 980px);
  margin: 0 auto;
  padding: 24px;
}

.support-chat-shell__top {
  display: flex;
  margin-bottom: 14px;
}

.support-chat-shell__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-gray-300);
  font-weight: 600;
}

.support-chat-shell__back svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.support-chat .main-chat__right {
  width: 100%;
}

.support-chat .chat-block {
  min-height: calc(100vh - 96px);
}

.support-chat__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gradient-blue);
}

.support-chat__avatar svg {
  width: 48%;
  height: 48%;
  fill: var(--color-white);
}

.support-chat__status {
  margin-top: 8px;
  color: var(--color-gray-300);
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 767.98px) {
  .project-closed {
    align-items: flex-start;
    padding: 16px;
  }

  .project-closed__panel {
    padding: 28px 20px;
  }

  .project-closed h1 {
    font-size: 32px;
  }

  .project-closed p {
    font-size: 16px;
  }

  .project-closed__actions .btn {
    width: 100%;
  }

  .support-chat-shell {
    padding: 12px;
  }

  .support-chat .chat-block {
    min-height: calc(100vh - 64px);
  }
}