.is-hidden {
  display: none !important;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Inter-400.woff2') format('woff2'),
    url('../fonts/Inter-400.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Inter-500.woff2') format('woff2'),
    url('../fonts/Inter-500.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Inter-600.woff2') format('woff2'),
    url('../fonts/Inter-600.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Inter-700.woff2') format('woff2'),
    url('../fonts/Inter-700.woff') format('woff');
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
button:focus,
button:active,
button:focus-visible,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.button:focus,
.button:active,
.button:focus-visible,
a:focus,
a:active,
a:focus-visible {
  outline: none;
  box-shadow: none;
}

:root {
  --color-primary: #3776E5;
  --color-primary-light: #e4effc;
  --color-primary-muted: #648bcf;
  --color-accent: #E55637;
}

.verification-banner {
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}

.verification-banner--inline {
  padding: 0;
  margin: 1rem 0;
}

.verification-banner--inline .verification-banner__card {
  width: 100%;
}

.verification-banner__card {
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #fff9f2;
    border-radius: 6px;
    padding: 1.2rem 1.6rem;
    border: 1px solid #ff8d00;
    border-style: dashed;
    border-color: #ffd6a5;
}

.verification-banner__info {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}

.verification-banner__heading {
        padding-left: 0;
  font-size: 1.4rem;
  color: #1f2747;
}

.profile-ad-panel__divider {
  display: none;
}

.verification-banner__text {
  margin: 0;
  color: #3a3f55;
  font-size: 1.3rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.profile-ad-panel__column {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.profile-ad-panel__column--controls {
  flex: 0 0 12.8rem;
  min-width: 12.8rem;
}

.profile-ad-panel__column--info {
  flex: 1 1 auto;
  padding-left: 1.4rem;
}

.profile-ad-panel__divider {
  width: 1px;
  flex: 0 0 1px;
  background: #E4E7EC;
  align-self: stretch;
}

.karetad--inactive .karetad__content__title,
.karetad--inactive .karetad__content__price,
.karetad--inactive .karetad__content__meta-line,
.karetad--inactive .karetad__content__category,
.karetad--inactive .karetad__content__city,
.karetad--inactive .karetad__content__date {
  color: #6B7280;
}

.karetad-page--inactive .karetads-param__title,
.karetad-page--inactive .karetads-param__price-convert,
.karetad-page--inactive .description-block__title,
.karetad-page--inactive .description-block-desc,
.karetad-page--inactive .characteristic-block__title,
.karetad-page--inactive .characteristic-block-item__title,
.karetad-page--inactive .characteristic-block-item__value {
  color: #6B7280;
}

.karetad__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  background: rgba(55, 65, 81, 0.9);
  color: #fff;
  z-index: 2;
}

.karetad__badge--inactive {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.85rem;
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: none;
  background: rgba(55, 65, 81, 0.9);
  left: 1.1rem;
  right: auto;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15);
}

.karetad__content__status {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #E5E7EB;
  color: #4B5563;
  font-size: 11px;
  text-transform: uppercase;
}


@media (max-width: 991px) {
  .verification-banner__card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 1rem 1.3rem;
  }

  .verification-banner__info {
    width: 100%;
  }

  .verification-banner__actions {
    width: 100%;
  }

  .verification-banner__button {
    width: 100%;
  }


  .verification-banner__text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}

@media (max-width: 575px) {
  .verification-banner__card {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.9rem 1rem;
    gap: 0.5rem;
  }

  .verification-banner__button {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 0.6rem 1.4rem;
  }



}
.header__user-controls {
  display: inline-flex;
  align-items: center;
  gap: 2.4rem;
}

.header svg,
.header-mobile svg,
.floating-header svg {
  width: 2.1rem;
  height: 2.1rem;
}

.header-notifications {
  position: relative;
}

.header-notifications__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease;
  position: relative;
}

.header-notifications__toggle:hover {
  background-color: rgba(55, 118, 229, 0.08);
}

.header-notifications__dot {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: var(--color-accent);
  box-shadow: 0 0 0 0.2rem #ffffff;
}

.header-notifications__dropdown {
  position: absolute;
  top: calc(100% + 0.1rem);
  right: 0;
  width: 32rem;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 1.2rem 3.2rem rgba(18, 32, 56, 0.15);
  padding: 1.6rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.8rem);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1200;
}

.header-notifications.is-open .header-notifications__dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.header-notifications__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.header-notifications__header span:first-child {
  font-size: 1.5rem;
  font-weight: 600;
  color: #374054;
}

.header-notifications__list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-height: 32rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(55, 118, 229, 0.4) transparent;
}

.header-notifications__list::-webkit-scrollbar {
  width: 0.6rem;
}

.header-notifications__list::-webkit-scrollbar-track {
  background: transparent;
}

.header-notifications__list::-webkit-scrollbar-thumb {
  background: rgba(55, 118, 229, 0.35);
  border-radius: 6px;
}

.header-notifications__list::-webkit-scrollbar-thumb:hover {
  background: rgba(55, 118, 229, 0.55);
}

.header-notifications__item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.2rem;
  background: #f5f7fa;
  padding: 1rem 1.2rem;
  border-radius: 12px;
}

.header-notifications__item.is-unread {
  background: #eaf1ff;
  box-shadow: inset 0 0 0 0.1rem rgba(55, 118, 229, 0.25);
}

.header-notifications__item.is-read {
  display: none;
}

.header-notifications__item-content {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}

.header-notifications__item-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #374054;
}

.header-notifications__item-date {
  font-size: 1.2rem;
  color: #8f98aa;
}

.header-notifications__item-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-left: 0.8rem;
}

.header-notifications__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.header-notifications__mark:hover {
  background: rgba(55, 118, 229, 0.12);
}

.header-notifications__mark svg path {
  stroke: var(--color-primary);
}

.header-notifications__item-title--link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #374054;
  text-decoration: none;
  transition: color 0.2s ease;
}

.header-notifications__item-title--link:hover,
.header-notifications__item-title--link:focus {
  color: var(--color-primary);
}

.header-notifications__item-title--link:focus-visible {
  outline: 0.2rem solid rgba(55, 118, 229, 0.4);
  outline-offset: 0.2rem;
  border-radius: 4px;
}
.header-notifications__dropdown--empty {
  width: 26rem;
  padding: 1.2rem 1.4rem;
}

.header-notifications__dropdown--empty .header-notifications__list {
  max-height: 20rem;
}

.header-notifications__dropdown--empty .header-notifications__empty {
  padding: 1.6rem 0;
}

.header-notifications__empty {
  text-align: center;
  font-size: 1.4rem;
  color: #8f98aa;
  padding: 2.4rem 0;
}

.header-notifications__all {
  display: block;
  margin-top: 1.2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--color-primary);
  transition: color 0.2s ease;
}

.header-notifications__all:hover {
  color: var(--color-accent);
}

.header__badge--hidden {
  display: none !important;
}

.notifications-page {
  margin-bottom: 6rem;
  display: flex;
  flex-direction: column;
}

.notifications-page > .container {
  flex: 1 0 auto;
}

.notifications-page__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}



.notifications-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.notifications-list {
  flex: 1 1 32rem;
  max-width: 42rem;
  background: #ffffff;
  border-radius: 6px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}

.notifications-list__items {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.notifications-list__item {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 1.4rem 1.6rem;
  border-radius: 6px;
  background: #f5f7fa;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  outline: none;
  font-weight: 500;
}

.notifications-list__info {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.notifications-list__title {
  margin: 0;
  font-size: 1.4rem;
  color: #1f2747;
  line-height: 1.35;
}

.notifications-list__title span {
  display: block;
}

.notifications-list__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  font-size: 1.2rem;
  color: #7b8499;
  line-height: 1.4;
}

.notifications-list__sender {
  color: #4a5d87;
  font-weight: 600;
}

.notifications-list__date {
  color: #9aa1b4;
}

.notifications-list__preview {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  color: #3a3f55;
  line-height: 1.45;
}

.user-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.95rem;
  min-height: 2.4rem;
  border-radius: 999px;
  background: #eef3ff;
  color: #163c99;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  text-transform: none;
  white-space: nowrap;
}

.profile-balance-form__controls {
  display: flex;
  gap: 1rem;
  align-items: stretch;
}

.profile-balance-form__controls .default-input {
  flex: 1 1 auto;
}

.user-type-badge--profile {
  margin-left: 0.6rem;
  vertical-align: middle;
}

.user-type-badge--seller {
  margin-left: 0.5rem;
  vertical-align: middle;
}

.user-type-badge--company {
  background: rgb(229 86 56);
  border-color: rgb(229 86 56);
  color: #fff;
}

@media (max-width: 991px) {
  .my-lk__name-user {
    font-size: 1.8rem;
  }

  .user-type-badge.user-type-badge--profile {
    font-size: 0.95rem;
    padding: 0.2rem 0.75rem;
  }
}

@media (max-width: 575px) {
  .my-lk__name-user {
    font-size: 1.4rem !important;
  }

  .my_lk__date-user {
    font-size:1.4rem !important;
  }

  .user-type-badge.user-type-badge--profile {
    font-size: 0.9rem;
    padding: 0.2rem 0.65rem;
  }
}

.karetad--inactive {
  background: #F5F5F5;
  color: #6B7280;
}

.karetad--inactive .karetad__image__wrapper {
  position: relative;
}

.karetad--inactive .karetad__image__wrapper::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgb(255 255 255 / 78%);
  border-radius: inherit;
  pointer-events: none;
}

.karetad--inactive .karetad__content__title,
.notifications-list__mark svg path {
  stroke: #ffffff;
}

.notifications-list__empty {
  text-align: center;
  padding: 4rem 0;
  font-size: 1.4rem;
  color: #8f98aa;
}

.notifications-list__pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-start;
}

.notifications-page .pagination {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 2rem 0 0;
}

.notifications-detail {
  flex: 1 1 52rem;
  min-width: 0;
  background: #ffffff;
  border-radius: 6px;
  padding: 2.4rem;
  align-self: flex-start;
}
.notifications-modal {
  display: none;
}

@media (max-width: 991px) {
  .notifications-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: stretch;
    justify-content: flex-end;
    z-index: 2500;
    padding: 0;
    pointer-events: none;
    background: rgba(18, 32, 56, 0.35);
    backdrop-filter: blur(4px);
  }

  .notifications-modal.is-visible {
    display: flex;
    pointer-events: auto;
  }

  .notifications-modal__backdrop {
    position: absolute;
    inset: 0;
    background: transparent;
  }

  .notifications-modal__panel {
    position: relative;
    width: min(90vw, 60rem);
    height: 100vh;
    max-height: 100vh;
    background: #ffffff;
    border-radius: 0;
    padding: 7.2rem 2.6rem 2rem;
    z-index: 1;
    overflow-y: auto;
    transform: translateX(120%) translateY(2.5rem);
    opacity: 0;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease;
    box-shadow: -0.4rem 0 1rem rgba(18, 32, 56, 0.2);
    display: flex;
    flex-direction: column;
  }

  .notifications-modal.is-visible .notifications-modal__panel {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }

  .notifications-modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 999px;
    border: none;
    background: rgba(255, 255, 255, 0.8);
    font-size: 2.8rem;
    cursor: pointer;
    color: var(--color-primary);
    font-weight: 600;
  }

  .notifications-modal__header {
    margin-bottom: 1.2rem;
  }

  .notifications-modal__title {
    font-size: 2.1rem;
    margin: 0;
    color: #1f2a3c;
    cursor: pointer;
  }

  .notifications-modal__meta {
    display: flex;
    gap: 1rem;
    font-size: 1.3rem;
    color: #7b8499;
  }

  .notifications-modal__body {
    font-size: 1.4rem;
    color: #25303a;
    line-height: 1.7;
  }

  .notifications-modal__link {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1.8rem;
    padding: 1rem 1.6rem;
    border-radius: 8px;
    border: none;
    background: var(--color-primary);
    color: #ffffff;
    font-weight: 600;
    font-size: 1.4rem;
    transition: background-color 0.2s ease;
  }

  .notifications-modal__link:hover {
    background: #2756b3;
  }

  .notifications-modal__sender.is-hidden,
  .notifications-modal__link.is-hidden {
    display: none;
  }
}

.notifications-modal-open {
  overflow: hidden;
}

.profile-confirm-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}

.profile-confirm-modal.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.35s ease, visibility 0s;
}

.profile-confirm-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.profile-confirm-modal.is-visible .profile-confirm-modal__backdrop {
  opacity: 1;
}

.profile-confirm-modal__panel {
  position: relative;
  width: 100%;
  max-width: 44rem;
  margin: 0 2.2rem;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 30px 60px rgba(24, 36, 54, 0.25);
  padding: 3.2rem 3rem 2.6rem;
  transform: translateY(12px) scale(0.97);
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.profile-confirm-modal.is-visible .profile-confirm-modal__panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.profile-confirm-modal__title {
  margin: 0 0 0.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f2747;
  text-align: center;
}

.profile-confirm-modal__text {
  margin: 0 0 1.8rem;
  font-size: 1.4rem;
  line-height: 1.55;
  color: #495065;
  text-align: center;
}

.profile-confirm-modal__text.is-hidden {
  display: none;
}

.profile-confirm-modal__extra {
  margin-bottom: 1.8rem;
}

.profile-confirm-modal__extra:empty {
  margin: 0;
  display: none;
}

.profile-confirm-modal__perks {
  padding: 1.4rem 1.6rem;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #f8fbff;
  text-align: left;
}

.profile-confirm-modal__perks-title {
  margin: 0 0 0.8rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #1f2747;
}

.profile-confirm-modal__perks-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.profile-confirm-modal__perks-item {
  position: relative;
  padding-left: 1.8rem;
  font-size: 1.25rem;
  color: #3b4257;
  line-height: 1.4;
}

.profile-confirm-modal__perks-item::before {
  content: '\2022';
  position: absolute;
  left: 0.6rem;
  top: 0;
  font-size: 1.4rem;
  color: var(--color-primary);
}

.profile-confirm-modal__actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.profile-confirm-modal__button {
  min-width: 11rem;
  border-radius: 6px;
  border: none;
  padding: 0.85rem 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.profile-confirm-modal__button--secondary {
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
.profile-confirm-modal__panel--wide {
  max-width: 52rem;
  padding-left: 3.4rem;
  padding-right: 3.4rem;
}

}

.profile-confirm-modal__button--secondary:hover {
  background: #edf5ff;
}

  .profile-confirm-modal__panel--wide {
    margin: 0 1.4rem;
    padding: 2.6rem 2.2rem 2.2rem;
  }

.profile-confirm-modal__button--accent {
  background: var(--color-primary);
  color: #fff;
}

.profile-confirm-modal__button--accent:hover {
  background: #2d5fc0;
}

.profile-confirm-modal__button--danger {
  background: #ffe1db;
  color: #b13420;
}

.profile-confirm-modal__button--danger:hover {
  background: #f6d1c8;
}

.profile-confirm-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: none;
  background: transparent;
  padding: 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8f98aa;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.2s ease;
}

.profile-confirm-modal__close:hover {
  color: #374054;
}

.profile-confirm-modal--create-ad .profile-confirm-modal__panel {
  max-width: 52rem;
}

.profile-confirm-modal--create-ad .profile-confirm-modal__title {
  font-size: 2.1rem;
}

.profile-confirm-modal--create-ad .profile-confirm-modal__extra .select-type-ad__wrapper {
  padding: 0;
  margin-bottom: 0;
  background: transparent;
}

.profile-confirm-modal--create-ad .profile-confirm-modal__extra .create-ad-form__group-title {
  text-align: center;
}

.profile-confirm-modal--create-ad .profile-confirm-modal__extra .select-type-ad__grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.profile-confirm-modal--admin-nav .profile-confirm-modal__panel {
  max-width: 48rem;
  width: calc(100% - 2.8rem);
}

.profile-confirm-modal--admin-nav .profile-confirm-modal__title,
.profile-confirm-modal--admin-nav .profile-confirm-modal__text {
  text-align: left;
}

.profile-confirm-modal--admin-nav .profile-confirm-modal__text {
  margin-bottom: 1.2rem;
}

.profile-confirm-modal--admin-nav .profile-confirm-modal__extra {
  width: 100%;
  margin-bottom: 0;
}

.profile-confirm-modal--admin-nav .admin-panel-menu {
  width: 100%;
}

.profile-confirm-modal--admin-nav .admin-panel-menu .my-lk__menu-list {
  flex-direction: column;
  align-items: stretch;
  gap: 0.4rem;
}

.profile-confirm-modal--admin-nav .admin-panel-menu .my-lk__menu-link {
  width: 100%;
  justify-content: space-between;
  padding: 0.9rem 0;
  border-bottom: 1px solid #eef1f6;
}

.profile-confirm-modal--admin-nav .admin-panel-menu .my-lk__menu-item:last-child .my-lk__menu-link {
  border-bottom: none;
}

@media (max-width: 575px) {
  .profile-confirm-modal--create-ad .profile-confirm-modal__extra .select-type-ad__grid {
    grid-template-columns: 1fr;
  }
}

.profile-manage-modal__actions {
  width: 100%;
  margin-top: 1.6rem;
}

.profile-manage-modal__actions .profile-ad-panel__actions {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.profile-manage-modal__actions .profile-ad-panel__hint {
  text-align: center;
}

.profile-manage-modal__actions .profile-ad-panel__pill,
.profile-manage-modal__actions .profile-ad-panel__action-stack {
  width: 100%;
}

.profile-manage-modal__actions .profile-ad-panel__mobile-actions-header,
.profile-manage-modal__actions .profile-ad-panel__actions-close,
.profile-manage-modal__actions .profile-ad-panel__mobile-backdrop {
  display: none !important;
}

body.is-profile-confirm-open {
  overflow: hidden;
}

body.profile-ad-actions-open {
  overflow: hidden;
}

body.profile-ad-actions-open::before,
body.profile-ad-actions-open::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  background: #F5F7FA;
  pointer-events: none;
  z-index: 2500;
}

body.profile-ad-actions-open::before {
  top: 0;
  height: env(safe-area-inset-top, 0px);
}

body.profile-ad-actions-open::after {
  bottom: 0;
  height: calc(env(safe-area-inset-bottom, 0px));
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 991px) {
    body.profile-ad-actions-open::before {
      height: calc(env(safe-area-inset-top, 0px) + 56px);
      background: linear-gradient(180deg, #f5f7fa 0%, rgba(245, 247, 250, 0.9) 55%, rgba(245, 247, 250, 0));
    }

    body.profile-ad-actions-open::after {
      height: calc(env(safe-area-inset-bottom, 0px) + 64px);
      background: linear-gradient(0deg, #f5f7fa 0%, rgba(245, 247, 250, 0.9) 55%, rgba(245, 247, 250, 0));
    }
  }
}
.notifications-detail--accordion {
  width: 100%;
  margin-top: 1rem;
  padding: 1.6rem;
}

.notifications-detail__empty {
  font-size: 1.6rem;
  color: #8f98aa;
  text-align: center;
  padding: 6rem 0;
}

.notifications-detail__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.notifications-detail__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.6rem;
}

.notifications-detail__title {
  font-size: 2.2rem;
  font-weight: 600;
  color: #374054;
  margin: 0;
}

.notifications-detail__date {
  font-size: 1.4rem;
  color: #8f98aa;
  white-space: nowrap;
}

.notifications-detail__body {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #374054;
}

.notifications-detail__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.notifications-detail__mark {
  border: none;
  background: var(--color-primary);
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem 1.8rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.notifications-detail__mark:hover {
  background: #2d60bb;
}

.notifications-detail__link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem 1.8rem;
  border-radius: 8px;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-size: 1.4rem;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.notifications-detail__link:hover {
  background: var(--color-primary);
  color: #ffffff;
  border-color: var(--color-primary);
}

@media (max-width: 991px) {
  .notifications-layout {
    flex-direction: column;
  }

  .notifications-list,
  .notifications-detail {
    max-width: 100%;
  }

  .notifications-detail {
    display: none;
  }

  .notifications-detail__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .notifications-detail--accordion {
    margin: 0.8rem 0;
  }

  .header__user-controls {
    gap: 1.6rem;
  }
}

@media (max-width: 575px) {
  .header-notifications__dropdown {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0.8rem);
  }

  .header-notifications.is-open .header-notifications__dropdown {
    transform: translate(-50%, 0);
  }
}
html,body {
  font-family: 'Inter', sans-serif !important;
}

body,
input,
button,
select,
textarea,
optgroup,
fieldset {
  font-family: 'Inter', sans-serif;
}


button {
  outline: none
}

img {
  max-width: 100%;
}

html {
  box-sizing: border-box;
  font-size: 10px;
  background-color: #F5F7FA;
}



@media (max-width: 575px) {
  html {
    font-size: 9.5px;
  }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
  html {
    font-size: 7.7px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  html {
    font-size: 9.4px;
  }
}

html,
body {
  height: 100%;
  background: #F5F7FA !important;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #F5F7FA !important;
}

.site-layout {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.site-layout__main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.margin-50 {
  margin-bottom: 5rem;
}

.margin-top-50 {
  margin-top: 5rem !important;
}

.margin-top-30 {
  margin-top: 3rem !important;
}

.margin-top-20 {
  margin-top: 2rem !important;
}

.margin-top-10 {
  margin-top: 1rem !important;
}

.margin-bottom-50 {
  margin-bottom: 5rem !important;
}

.margin-bottom-30 {
  margin-bottom: 3rem !important;
}

.margin-bottom-20 {
  margin-bottom: 2rem !important;
}

.margin-bottom-10 {
  margin-bottom: 1rem !important;
}


a {
  text-decoration: none !important;
}

p {
  text-decoration: none;
}

.header__one-column {
  position: relative;
  padding: 1rem 0;
  background-color: #fff;
  margin-bottom: 2rem;
  transition: opacity 0.44s ease, transform 0.44s ease, margin-bottom 0.44s ease;
}

.header-two__one-column {
  background-color: #F5F7FA;
}

.header__two-column {
  transition: padding 0.48s ease, margin 0.48s ease, transform 0.48s ease, opacity 0.48s ease;
}

/* .header--compact .header__two-column {
  transform: translateY(-0.4rem);
} */

.header--expanding .header__two-column {
  transition-duration: 0.45s;
}

.header__link {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #374054;
  text-decoration: none;
  margin-right: 1.7rem;
}

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

.header__autirization-button {
  padding: 0.5rem 2rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #374054;
  text-decoration: none;
}

.header__auth-text {
  display: inline;
}

.header__auth-text--compact {
  display: none;
}

.header__autirization-button:hover {
  color: var(--color-accent);
}

.header__link-user {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-right: 2rem;
  position: relative;
}

.header__autirization-name {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #374054;
}

.header__badge {
  color: #8F98AA;
  font-size: 1.4rem;
  font-weight: 500;
  margin-left: 0.4rem;
  display: inline-block;
}

.header__badge::before {
  content: '(';
}

.header__badge::after {
  content: ')';
}

.my-lk__count::before {
  content: '(';
}

.my-lk__count::after {
  content: ')';
}

.my-lk__count {
  color: #8F98AA;
  font-size: 1.4rem;
  font-weight: 500;
  margin-left: 0.4rem;
}


.header-dropdown-link {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

button.header-dropdown-link {
  background: transparent;
  border: none;
  padding: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

button.header-dropdown-link:focus {
  outline: none;
}

.header-dropdown-link svg path {
  fill: currentColor;
}

.header-dropdown-link--admin {
  background: rgba(246, 179, 74, 0.16);
    border-radius: 8px;
    padding: 0.6rem 1.2rem;
    color: #B46A00;
    font-size: 1.2rem;
    width: max-content;
}


.header-dropdown-link--admin svg {
  flex-shrink: 0;
}

.header-dropdown-link--admin:hover {
  background: rgba(246, 179, 74, 0.28);
}

.header-dropdown-link--support {
  background: rgba(229, 86, 55, 0.12);
    border-radius: 8px;
    padding: 0.6rem 1.2rem;
    color: #C13A2A;
    justify-content: center;
    text-align: center;
    font-size: 1.2rem;
    width: max-content;
}

.header-dropdown-link--support:hover {
  background: rgba(229, 86, 55, 0.24);
}

.header-dropdown-link.header-dropdown-link--support:hover {
  color: #C13A2A;
}

.header-dropdown-link:hover {
  color: var(--color-accent);
}


.header-dropdown-link.header-dropdown-link--admin:hover {
  color: #9A5800;
}

.header-dropdown-link.header-dropdown-link--admin:hover svg path {
  stroke: currentColor;
}

.header__dropdown-item {
  padding: 0.8rem 0;
}

.header__dropdown-hr {
  color: #a8a7a7;
}

.header__dropdown-ul {
  padding-left: 0;
}

/* Скрыть выпадающее меню по умолчанию */
.header__dropdown-menu {
  display: none;
  opacity: 0;
  transition: all 0.4s;
  position: absolute;
  right: -1rem;
  top: calc(100% - 1rem);
  z-index: 2000;
  min-width: 26rem;
  padding: 1.6rem;
}

.header__dropdown-wrapper {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0 1.2rem 3.2rem rgba(18, 32, 56, 0.15);
  z-index: 1000;
  padding: 1.5rem;
}


.header__userwrapper {
  position: relative;
}

/* Показать выпадающее меню при наведении на имя пользователя или на само меню */
.header__userwrapper:hover .header__autirization-name,
.header__userwrapper.is-open .header__autirization-name,
.header__userwrapper:hover .header__autirization-name svg path,
.header__userwrapper.is-open .header__autirization-name svg path {
  stroke: var(--color-accent);
  color: var(--color-accent);
}

.header__autirization-name svg {
  transform: rotateZ(0deg);
  transition: all 0.2s;
  width: 1.4rem;
  height: auto;
}

.header__userwrapper:hover .header__autirization-name svg,
.header__userwrapper.is-open .header__autirization-name svg {
  transform: rotateZ(180deg);
  transition: all 0.2s;
}

.header__userwrapper:hover .header__dropdown-menu,
.header__userwrapper.is-open .header__dropdown-menu,
.header__dropdown-menu:hover {
  display: block;
  opacity: 1;
  transition: all 0.4s;
}







.header__place-button {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1.35rem !important;
  background: var(--color-primary);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  height: max-content;
  transition: all 0.2s ease;
}

.header__place-button-icon {
  display: none;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 600;
  color: inherit;
}

.header__place-button-text {
  display: inline;
}

.header__place-button:hover {
  opacity: 0.9;
  color: #fff;
}

.header--desktop {
  display: block;
}

.header-mobile {
  display: none;
}


.header {
  position: relative;
  z-index: 1200;
  padding: 0;
  opacity: 1;
  transition: box-shadow 0.18s ease, background-color 0.18s ease, padding 0.12s ease, opacity 0.32s ease, transform 0.12s ease, height 0.24s ease;
}

.header__shell {
  position: relative;
  width: 100%;
  background: inherit;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: padding 0.2s ease, opacity 0.32s ease, box-shadow 0.4s ease, transform 0.2s ease;
}



.header__support-links {
  gap: 1.7rem;
}

.header__actions {
  display: inline-flex;
  align-items: center;
  gap: 2.4rem;
  margin-left: auto;
  justify-content: flex-end;
}

.header__main-row {
  display: flex;
  align-items: center;
  width: 100%;
  /* gap: 3.2rem; */
  transition: gap 0.24s ease, opacity 0.24s ease;
}

.header-mobile__logo-image {
  display: block;
  height: 3.8rem;
  width: auto;
  max-width: 17rem;
  object-fit: contain;
}

.header-mobile__add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 9px;
  background: var(--color-primary);
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
  text-decoration: none;
  font-weight: 600;
}

.header-mobile__login-link {
  font-size: 1.4rem;
  font-weight: 500;
  color: #374054;
  text-decoration: none;
}

.header-mobile__search-controls {
  width: 100%;
  display: flex;
  gap: 0.8rem;
}

.floating-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1300;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-1.6rem);
  transition:
    opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0.35s;
  will-change: opacity, transform;
  background: #ffffff;
  box-shadow: 0 1.2rem 2.8rem rgba(18, 32, 56, 0.12);
  padding: 0.8rem 0;
}

.floating-header:not(.floating-header--initialized) {
  transition: none !important;
}

.floating-header.floating-header--visible {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0s, 0s, 0s;
}

.floating-header .header__main-row {
  gap: 0.8rem;
}

.floating-header .header__logo-link {
  height: 3.4rem;
}

.floating-header .header__logo-wrapper {
  margin-right: 1.4rem;
}

.floating-header .header-search__form {
  flex: 0 0 16%;
  max-width: 16%;
}

.floating-header .header-search__background {
  flex: 1 1 60%;
}

.floating-header .header-search-form__dropdown {
  flex: 0 0 21rem;
  max-width: 21rem;
}

.header__compact-actions {
  display: none;
  align-items: center;
  gap: 2.4rem;
  margin-left: auto;
  width: auto;
  flex: 0 0 auto;
  pointer-events: none;
}



.header--compact .header-search__background {
  border-width: 1px;
  border-radius: 7px;
  flex: 1 1 auto;
  min-width: 0;
}

.header--compact .header-search__form {
  gap: 1rem;
  flex: 1 1 100%;
  max-width: 65rem;
  min-width: 0;
}

.header--compact .header-search__form__input-wrapper {
  height: 3.6rem;
}

.header--compact .header-search-form__dropdown {
  flex: 0 0 16rem;
  height: 3.6rem;
}
.header--compact .header-search__input-group {
  border-radius: 5.5px;
}

.header--compact .header-search__region {
  height: 3.6rem;
  padding: 0 1.2rem;
}

.header--compact .header-search-form__field {
  font-size: 1.4rem;
  padding: 0 1.2rem;
}

.header--compact .header-search-form__button {
  width: 13.2rem;
  height: 3.6rem;
  font-size: 1.4rem;
  border-radius: 5.5px;
}

.header--compact .header-search-form-dropdown__select2 {
  height: 3.6rem;
  padding: 0 2.8rem 0 1.2rem;
}

.header-search-form-dropdown__select2+span .select2-selection--single {
  height: 4rem !important;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  background-color: #FFFFFF !important;
  border: 1px solid #E3E8F2;
  border-radius: 0px 6px 6px 0px;
  padding-right: 4.2rem;
  line-height: 4rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header--compact .header-search-form-dropdown__select2+span .select2-selection--single {
  height: 3.6rem !important;
  border-radius: 0 6px 6px 0 !important;
}

.header--compact .header__place-button {
  height: 3.4rem;
  padding: 0;
  justify-content: center;
  border-radius: 6.5px;
}

.header--compact .header__place-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}

.header--compact .header__place-button-text {
  display: none;
}

.header--compact .header__user-controls {
  gap: 1.6rem;
}

.header--compact .header-notifications__toggle {
  width: 4rem;
  height: 4rem;
}

.header--compact .header__autirization-name {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

.header--compact .header__autirization-name-text {
  display: none;
}

.header--compact .header__autirization-name svg {
  margin-left: 0;
}

.header--compact .header__link-user {
  padding-right: 0;
}

.header--compact .header__autirization-button {
  padding: 0.35rem 1.2rem;
  font-size: 1.5rem;
}

.header--compact #search-results,
.header--compact .header-search__results {
  top: 4.4rem;
}

@media (max-width: 991px) {

  .header__auth-text--full {
    display: none;
  }

  .header__auth-text--compact {
    display: inline;
  }

  .profile-content__heading .header__place-button {
    width: 4rem;
    height: 4rem;
    padding: 0;
    justify-content: center;
    gap: 0;
    border-radius: 8px;
  }

  .profile-content__heading .header__place-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
  }

  .profile-content__heading .header__place-button-text {
    display: none;
  }

  .header--desktop {
    display: none !important;
  }

  .header-mobile {
    display: block;
    background: transparent;
    box-shadow: none;
    padding: 1rem 0 1.4rem;
    margin-bottom: 2rem;
  }

  .header-mobile__row {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
  }

  .header-mobile__row--top {
    justify-content: space-between;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0.8rem 2.4rem rgba(18, 32, 56, 0.05);
    padding: 0.8rem 1rem;
  }

  .header-mobile__row--search {
    margin-top: 0.8rem;
    background: transparent;
  }

  .header-mobile__logo {
    flex: 0 0 auto;
  }

  .header-mobile__top-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    margin-left: auto;
  }

  .header-mobile .header__user-controls {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
  }

  .header-mobile .header__autirization-name-text {
    display: none;
  }

  .header-mobile .header__link-user {
    padding: 0;
  }

  .header-mobile .header__userwrapper {
    margin-right: 0.5rem;
  }

  .header-mobile .header__userimage-wrapper {
    width: 3.6rem;
    height: 3.6rem;
  }

  .header-mobile__login-link {
    padding: 0 0.6rem;
    font-size:1.5rem;
  }

  .header-mobile__search-form {
    width: 100%;
  }

  .header-mobile__search-form .header-search__background {
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
  }

  .header-mobile__search-form .header-search__form__input-wrapper {
    flex: 1 1 auto;
    height: 4.2rem;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 0 0.4rem 0 0.4rem;
    gap: 0.4rem;
  }

  .header-mobile__search-form .header-search-form__field {
    flex: 1 1 auto;
    border-radius: 0;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    background: transparent;
    font-size:1.67rem;
  }

  .header-search__region-control {
    --region-control-width: 3.8rem;
    position: relative;
    flex: 0 0 var(--region-control-width);
    width: var(--region-control-width);
    height: 100%;
    border-left: 1px solid #E3E8F2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #A8B3C7;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
    overflow: visible;
  }

  .header-search__region-control svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .header-search__region-control select {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
  }

  .header-search__region-control .select2-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
  }

  .header-search__region-control--active {
    color: var(--color-primary);
    background: rgba(55, 118, 229, 0.12);
    border-left-color: var(--color-primary);
  }

  .header-search__region-control--focus {
    border-left-color: var(--color-primary);
    color: var(--color-primary);
  }

  .header-mobile__search-form .header-search-form__button {
    display: none;
  }

  .header-mobile__search-form .header-search-form-dropdown__select2,
  .header-mobile__search-form .header-search-form-dropdown__select2 select {
    font-size: 1.4rem;
  }

  .header-region-dropdown {
    position: fixed !important;
    width: calc(100vw - 2.4rem) !important;
    min-width: calc(100vw - 2.4rem) !important;
    left: 50% !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-radius: 12px !important;
    border: 1px solid #E3E8F2 !important;
    box-shadow: 0 1.2rem 2.4rem rgba(18, 32, 56, 0.18) !important;
    z-index: 9999 !important;
    max-width: calc(100vw - 2.4rem) !important;
  }

  .header-region-dropdown .select2-results__options {
    max-height: 60vh;
  }

  .floating-header {
    display: none !important;
  }
}

.header__logo-wrapper {
  margin-right: 2.9rem;
}

.header__logo-link {
  width: auto;
  height: 4.8rem;
  transition: height 0.18s ease, transform 0.2s ease, opacity 0.2s ease;
}

.header__logo-link:hover {
  opacity: 0.85;
  transform: translateY(-0.2rem);
}


.header__search {
  margin-top: 1.5rem;
}

.header-search__form {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  transition: flex-basis 0.18s ease, max-width 0.18s ease;
}

.form-switch label {
  cursor: pointer;
}

.form-switch .form-check-input {
  width: 4em !important;
  height: 2em !important;
  cursor: pointer !important;
}

.form-switch .form-check-input:hover {
  opacity: 0.7;
}


.header-search__background {
  width: auto;
  border: 2px solid var(--color-accent);
  background: var(--color-accent);
  position: relative;
  border-radius: 8.5px;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  transition: flex-basis 0.18s ease, max-width 0.18s ease;
}

.header-search__input-group {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 6.5px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.header-search__region {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  border-left: 1px solid #E3E8F2;
  padding: 0 1.6rem;
  height: 4.8rem;
  flex: 0 0 auto;
  color: #374054;
}

.header-search__region select {
  border: none;
  background: transparent;
  padding: 0;
  font-weight: 500;
  font-size: 1.5rem;
  color: inherit;
}

.header-search__region select:focus {
  outline: none;
}

.header-search__region svg {
  flex-shrink: 0;
}



.header-search-form__field {
  width: 100%;
  height: 100%;
  border: none;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  padding: 0 1rem;
  padding-left: 1.5rem;
  color: #374054;
  border-radius: 6px 0 0 6px;
}

.header-search-form__field::placeholder {
  color: #AAAAAA;

}

.header-search-form {
  position: relative;
}

.header-search-form-dropdown__select2 {
  width: auto;
  min-width: 0;
  height: 4rem;
  font-weight: 500;
  font-size: 1.5rem;
  border: none;
  border-radius: 0;
  color: #374054;
  padding: 0;
  background: transparent;
  transition: color 0.2s ease;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.header-search-form__dropdown .header-search-form-dropdown__select2 {
  height: 4rem;
  line-height: 4rem;
  padding: 0 4.2rem 0 1.2rem;
  border: 1px solid #E3E8F2;
  border-radius: 0 6px 6px 0;
  background-color: #FFFFFF;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.header--compact .header-search-form__dropdown .header-search-form-dropdown__select2 {
  height: 3.6rem;
  line-height: 3.6rem;
  padding: 0 2.8rem 0 1.2rem;
  border-radius: 0 6px 6px 0;
}

.header-search-form-dropdown__select2:focus {
  outline: none;
  color: #1f2533;
}

.header-search-form__button {
  width: 10rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  background: var(--color-accent);
  border: none;
  color: #FFFFFF;
}


.header-search-form__dropdown {
  flex: 0 0 20rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /* height: 4.8rem; */
  transition: flex-basis 0.18s ease, max-width 0.18s ease;
}

@media (prefers-reduced-motion: reduce) {
  .header,
  .header__one-column,
  .header__logo-link,
  .header-search__form,
  .header-search__background,
  .header-search-form__dropdown,
  .header-search__form__input-wrapper {
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }
}

.header-search-form__dropdown svg {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.header-search-form__dropdown svg path {
  fill: #8F98AA;
  transition: fill 0.2s ease;
}

.header-search-form__dropdown:hover svg path {
  fill: #5A6477;
}

.header-search-form__dropdown .select2-container {
  width: 100% !important;
}


.header__userimage-wrapper {
  width: 2.9rem;
  height: 2.9rem;
  overflow: hidden;
  border-radius: 9999px;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__userimage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.title {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.2;

  /* Основной черный */

  color: #374054;

}

.title-2 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;

  /* Основной черный */

  color: #374054;

}

.desc {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.4rem;
  margin-bottom: 2rem;

  /* Контентный */

  color: #92969E;

}

.brand__list {
  margin-top: 2rem;
  list-style: none;
  padding: 0;
  column-width: 14rem;
  column-gap: 1.4rem;
}

.brand__item {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 0.8rem;
}

.brand__link {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  display: inline-block;
  /* Основной черный */

  color: #374054;
  text-decoration: none;
  margin-right: 0.7rem;
}


.brand__link:hover {

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

.brand__des {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.8rem;

  color: #808080;
}


.brand-logos-slider {
  width: 100%;
  margin-top: 2rem;
}

.brand-logos-slider__controls {
  display: flex;
  gap: 0.6rem;
  flex-shrink: 0;
}

.brand-logos-slider__nav {
  color: var(--color-primary);
}

.brand-logos-slider__nav:hover:not(.swiper-button-disabled) {
  color: var(--color-accent);
}

.brand-logos-swiper {
  width: 100%;
}


.brand-logos-swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: flex-start;
  white-space: nowrap;
}

.brand-logos-swiper:not(.swiper-initialized) .swiper-slide {
  width: auto !important;
  flex: 0 0 auto;
}

.brand__logo-viewport {
  width: 100%;
  overflow: hidden;
}

.brand__logo {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.brand__logo__item {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
}

.brand__logo__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
}

.brand__logo__img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.brand__logo__item::after {
  content: attr(data-brand-name);
  position: absolute;
  left: 50%;
  top: 0.8rem;
  bottom: auto;
  transform: translateX(-50%);
  display: none;
}

.brand-section__lists {
  width: 100%;
}

.brand__logo__img:hover {
  opacity: 0.5;
}

@media (min-width: 992px) {
  .brand__logo__item::after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #EFF2FB;
    box-shadow: 0 10px 24px rgba(55, 65, 81, 0.2);
    font-size: 1.2rem;
    font-weight: 600;
    color: #1f2747;
    letter-spacing: 0.01em;
    pointer-events: none;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 5;
  }

  .brand__logo__item:hover::after {
    opacity: 1;
  }
}

.brand__list--collapsible {
  transition: opacity 0.25s ease;
  display: block;
}

.brand__list--collapsible.brand__list--expanded,
.brand__list--collapsible.visible {
  display: block;
}

.brand-section__actions {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 1.2rem;
  width: 100%;
}

.brand-section__toggle {
  margin: 0;
  margin-right: auto;
}

@media (max-width: 991px) {
  .brand__list {
    column-width: 12rem;
    column-gap: 1.2rem;
  }
}

@media (max-width: 575px) {
  .brand-section {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
  }

  .brand-section .brand-logos-slider {
    order: 1;
  }

  .brand-section__actions {
    order: 2;
    width: 100%;
    align-items: center;
  }
  .brand-section__lists {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
    /* плавное раскрытие обёртки со списком брендов */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
  }

  .brand-section__lists .brand__list,
  .brand-section__lists #more-car-brands {
    display: none;
  }

  .brand-section__lists .brand__list.brand__list--expanded,
  .brand-section__lists #more-car-brands.visible {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem 1rem;
    column-count: initial;
    column-width: auto;
    margin-top: 0;
  }

  .brand-section .brand__item {
    margin: 0;
    break-inside: auto;
  }

  .brand__logo__link {
    width: 6.4rem;
    height: 6.4rem;
  }

  .brand-section__lists.brand-section__lists--mobile-expanded {
    background: #fff;
    border-radius: 6px;
    padding: 1.4rem 1.6rem;
    gap: 1rem;
    max-height: 1000px;
    opacity: 1;
  }

  .brand-section__lists.brand-section__lists--mobile-expanded .brand__list {
    margin: 0;
  }

  .brand-section__lists.brand-section__lists--mobile-expanded .brand__list + .brand__list {
    padding-top: 1rem;
    border-top: 1px solid #EFF2FB;
  }

  .brand-section__lists.brand-section__lists--mobile-loading {
    position: relative;
    min-height: 4.4rem;
  }

  .brand-section__lists.brand-section__lists--mobile-loading::after {
    content: 'Загрузка...';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #8F98AA;
  }

  .brand-section__lists.brand-section__lists--mobile-loading .brand__list {
    opacity: 0;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .brand-section {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
  }

  .brand-section .brand-logos-slider {
    order: 1;
  }

  .brand-section__actions {
    order: 2;
    width: 100%;
    align-items: center;
  }
  .brand-section__lists {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
  }

  .brand-section__lists .brand__list,
  .brand-section__lists #more-car-brands {
    display: none;
  }

  .brand-section__lists .brand__list.brand__list--expanded,
  .brand-section__lists #more-car-brands.visible {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem 1.2rem;
    margin-top: 0;
  }

  .brand__logo__link {
    width: 7rem;
    height: 7rem;
  }

  .brand-section__lists.brand-section__lists--mobile-expanded {
    background: #fff;
    border-radius: 6px;
    padding: 1.4rem 1.6rem;
    gap: 1rem;
    max-height: 1000px;
    opacity: 1;
  }

  .brand-section__lists.brand-section__lists--mobile-expanded .brand__list {
    margin: 0;
  }

  .brand-section__lists.brand-section__lists--mobile-expanded .brand__list + .brand__list {
    padding-top: 1rem;
    border-top: 1px solid #EFF2FB;
  }

  .brand-section__lists.brand-section__lists--mobile-loading {
    position: relative;
    min-height: 4.4rem;
  }

  .brand-section__lists.brand-section__lists--mobile-loading::after {
    content: 'Загрузка...';
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #8F98AA;
  }

  .brand-section__lists.brand-section__lists--mobile-loading .brand__list {
    opacity: 0;
  }
}

.news_list {
  padding-left: 2rem;

}

.news_list__wrapper {
  margin-bottom: 2.5rem;
}

.news_item {
  margin-bottom: 1.4rem;
  cursor: pointer;
}

@media (min-width: 992px) {
  .home-news-column {
    display: flex;
    align-self: stretch;
  }

  .home-news-column .news_list {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .home-news-column .news_list__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.6rem;
    margin-bottom: 0;
  }

  .home-news-column .news_list_button {
    margin-top: auto;
    margin-top: 2.5rem;
  }

  .home-news-column .news_item {
    margin-bottom: 0;
  }
}

.archive__news-item {
  max-width: 90rem;
}

.news_item:hover .news__img__wrapper img {
  opacity: 0.7;
}

.news_item:hover .news_title {
  color: var(--color-accent);
}


.news__wrapper {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 0.3rem;
  display: flex;
}

.archive__news-wrapper {
  padding: 0.6rem;
}



.news__img__wrapper {
  width: 6.5rem;
  height: 6.5rem;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 2.1rem;
}

.archive-news__news-img-wrapper {
  width: 30rem;
  height: 17.8rem;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 2.1rem;
}

.news-item__date {
  font-size: 1.3rem;
  color: #92969E;
  margin-top: 1rem;
  display: block;
}


.news__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #dee1e8;
  background-image: linear-gradient(90deg, #dee1e8 0%, #eceff5 40%, #dee1e8 100%);
  background-size: 200% 100%;
  animation: adImageShimmer 1.6s linear infinite;
}

.news__img[data-loaded='true'] {
  background-color: transparent;
  background-image: none;
  animation: none;
}

.news_title {
  max-width: 70%;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  display: flex;
  align-items: center;
  margin-bottom: 0rem;

  /* Основной черный */

  color: #374054;
}

.news_description {
  max-width: 70%;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #6B7280;
  margin: 0;
}

.news_title a {

  color: #374054;
}

.archive-news__title {
  max-width: 52rem;
  font-weight: 400;
  font-size: 2.1rem;
  line-height: 3rem;
  display: flex;
  align-items: center;
  margin-bottom: 0rem;

  /* Основной черный */

  color: #374054;
}




.news_list_button {
  padding: 1.5rem 0;
  background: var(--color-primary-light);
  border-radius: 6px;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  display: block;
  text-align: center;
  color: var(--color-primary-muted);
  text-decoration: none;
}



.news_list_button:hover {
  background: #c5d9f2;
  color: var(--color-primary-muted);

}



/* footer */
.footer {
  margin-top: 4rem;
  flex-shrink: 0;
}

@media (max-width: 575px) {
  .footer {
    margin-top: 3rem;
  }
}

.footer__menu-wrapper {
  background: #E9EEF7;
}

.footer__menu {
  padding-left: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0rem;
  padding: 1rem 0;
  flex-wrap: wrap;
}

.footer-menu__link {

  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;

  /* var(--color-primary) */

  color: var(--color-primary);
  text-decoration: none;
  list-style-type: none;
}

.footer-menu__link:hover {
  color: var(--color-accent);
}

.footer-menu__item {
  display: inline;
  margin-right: 2rem;
}



.footer-content__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;

  margin-right: 2rem;
  color: #92969E;
}



.footer__content {
  padding: 5rem 0;
}

.footer__bottom {
  background: #374054;
  color: #fff;
  padding: 2rem 0;
}

.footer__copyright {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;

  color: #FFFFFF;
}

.footer__policy {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;

  color: #FFFFFF;

}

.footer__created {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;

  color: #FFFFFF;
  text-decoration: none;
  text-align: right;
  display: block;
}




.footer__policy:hover {
  opacity: 0.6;

  color: #FFFFFF;

}

.footer__created:hover {
  opacity: 0.6;

  color: #FFFFFF;
}

/* footer end */


/* karetads */





.karetads__grid {
  --ads-columns: 4;
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(var(--ads-columns), minmax(0, 1fr));
  margin: 0;
  gap: 2rem;
}

.karetads__grid.karetads__grid--6 {
  --ads-columns: 6;
}

.karetads__grid.karetads__grid--4 {
  --ads-columns: 4;
}

.karetads__grid.karetads__grid--3 {
  --ads-columns: 3;
}

.karetads__grid.karetads__grid--2 {
  --ads-columns: 2;
}

.karetads__grid.karetads__grid--1 {
  --ads-columns: 1;
}

.karetads__grid:not(.karetads__row) {
  align-items: stretch;
}

.karetads__grid:not(.karetads__row) > .karetad {
  display: flex;
  flex-direction: column;
}

.karetads__grid:not(.karetads__row) > .karetad .karetad__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.karetads__grid:not(.karetads__row) > .karetad .karetad__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.karetads__grid > .karetad {
  width: 100%;
}

.karetad {
  background: #FFFFFF;
  border-radius: 6px;
  /* margin-bottom: 2.5rem; */
  overflow: hidden;
  position: relative;

}

.karetad.karetad--premium {
  background: #fdf5ef;
  border: 2px solid #ffbb8f;
}

.karetad--premium {
  border: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #fffaf3 0%, #ffffff 55%);
}

.karetad--premium .karetad__image__wrapper {
  padding-top: 0.7rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  border-bottom: 1px solid rgba(249, 115, 22, 0.12);
}

.karetad.karetad--premium.karetad--inactive,
.karetad--premium.karetad--inactive {
  background: #F5F5F5;
  border: none;
}

.karetad--premium.karetad--inactive .karetad__image__wrapper {
  padding: 0.5rem;
  border-bottom: none;
}

.karetad--premium.karetad--inactive .karetad__premium-badge {
  display: none;
}

.karetad__premium-badge {
  position: absolute;
  top: 1.1rem;
  left: 1.1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  background: rgb(229 86 56);
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.15);
  z-index: 3;
}

.karetad__premium-badge svg path {
  fill:#fff;
}

.karetad__premium-badge svg {
  flex-shrink: 0;
}

.karetads__grid.karetads__row .karetad .karetad__image__wrapper .karetad__premium-badge {
  left: auto;
  right: 1.1rem;
}

.karetads__row .karetad .karetad__image__wrapper .karetad__badge--inactive,
.karetads__grid.karetads__row .karetad .karetad__image__wrapper .karetad__badge--inactive {
  left: auto;
  right: 1.1rem;
}

.karetad__row-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.karetad__management-panel {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .karetad:hover {
    background: var(--color-primary-light);
  }

  .karetad:hover .karetad__content__title {
    color: var(--color-accent);
  }

  @supports selector(:has(*)) {
    .karetad:has(.karetad__management-panel:hover) {
      background: #FFFFFF;
    }

    .karetad:has(.karetad__management-panel:hover) .karetad__content__title {
      color: var(--color-primary);
    }
  }
}


.karetad__link {
  text-decoration: none;
}

.karetad__image__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 20rem;
  padding: 0.5rem;
}


.karetad__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: transform 0.3s ease;
  background-color: #dee1e8;
  background-image: linear-gradient(90deg, #dee1e8 0%, #eceff5 40%, #dee1e8 100%);
  background-size: 200% 100%;
  animation: adImageShimmer 1.6s linear infinite;
}

.karetad__image[data-loaded='true'] {
  background-color: transparent;
  background-image: none;
  animation: none;
}

.karetad__image--placeholder {
  background: #E4EBF5;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #92969E;
  font-size: 1.3rem;
  text-transform: uppercase;
}

.karetad__image-loader {
  position: absolute;
  inset: 0.5rem;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.karetad__image-loader.is-active {
  opacity: 1;
}

.karetad__image-loader span {
  width: 2.8rem;
  height: 2.8rem;
  border: 3px solid rgba(255, 255, 255, 0.45);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: adImageSpinner 0.8s linear infinite;
}

.karetad__image__wrapper.is-hovered .karetad__image {
  transform: scale(1.02);
}

.karetad__image--placeholder::after {
  content: 'Нет фото';
}

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

@keyframes adImageShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.karetad-hover-pagination {
  position: absolute;
  left: 50%;
  bottom: 1.8rem;
  transform: translateX(-50%);
  display: flex;
  gap: 0.6rem;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.karetad:hover .karetad-hover-pagination,
.karetad__image__wrapper.is-hovered .karetad-hover-pagination {
  opacity: 1;
  pointer-events: auto;
}

.karetad-hover-pagination__item {
  width: 1.6rem;
  height: 0.4rem;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.karetad-hover-pagination__item:hover,
.karetad-hover-pagination__item.is-active {
  background: var(--color-primary);
  transform: translateY(-0.1rem);
}

@media (max-width: 991px) {
  .karetad-hover-pagination {
    display: none;
  }
}


.karetad__content {
  padding: 1.5rem;
}

.karetad__content__title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.7rem;
  margin-bottom: 0.4rem;



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

.karetad__content__price {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.3rem;
  margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 1rem;

  color: #374054;
}

.karetad__content__price svg {
  width:1.6rem;
}

.karetad__content__city {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #92969E;
  margin-bottom: 0;
}

.karetad__content__date {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  /* identical to box height */


  /* Контентный */

  color: #92969E;
}

.karetad__content__meta-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #92969E;
}

.karetad__content__meta-line span {
  display: inline-flex;
  align-items: center;
}

.karetad__content__meta-line .karetad__content__category {
  font-weight: 600;
}

.karetads__grid.karetads__row .karetad__content__meta-line {
  gap: 1.6rem;
}

.karetads__grid.karetads__row .karetad__content__meta-line span {
  display: inline-flex;
}

.karetads__more-button {
  margin-top: 2rem;
}

.karetads__more-button__link {
  padding: 0.75rem 4.5rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  text-align: center;

  /* Основной черный */

  color: var(--color-primary-muted);
  background: var(--color-primary-light);
  border-radius: 6px;
  text-decoration: none;
}

.karetads__more-button__link:hover {
  opacity: 0.6;
  color: #374054;
}

/* karetads end */


.breadcrumbs__list {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
}

.breadcrumbs .row {
  margin-left: 0;
  margin-right: 0;
}

.breadcrumbs .row > * {
  padding-left: 0;
  padding-right: 0;
}

.breadcrumbs__item {
  display: inline;

}

.breadcrumbs__item+li:before {
  padding: 0 0.4rem;
  color: black;
  content: "\00B7";

}


.breadcrumbs__link {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  text-decoration: none;
  /* Контентный */

  color: #92969E;
}

.breadcrumbs__link:hover {
  color: var(--color-accent)
}

.breadcrumbs__link--active {
  cursor: default;
  pointer-events: none;

  color: #92969E;
}

/* swiper */


.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 50rem;
  width: 100%;
  border-radius: 6px;
}

.mySwiper {
  margin-top: 2rem;
  height: auto;
  box-sizing: border-box;
  padding: 1rem 0;
}

.mySwiper2 .swiper-slide {
  background: #7a7a7a;
}

.mySwiper .swiper-slide {
  background-size: cover;
  background-position: center;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  height: 7.5rem;
  /* margin-right: 0.5rem;
  margin-bottom: 0.5rem; */

}

.mySwiper .swiper-slide:hover {
  opacity: 0.6;
  cursor: pointer;

}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.mySwiper2 .swiper-slide {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide-thumb-active {
  border: 3px solid var(--color-primary);
}

.mySwiper .swiper-wrapper {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 0.5rem;
}

.swiper-pagination {
  background: rgba(0, 0, 0, 0.2);
  width: auto !important;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  position: absolute !important;
  bottom: 2% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #fff;
  font-size: 1.2rem;
}

.notifications-detail__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  color: #8F98AA;
  font-size: 1.4rem;
}

.swiper-pagination.is-hidden {
  display: none;
}

.notifications-detail__sender {
  color: #5b6e90;
  font-weight: 600;
}
.notifications-detail__sender.is-hidden {
  display: none;
}
.swiper-nav-button.is-hidden {
  display: none !important;
}


.img__back__wrapper {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  z-index: 1;
  /* filter: contrast(200%); */
  filter: blur(1rem);
}

.img__osn__wrapper {
  width: 100%;
  height: 100%;
  z-index: 9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.img__osn {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #dee1e8;
  background-image: linear-gradient(90deg, #dee1e8 0%, #eceff5 40%, #dee1e8 100%);
  background-size: 200% 100%;
  animation: adImageShimmer 1.6s linear infinite;
}

.img__osn[data-loaded='true'] {
  background-color: transparent;
  background-image: none;
  animation: none;
}

.img__back {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #dee1e8;
  background-image: linear-gradient(90deg, #dee1e8 0%, #eceff5 40%, #dee1e8 100%);
  background-size: 200% 100%;
  animation: adImageShimmer 1.6s linear infinite;
}

.img__back[data-loaded='true'] {
  background-color: transparent;
  background-image: none;
  animation: none;
}

.swiper-nav-button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5.6rem;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: background 0.2s ease;
  z-index: 5;
}

.swiper-nav-button svg {
  width: 2.8rem;
  height: 2.8rem;
}

.swiper-nav-button--next {
  right: 0;
}

.swiper-nav-button--prev {
  left: 0;
}

.swiper-nav-button:hover,
.swiper-nav-button:focus-visible {
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}

.swiper-nav-button:focus-visible svg {
  outline: 0.2rem solid #ffffff;
  outline-offset: 0.2rem;
}

.swiper-nav-button.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
  background: transparent;
}

@media (min-width: 992px) {

.fancybox-toolbar .fancybox-button--thumbs {
  display: none !important;
}

.fancybox-toolbar .fancybox-button--zoom,
.fancybox-toolbar .fancybox-button--slideShow,
.fancybox-toolbar .fancybox-button--fullScreen,
.fancybox-toolbar .fancybox-button--play,
.fancybox-toolbar .fancybox-button--pause {
  display: none !important;
}

.fancybox-thumbs__list a:before {
  border: 0.3rem solid var(--color-primary) !important;
  border-radius: 0.6rem !important;
}

.fancybox-thumbs__list a {
  border-radius: 0.6rem;
  transition: opacity 0.2s ease;
}

.fancybox-thumbs__list a:hover {
  opacity: 0.7;
}

.fancybox-show-thumbs .fancybox-stage {
  bottom: 11rem;
  right: 0;
  left: 0;
}

.fancybox-show-thumbs .fancybox-inner {
  padding-bottom: 11rem;
  left: 0 !important;
  right: 0 !important;
}

.fancybox-thumbs {
  background: transparent !important;
  top: auto !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  height: 11rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 2rem !important;
  box-sizing: border-box;
  position: relative;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.25s ease;
}

.fancybox-thumbs:not([data-kareta-thumbs-ready="true"]) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0s linear 0.15s;
}

.fancybox-thumbs--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.fancybox-caption {
  bottom: 11rem !important;
  top: auto !important;
}

.fancybox-caption__body {
  text-align: center;
}

.fancybox-thumbs__controls {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  justify-content: center;
  max-width: calc(6rem * 5 + 0.8rem * 4 + 8rem);
  margin: 0 auto;
}

.fancybox-thumbs__viewport {
  flex: 0 0 calc(6rem * 5 + 0.8rem * 4);
  width: calc(6rem * 5 + 0.8rem * 4);
  overflow: hidden;
}

.fancybox-thumbs__list {
  width: 100% !important;
  max-width: none;
  margin: 0 auto;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  padding: 0;
  list-style: none;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
}

.fancybox-thumbs__list--staging {
  visibility: hidden;
}

@media (max-width: 991.98px) {
  .fancybox-thumbs {
    display: none !important;
  }

  .fancybox-show-thumbs .fancybox-inner {
    padding-bottom: 0;
  }
}

.fancybox-thumbs__viewport .fancybox-thumbs__list {
  margin: 0;
  justify-content: flex-start;
}

.fancybox-thumbs__nav {
  width: 3rem;
  height: 6.5rem;
  min-width: 3rem;
  border-radius: 6px;
  border: none;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  color: #fff;
}

.fancybox-thumbs__nav:hover,
.fancybox-thumbs__nav:focus-visible {
  background: rgba(0, 0, 0, 0.55);
  border-color: rgba(255, 255, 255, 0.7);
  outline: none;
}

.fancybox-thumbs__nav--disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.fancybox-thumbs__nav-icon {
  width: 0.8rem;
  height: 0.8rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  display: block;
  margin: auto;
}

.fancybox-thumbs__nav--prev .fancybox-thumbs__nav-icon {
  transform: rotate(-135deg);
}

.fancybox-thumbs__nav--next .fancybox-thumbs__nav-icon {
  transform: rotate(45deg);
}

.fancybox-thumbs__list a {
  float: none;
  width: 6rem !important;
  height: 6rem !important;
  flex: 0 0 auto !important;
}

.fancybox-thumbs__list a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.fancybox-thumbs__list::-webkit-scrollbar {
  height: 0.6rem;
}

.fancybox-thumbs__list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 1rem;
}

.fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
}

.fancybox-infobar {
  top: auto !important;
  bottom: 11rem !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
}

.fancybox-infobar__body {
  display: inline-block;
}

.fancybox-slide--image .fancybox-content {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fancybox-slide--image .fancybox-image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Счётчик Fancybox в стиле swiper-pagination */
.fancybox-infobar {
  top: auto !important;
  bottom: 11rem !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: auto !important;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fancybox-infobar__body {
  display: inline-block;
}

}

/* Кастомные шевроны навигации Fancybox */
.fancybox-navigation .fancybox-button {
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 7rem;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none !important;
  border: none !important;
  border-radius: 6px;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0;
  right: env(safe-area-inset-right);
}

.fancybox-navigation .fancybox-button svg,
.fancybox-navigation .fancybox-button svg * {
  display: none !important;
}

.fancybox-navigation .fancybox-button::after {
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  display: block;
}

.fancybox-navigation .fancybox-button--arrow_left::after {
  transform: rotate(-135deg);
}

.fancybox-navigation .fancybox-button--arrow_right::after {
  transform: rotate(45deg);
}

.fancybox-navigation .fancybox-button:hover,
.fancybox-navigation .fancybox-button:focus-visible {
  background: rgba(0, 0, 0, 0.3) !important;
  outline: none;
}

.fancybox-navigation .fancybox-button[disabled] {
  opacity: 0.3 !important;
  cursor: default;
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .fancybox-navigation .fancybox-button {
    width: 4.2rem;
    height: 4.2rem;
    top: auto;
    bottom: 1.6rem;
    transform: none;
    background: transparent;
    border-radius: 6px;
    /* backdrop-filter: blur(3px); */
  }

  .fancybox-navigation .fancybox-button--arrow_left {
    left: 1.2rem;
  }

  .fancybox-navigation .fancybox-button--arrow_right {
    right: 1.2rem;
  }

  .fancybox-navigation .fancybox-button::after {
    width: 1.6rem;
    height: 1.6rem;
    border-width: 2px;
  }
}

/* swiper */


.karetads-param {
  background: #fff;
  border-radius: 6px;
  padding: 2.2rem;
  margin-left: 3rem;
  top: 2rem;
  margin-bottom: 2rem;
}

.karetads-param__price-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}

.karetads-param__price-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.karetads-param__price-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem;
  flex: 1;
  margin-bottom: 1rem;
}

.karetads-param__price-main .karetads-param__title {
  margin: 0;
}
.karetads-param__price-main .karetads-param__title,
.karetads-param__price-main .karetads-param__price-exchange {
  line-height: 1;
}

.karetads-param__price-note {
  margin-left: 0;
  font-size: 1.6rem;
  color: #6C757D;
  font-weight: 500;
}

.karetads-param__price-convert {
  display: block;
  margin-top: 0.2rem;
  margin-bottom: 1.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #8A8F99;
  text-decoration: none;
  cursor: default;
  line-height: 1.4;
}

.karetads-param__price-convert:hover,
.karetads-param__price-convert:focus {
  color: #8A8F99;
  text-decoration: none;
}

.karetads-param__price-exchange {
  color: var(--color-accent);
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.karetads-param__price-exchange svg {
  display: block;
}

.karetads-param-wrapper--mobile {
  display: none;
}

.karetads-param-wrapper--desktop {
  display: block;
}

/* .karetads-param-wrapper {
  top: 2rem;
  position: sticky;

} */

.karetads-param__button {
  margin-top: 1.1rem;
  width: 100%;
  background: var(--color-primary);
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  padding: 1.5rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  text-align: center;
  color: #FFFFFF;
  display: block;
}

.karetads-param__button:hover {
  opacity: 0.6;
  color: #FFFFFF;

}

.karetads-param__button.active {
  font-size: 2rem;

}

.karetads-param__button.active:hover {
  opacity: 1;
  color: #FFFFFF;

}

.karetads-param__phone-list {
  margin-top: 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.karetads-param__phone-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.4rem;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--color-primary);
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.karetads-param__phone-link:hover {
  opacity: 0.7;
}

.karetads-thumbs-grid {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  gap: 1rem;
}

.karetads-thumbs-grid__item {
  border: 2px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 7.2rem;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.karetads-thumbs-grid__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.karetads-thumbs-grid__item--active {
  border-color: var(--color-primary);
}

@media (min-width: 992px) {
  .karetads-thumbs-grid__item:not(.karetads-thumbs-grid__item--active):hover {
    opacity: 0.6;
  }
}

@media (max-width: 991.98px) {
  .karetads-thumbs-grid {
    grid-template-columns: repeat(auto-fill, minmax(6.8rem, 1fr));
    gap: 0.9rem;
  }

  .karetads-thumbs-grid__item {
    min-height: 6.8rem;
  }
}

@media (max-width: 575.98px) {
  .karetads-thumbs-grid {
    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
    gap: 0.6rem;
  }

  .karetads-thumbs-grid__item {
    min-height: 5rem;
  }
}

@media (max-width: 991.98px) {
  .swiper-nav-button:hover,
  .swiper-nav-button:focus-visible {
    background: transparent;
  }

  .swiper-nav-button:focus-visible svg {
    outline: none;
  }
}

.karetads-param__views {
  font-size: 1.4rem;
  font-weight: 600;
  color: #92969E;
  text-align: right;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.1rem;
  cursor: default;
}

.karetads-param__views-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  border-radius: 50%;
  background: transparent;
  border: none;
  color: #92969E;
  cursor: default;
}
.karetads-param__views-info svg {
  width: 1.2rem;
  height: 1.2rem;
}

.karetads-param__views-info svg {
  width: 1.2rem;
  height: 1.2rem;
}

.karetads-param__city {
  margin-top: 1.4rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #92969E;
  display: block;
}

.karetads-param-city__value {
  margin-left: 0.4rem;
  display: inline-block;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #374054;
}

.karetads-param__seller {
  border-radius: 6px;
  border: 1px solid #ECECEC;
  display: flex;
  padding: 1.5rem 0.9rem;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}

.karetads-param__seller:hover {
  background: var(--color-primary-light);
}

.karetads-param-seller-1__link {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  text-decoration: none;
  color: var(--color-primary);
}


.karetads-param-seller:hover .karetads-param-seller-1__link {
  color: var(--color-accent);
}


.karetads-param-seller-1__date {
  margin-top: 0.8rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  display: inline-block;
  /* Основной черный */

  color: #374054;
}

.karetads-param-seller-1-date__param {
  display: inline-block;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  margin-left: 0.2rem;
  /* Основной черный */

  color: #374054;
}


.karetads-param-seller-2__img-wrapper {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 22222px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.karetads-param-seller-2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.characteristic-block__wrapper {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 2.6rem 1.8rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.characteristic-block__title {
  margin-bottom: 1.4rem;
}

.characteristic-block__list {
  list-style: none;
  column-count: 2;
  column-gap: 6rem;
  padding-left: 0rem;
}

.characteristic-block__item {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
}

.characteristic-block__item::before {
  content: '';
  flex: 1;
  border-bottom: 1px dotted #D4D7DD;
  margin: 0 1.2rem;
  order: 1;
}

.characteristic-block-item__title,
.characteristic-block-item__value {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.characteristic-block-item__title {
  color: #92969E;
  order: 0;
  margin: 0;
}

.characteristic-block-item__value {
  color: #374054;
  order: 2;
  margin: 0;
}


.description-block__wrapper {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 2.6rem 1.8rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.description-block__title {
  margin-bottom: 1.4rem;
}

.description-block-desc {
  color: #374054;
  white-space: pre-line;
}

.similar-ads {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.similar-ads__header {
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.similar-ads__controls {
  display: flex;
  gap: 0.6rem;
}


.similar-ads-swiper {
  padding-bottom: 0.4rem;
}

.similar-ads-slider .swiper-wrapper {
  align-items: stretch;
}

.similar-ads-slider .swiper-slide {
  height: 100%;
  display: flex;
  align-items: stretch;
}

.similar-ads-slider .similar-ads-slide {
  position: relative;
}

.similar-ads-slider .karetad {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.similar-ads-slider__nav {
  position: relative;
  width: 3.4rem;
  height: 3.4rem;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  color: var(--color-primary);
  cursor: pointer;
  transition: color 0.2s ease;
  background: transparent;
  box-shadow: none;
}
.similar-ads-slider__nav svg path {
  stroke: currentColor;
}
.similar-ads-slider__nav:hover:not(.swiper-button-disabled) {
  color: var(--color-accent);
  background: transparent;
  box-shadow: none;
}
.similar-ads-slider__nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.similar-ads-slider__nav:focus-visible {
  outline: none;
}

.similar-ads-slider .similar-ads-slide .karetad__actions {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  z-index: 3;
}
.similar-ads-slider .similar-ads-slide .favoriteButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.92);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.similar-ads-slider .similar-ads-slide:hover .favoriteButton,
.similar-ads-slider .similar-ads-slide:focus-within .favoriteButton,
.similar-ads-slider .similar-ads-slide .favoriteButton--active {
  opacity: 1;
  visibility: visible;
}

.similar-ads-slider .similar-ads-slide .karetad__image__wrapper {
  padding: 0.5rem;
  width: 100%;
  height: 20rem;
}


.karetads-param-meta-block {
  margin-top: 2rem;
}

.karetads-param-meta-block .characteristic-block__list {
  column-count: 1;
  column-gap: 0;
}

.karetads-param-meta-block .characteristic-block__wrapper {
  background: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.karetads-param-meta-block .characteristic-block__item::before {
  margin: 0 1.2rem;
  border-bottom: 1px dotted #D4D7DD;
}


.my-lk__layout {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  flex-wrap: wrap;
}

.my-lk__wrapper {
  background: #fff;
  border-radius: 6px;
  padding: 0.8rem 1.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
  flex: 1 1 auto;
  min-height: 9.5rem;
}

.my-lk__info-card {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.my-lk__menu-toggle {
  display: none;
  align-items: center;
  gap: 0.8rem;
  border: 1px solid #d6dae2;
  border-radius: 6px;
  padding: 0.6rem 1.2rem;
  background: #fff;
  color: #374054;
  font-size: 1.4rem;
  font-weight: 600;
}

.my-lk__menu-toggle-icon {
  display: inline-flex;
  color: inherit;
}

.my-lk__menu-toggle-label {
  line-height: 1;
}

.my-lk__name-user {
  font-size: 2rem;
  font-weight: 700;
  color: #374054;
  margin-bottom:0;
}

.my_lk__date-user {
  font-size: 1.5rem;
  cursor: pointer;
  color: #374054;
}

.my-lk__menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
  min-width: 32rem;
}

.my-lk__menu-region {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.6rem;
  flex: 1 1 auto;
  position: relative;
}

.my-lk__menu-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  flex-wrap: wrap;
}

.my-lk__menu-link {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.my-lk__menu-link svg {
  width: 2.2rem;
  height: 2.2rem;
}

.my-lk__menu-link svg path {
  fill: currentColor;
}

.my-lk__menu-link:hover svg path {
  fill: currentColor;
}

.my-lk__menu-link:hover {
  color: var(--color-accent);
}

.my-lk__menu-item.current .my-lk__menu-link {
  color: #374054;
}

@media (min-width: 992px) {
  .my-lk__menu-toggle {
    display: none !important;
  }
}


.my-lk__image-wrapper {
  width: 9.5rem;
  height: 9.5rem;
  overflow: hidden;
  flex: 0 0 auto;
  margin-top: 0;
  border-radius: 999px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
}

.my-lk__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
  border: 1px solid #e5e5e5;
}
.add-to-favorites {
  background: none;
  border: none;
  padding: 0;
  opacity: 1;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 600;
  gap: 1rem;
  display: flex;
  align-items: center;
}

.title-section__favorites-wrapper .add-to-favorites {
  margin-left: 3rem;
}

.add-to-favorites.active {
  color: #e53861;
}

.add-to-favorites:hover {
  opacity: 0.5;
}

.title-section__favorites-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}



.my_settings_wrapper {
  border-radius: 6px;
  background: #FFF;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.my_settings__value {
  font-size: 2rem;
  font-weight: 700;
  color:#374054;
  margin:0;
}

.my_settings__delete-value {
  background: none;
    border: none;
    color: #CF6464;
    font-size: 1.5rem;
    font-weight: 700;
}

.my_settings__value__wrapper {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}

.my_settings__label {
  font-size: 1.5rem;
  font-weight: 700;
  color: #374054;
  display: block;
  margin-bottom: 1.5rem;
}

.my_settings__label-count {
  color: #92969e;
  font-weight: 600;
  font-size: 1.4rem;
  margin-left: 0.3rem;
}

.my_settings__label-second {
  color: #374054;
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.my_settings__input {
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  background: #F5F7FA;
  font-size: 1.5rem;
  padding: 1.2rem 0.8rem;
  width: 100%;
}

.my_settings__input-comment {
  font-size: 1.2rem;
  color: #BDBCBC;
  font-weight: 400;
  display: block;
  margin-top: 1rem;
}


.my_settings__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  outline: none;
  border: none;
  border-radius: 6px;
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  margin-top: 2rem;
  padding: 1.5rem 0;
  opacity: 1;

}

.my_settings__submit.messegers {
margin-top:0;

}



.my_settings__sub-groups-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.my_settings__submit:hover {
  opacity: 0.7;
}

.profile-email-manager,
.profile-password-manager,
.profile-name-manager,
.profile-avatar-manager {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.profile-email-manager [x-cloak],
.profile-password-manager [x-cloak],
.profile-name-manager [x-cloak],
.profile-avatar-manager [x-cloak] {
  display: none !important;
}

.profile-email-card,
.profile-email-form,
.profile-password-card,
.profile-password-form,
.profile-name-card,
.profile-name-form,
.profile-avatar-card,
.profile-avatar-form {
  border-radius: 8px;
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 1.2rem;
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  align-items: center;
}

.profile-email-card {
  border-style: solid;
}

.profile-email-card--pending {
  border-style: dashed;
  border-color: #ffd6a5;
  background: #fff9f2;
}

.profile-email-card__info,
.profile-password-card__info,
.profile-name-card__info,
.profile-avatar-card__info {
  flex: 1;
  min-width: 0;
}

.profile-email-card__actions,
.profile-password-card__actions,
.profile-name-card__actions,
.profile-avatar-card__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}

.profile-email-card__label,
.profile-password-card__label,
.profile-name-card__label,
.profile-avatar-card__label {
  font-size: 1.2rem;
  color: #7a8297;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.profile-email-card__value,
.profile-password-card__value,
.profile-name-card__value {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  color: #1f2747;
  margin-top: 0.4rem;
  word-break: break-word;
}

.profile-email-card__status {
  font-size: 1.2rem;
  color: #6b7280;
  font-weight: 600;
  margin-top: 0.2rem;
}

.profile-email-card__status--success {
  color: #7c8499;
}

.profile-email-card__status--warning,
.profile-email-card__status--pending {
  color: #d9822b;
}

.profile-password-card__hint {
  margin-top: 0.4rem;
  color: #9aa0b5;
  font-size: 1.3rem;
  line-height: 1.4;
}

.profile-password-card__hint--info {
  margin-bottom: 0.4rem;
}

.profile-name-card,
.profile-avatar-card {
  padding: 1.6rem;
  flex-wrap: wrap;
}

.profile-name-card__hint {
  margin-top: 0.6rem;
  color: #d9822b;
  font-size: 1.3rem;
  line-height: 1.5;
}

.profile-name-card__cooldown {
  margin-top: 0.8rem;
  font-size: 1.3rem;
  color: #9aa0b5;
}

.profile-avatar-card {
  gap: 1.6rem;
}

.profile-avatar-card__preview {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.profile-avatar-card__preview img,
.profile-avatar-form__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-avatar-card__hint,
.profile-avatar-card__meta {
  font-size: 1.3rem;
  color: #7a8297;
  margin-top: 0.4rem;
}

.profile-avatar-card__meta {
  font-size: 1.2rem;
}

.profile-avatar-form__row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  align-items: center;
}

.profile-avatar-form__controls {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
  min-width: 18rem;
}

.profile-avatar-form__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
}

.profile-avatar-upload {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: 6px;
  border: none;
  padding: 0 1.4rem;
  height: 3.6rem;
  cursor: pointer;
  color: #fff;
  background: var(--color-primary);
  font-weight: 600;
  font-size: 1.3rem;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.profile-avatar-upload:hover {
  opacity: 0.9;
}

.profile-avatar-upload__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.profile-avatar-upload__reset {
  border: none;
  background: transparent;
  color: #df4457;
  font-size: 1.3rem;
  cursor: pointer;
  padding: 0;
}

.profile-avatar-form__file {
  font-size: 1.3rem;
  color: #1f2747;
  margin: 0;
}

.profile-avatar-form__hint {
  margin: 0;
  font-size: 1.2rem;
}

.profile-avatar-form__preview {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
}

.profile-email-card__action,
.profile-email-card__resend-button,
.profile-email-card__delete-button,
.profile-password-card__action,
.profile-name-card__action,
.profile-avatar-card__action {
  border: none;
  background: transparent;
  color: var(--color-primary);
  font-size: 1.4rem;
  font-weight: 400;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
}

.profile-email-card__action:hover,
.profile-email-card__action:focus-visible,
.profile-email-card__resend-button:hover,
.profile-email-card__resend-button:focus-visible,
.profile-password-card__action:hover,
.profile-password-card__action:focus-visible,
.profile-name-card__action:hover,
.profile-name-card__action:focus-visible,
.profile-avatar-card__action:hover,
.profile-avatar-card__action:focus-visible {
  color: #2f66c6;
  outline: none;
}

.profile-name-card__action.is-disabled {
  color: #9aa0b5;
  cursor: not-allowed;
}

.profile-name-card__action.is-disabled:hover,
.profile-name-card__action.is-disabled:focus-visible {
  color: #9aa0b5;
}

.profile-email-card__resend-form,
.profile-email-card__delete-form {
  display: inline-flex;
}

.profile-email-card__resend-form--inline {
  margin-top: 0.4rem;
}

.profile-email-card__resend-button.is-disabled {
  color: #9aa0b5;
  cursor: not-allowed;
}

.profile-email-card__delete-button {
  color: #df4457;
}

.profile-email-card__delete-button:hover,
.profile-email-card__delete-button:focus-visible {
  color: #c23345;
}

.profile-email-form,
.profile-name-form,
.profile-avatar-form {
  flex-direction: column;
  align-items: stretch;
  border-style: dashed;
  border-color: #d9deed;
  background: #f8f9ff;
  gap: 0.8rem;
}

.profile-password-strength {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.3rem;
  color: #9aa0b5;
}

.profile-password-strength__dot {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background: #cfd3e3;
}

.profile-password-strength.is-weak {
  color: #d82a52;
}

.profile-password-strength.is-weak .profile-password-strength__dot {
  background: #d82a52;
}

.profile-password-strength.is-medium {
  color: #e3a03b;
}

.profile-password-strength.is-medium .profile-password-strength__dot {
  background: #e3a03b;
}

.profile-password-strength.is-strong {
  color: #2a9c6c;
}

.profile-password-strength.is-strong .profile-password-strength__dot {
  background: #2a9c6c;
}

.profile-email-form__label {
  font-size: 1.3rem;
  color: #374054;
}

.profile-email-form__input {
  border-radius: 6px;
  border: 1px solid #e7e7e7;
  background: #fff;
  font-size: 1.5rem;
  padding: 1.2rem 0.8rem;
  width: 100%;
}

.profile-email-form__error {
  color: #d82a52;
  font-size: 1.3rem;
}

.profile-email-form__hint {
  font-size: 1.2rem;
  color: #7a8297;
  margin: 0;
}


.field-file__label {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  flex-wrap: wrap;
  /* vertical-align: middle; */
  flex-direction: column;
  cursor: pointer;
}

.field-file__label:hover .field-file__label--text {
  color: var(--color-accent);
}




.field-file__input {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 100%;
}

.field-file__label--text {
  margin-top: 1rem;
  color: var(--color-primary);
  font-size: 1.5rem;
}



/* single journal */

.single-journal__wrapper {
  padding: 1.6rem;
  background: #fff;
  border-radius: 6px;
  font-size: 1.65rem;
  color: #374054;
  line-height: 1.3;
}

.single-journal__title {
  max-width: 80rem;
}

.single-journal__wrapper p strong {
  font-weight: 700;
}


.single-journal__wrapper p {
  margin-bottom: 2rem;
}


.single-journal__wrapper figure.wp-block-image {
  margin: 3rem 0;
}

.post-archive {
  min-height: 70vh;
}

.back-arrow-post {
  position: fixed;
  opacity: 1;
  transform: translateX(-10rem);
  cursor: pointer;
  filter: drop-shadow(0.1rem 0.3rem 1.02rem rgba(0, 0, 0, 0.04));
}

.back-arrow-post:hover {
  opacity: 0.7;
}


.single-journal__date {
  font-size: 1.3rem;
  color: #92969E;
  margin-bottom: 3rem;
  display: block;
}

.single-journal__meta-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 1.2rem;
  margin-bottom: 3rem;
}

.single-journal__meta-row .single-journal__date {
  margin-bottom: 0;
}

.single-journal__sidebar {
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .single-journal__sidebar {
    margin-top: 0;
  }

  .single-journal__sidebar .title-2 {
    font-weight: 400;
    font-size: 2rem;
  }
}



/* pagination */
.pagination {
  width: 100%;
}

.post-archive .pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}

.post-archive .pagination nav {
  width: 100%;
}

.post-archive .pagination nav .pagination {
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}

.navigation .nav-links {
  display: flex;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.navigation .page-numbers {
  background: var(--color-primary-light);
  border-radius: 6px;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  color: #374054;
  font-weight: 700;
}

.navigation .page-numbers:hover {
  opacity: 0.6;
}

.navigation .page-numbers.current {
  background: var(--color-primary);
  color: #fff;
}

.navigation .next.page-numbers {
  background: var(--color-primary-light);
  border-radius: 6px;
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}


/* login page */

#login-register-password {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 1.6rem;
  box-sizing: border-box;
  gap: 2rem;
}

#login-register-password.auth-layout--overflow {
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 600px) {
  #login-register-password {
    padding: 2.5rem 1.2rem;
  }
}

.login-panel__login-form-wrapper {
  background: #fff;
  padding: 3rem;
  border-radius: 6px;
  width: 37rem;
  max-width: 100%;
  margin: 0 auto;
}

.login-username {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.login-username label {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
}

.login-username input {
  background: #F5F7FA;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  padding: 1.2rem 0.8rem;
  font-size: 1.5rem;
}

.login-password {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.login-password label {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.7rem;
  color: #374054;
}

.login-password input {
  background: #F5F7FA;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  padding: 1.2rem 0.8rem;
  font-size: 1.5rem;
  color: #374054;
}

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

.login-remember label {
  font-size: 1.5rem;
  color: #374054;
}

.login-panel__notice {
  margin-top: 0.6rem;
  padding: 0.8rem 1rem;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #5f6473;
  background: #fff9f2;
  border-radius: 6px;
  border: 1px solid #ff8d00;
  border-style: dashed;
  border-color: #ffd6a5;
}

.login-panel__text {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #374054;
  margin-bottom: 1.4rem;
}

.login-panel__text strong {
  color: #1f2747;
}

.login-panel__text--center {
  text-align: center;
}

.login-panel__text--muted {
  color: #5f6473;
  font-size: 1.3rem;
}

input[type=submit].login-submit {
  background: var(--color-primary);
  outline: none;
  padding: 1.5rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 6px;
  border: 0px;
  width: 100%;
  margin-bottom: 1rem;
}

#login-register-password .login-submit {
  margin-top: 3rem;
}

input[type=submit].login-submit.is-disabled {
  background: #eef0f5;
  color: #8991ab;
  cursor: not-allowed;
}

input[type=submit].login-submit:hover {
  opacity: 0.7;
}

.login-panel__registration-button {
  display: block;
  text-align: center;
  background: var(--color-primary-light);
  outline: none;
  padding: 1.5rem;
  color: var(--color-primary-muted);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 6px;
  border: 0px;
  width: 100%;
}

.login-logo {
  display: flex;
  justify-content: center;
}

.login-logo__link {

  width: 18rem;
}
/* new login */
.login__title {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2rem;
}

.forgot-pass-wrapper__link {
  font-size: 1.3rem;
}

.login-panel__line-link {
  font-size: 1.5rem;
  color: var(--color-primary);
  font-weight: inherit;
  font-family: inherit;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.login-panel__line-link:focus {
  outline: none;
}

.login-panel__line-link:hover {
  color: var(--color-accent);
}



.active_login .tabs-login__title {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #374054;
}

.tabs-login__tab.active_login:hover .tabs-login__title {
  color: #374054;
}

.tabs-login__tab:hover {
  border-bottom: 2px solid var(--color-accent);
}

.tabs-login__tab.active_login:hover {
  border-bottom: 2px solid var(--color-primary);
}
.profile-page-layout,
.catalog-page-layout,
.author-page-layout {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.profile-page-layout__body,
.catalog-page-layout__body,
.author-page-layout__body {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 4rem;
}

.profile-content {
  flex: 1 0 auto;
  min-height: auto;
}

.profile-content--auto {
  min-height: auto;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .profile-page-layout__body,
  .catalog-page-layout__body,
  .author-page-layout__body {
    padding-bottom: 2.4rem;
  }


}

@media (max-width: 991px) {
  .profile-tabs-row {
    display: none !important;
  }
}

.profile-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 2rem;
}

@media (max-width: 575px) {

  .profile-tabs-row {
    display: none !important;
  }
}

.profile-tabs-row {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.profile-tabs-row .profile-tabs {
  flex: 1 1 auto;
  margin-bottom: 0;
}

.profile-tabs-row .profile-favorites__view-toggle {
  margin-left: auto;
}

.profile-tabs__tab {
  border: none;
  border-radius: 6px;
  padding: 0.8rem 1.8rem;
  font-size: 1.5rem;
  line-height: 1;
  background-color: var(--color-primary-light);
  color: var(--color-primary-muted);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 600;
}

.profile-tabs__tab.active,
.profile-tabs__tab:hover {
  background-color: #5277a5;
  color: #ffffff;
}

.profile-tabs__tab:not(.active):hover {
  background-color: #D2E7FF;
  color: var(--color-primary-muted);
}

.karetads__preloader {
  display: none;
  justify-content: center;
  margin-top: 2rem;
}

.author-ads--fade-in {
  animation: authorFadeIn 0.5s ease;
}

@keyframes authorFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.none-info {
  width: 100%;
}

.none-info__wrapper {
  background: #fff;
  padding: 2rem 1.5rem;
  font-size: 1.5rem;
  color: #92969E;
  border-radius: 6px;
  width: 100%;
  margin: 0;
}

.karetads__grid .none-info__wrapper {
  grid-column: 1 / -1;
  text-align: center;
}

.none-info__text {
  margin-bottom: 0;
}

.profile-content__count {
  color: #92969E;
  font-weight: 600;
}


.profile-content__heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.profile-content__heading-actions {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin-left: auto;
}

@media (max-width: 991px) {
  .author-page-layout .profile-content__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .author-page-layout .profile-content__heading-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    gap: 0.8rem;
  }

  .author-page-layout .profile-content__heading-actions .profile-tabs__select,
  .author-page-layout .profile-content__heading-actions .profile-tabs__select + .select2-container {
    width: auto;
    min-width: 16rem;
  }

  .author-page-layout .profile-tabs__select,
  .profile-content__heading--my-ads .profile-tabs__select,
  .profile-content__heading--favorites .profile-tabs__select,
  .author-page-layout .profile-tabs__select + .select2-container .select2-selection--single,
  .profile-content__heading--my-ads .profile-tabs__select + .select2-container .select2-selection--single,
  .profile-content__heading--favorites .profile-tabs__select + .select2-container .select2-selection--single {
    background: var(--color-primary-light) !important;
    color: var(--color-primary-muted) !important;
    border-color: transparent !important;
    transition: none;
  }

  .author-page-layout .profile-tabs__select:hover,
  .author-page-layout .profile-tabs__select:focus,
  .profile-content__heading--my-ads .profile-tabs__select:hover,
  .profile-content__heading--my-ads .profile-tabs__select:focus,
  .profile-content__heading--favorites .profile-tabs__select:hover,
  .profile-content__heading--favorites .profile-tabs__select:focus {
    background: var(--color-primary-light) !important;
    color: var(--color-primary-muted) !important;
    border-color: transparent !important;
  }

  .author-page-layout .profile-tabs__select + .select2-container .select2-selection--single .select2-selection__rendered,
  .profile-content__heading--my-ads .profile-tabs__select + .select2-container .select2-selection--single .select2-selection__rendered,
  .profile-content__heading--favorites .profile-tabs__select + .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--color-primary-muted) !important;
  }

  .author-page-layout .profile-tabs__select--filtered,
  .profile-content__heading--my-ads .profile-tabs__select--filtered,
  .profile-content__heading--favorites .profile-tabs__select--filtered,
  .author-page-layout .profile-tabs__select--filtered + .select2-container .select2-selection--single,
  .profile-content__heading--my-ads .profile-tabs__select--filtered + .select2-container .select2-selection--single,
  .profile-content__heading--favorites .profile-tabs__select--filtered + .select2-container .select2-selection--single {
    background: #5277a5 !important;
    color: #ffffff !important;
    transition: none;
  }

  .author-page-layout .profile-tabs__select--filtered:hover,
  .author-page-layout .profile-tabs__select--filtered:focus,
  .profile-content__heading--my-ads .profile-tabs__select--filtered:hover,
  .profile-content__heading--my-ads .profile-tabs__select--filtered:focus,
  .profile-content__heading--favorites .profile-tabs__select--filtered:hover,
  .profile-content__heading--favorites .profile-tabs__select--filtered:focus {
    background: #5277a5 !important;
    color: #ffffff !important;
    border-color: transparent !important;
  }

  .author-page-layout .profile-tabs__select--filtered + .select2-container .select2-selection--single .select2-selection__rendered,
  .profile-content__heading--my-ads .profile-tabs__select--filtered + .select2-container .select2-selection--single .select2-selection__rendered,
  .profile-content__heading--favorites .profile-tabs__select--filtered + .select2-container .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
  }
}

.profile-content__heading--my-ads {
  gap: 1.2rem;
}

.profile-content__heading-left {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.profile-content__heading-left .profile-place-button {
  white-space: nowrap;
}

.profile-content__heading-right {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto;
}

.header-wallet-pill,
.profile-balance-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.4rem 1.4rem;
  border-radius: 6px;
  background-color: var(--color-primary-light);
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--color-primary-muted);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.header-wallet-pill:hover,
.profile-balance-pill:hover {
  background-color: #e6edff;
  border-color: #c2d4ff;
  color: #1f2430;
}

.header-wallet-pill__label,
.profile-balance-pill__label {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color:var(--color-primary-muted);
  font-weight: 600;
}

.header-wallet-pill__value,
.profile-balance-pill__value {
  font-weight: 600;
  color: #11162c;
}

.profile-balance__subtitle {
  margin: 0.6rem 0 0;
  font-size: 1.5rem;
  color: #6c7485;
}

.profile-alert {
  border-radius: 6px;
  padding: 1.6rem 2rem;
  background-color: #f7f9ff;
  color: #2b3854;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 2rem 0;
}

.profile-alert--info {
  border-color: #b9d4ff;
  background-color: #f0f6ff;
  color: #1f3a66;
}

.profile-balance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  gap: 2rem;
  margin-top: 2.4rem;
}

.profile-balance-grid__card {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  min-height: 100%;
}

.profile-balance-grid__card h3 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  color: #1f2430;
}

.profile-balance-grid__card p {
  margin: 0;
  font-size: 1.4rem;
  color: #5c657a;
  line-height: 1.5;
}

.profile-balance-grid__card--muted {
  background-color: #f8faff;
  border: 1px dashed #cfdaf4;
}

.profile-balance-form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.profile-balance-form__label {
  font-size: 1.4rem;
  color: #475065;
  font-weight: 600;
}

.profile-balance-form__error {
  font-size: 1.3rem;
  color: var(--color-accent);
}

.profile-balance-form__hint {
  font-size: 1.3rem;
  color: #6c7485;
}

.profile-balance-card__section {
  border-top: 1px solid #eef1f7;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.profile-balance-card__section h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #1f2430;
}

.profile-balance-methods {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.profile-balance-methods__item {
  border: 1px dashed #d0daf1;
  border-radius: 6px;
  padding: 1.2rem 1.4rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 1.4rem;
  color: #4a5368;
}

.profile-balance-methods__item strong {
  color: #1f2430;
  font-size: 1.5rem;
}

.profile-balance-grid__note {
  font-size: 1.3rem;
  color: #6c7485;
  margin-top: 1rem;
}

.profile-balance-history {
  margin-top: 3rem;
  background: #ffffff;
  border-radius: 6px;
  border: none;
  box-shadow: none;
  padding: 2.4rem;
}

.profile-balance-history h3 {
  margin-top: 0;
  margin-bottom: 1.6rem;
}

.profile-balance-history__table {
  overflow-x: auto;
}

.profile-balance-history__table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 640px;
}

.profile-balance-history__table th {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7d879c;
  padding: 0 1.4rem 0.8rem;
  border-bottom: 1px solid #e5eaf5;
  text-align: left;
}

.profile-balance-history__table td {
  font-size: 1.4rem;
  color: #1f2430;
  padding: 1.2rem 1.4rem;
  border-bottom: 1px solid #eef1f7;
}

.profile-balance-history__table tr:last-child td {
  border-bottom: none;
}

.profile-balance-history__empty {
  text-align: center;
  padding: 2rem;
  color: #7d879c;
}

.profile-promo-card__form {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.profile-promo-card__label {
  font-weight: 600;
  color: #1f2430;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 0.2rem;
}

.profile-promo-card__controls {
  display: flex;
  gap: 1rem;
  align-items: stretch;
}

.profile-promo-card__input {
  flex: 1 1 auto;
  text-transform: uppercase;
}

.profile-promo-card__button {
  flex: 0 0 auto;
}

.profile-promo-card__hint {
  margin: 0;
  font-size: 1.3rem;
  color: #6c7485;
}

.profile-promo-card__error {
  color: var(--color-accent);
  font-size: 1.3rem;
}

@media (max-width: 575px) {
  .profile-promo-card__controls {
    flex-direction: column;
  }

  .profile-promo-card__button {
    width: 100%;
    justify-content: center;
  }

  .profile-balance-form__controls {
    flex-direction: column;
  }
}

.text-success {
  color: #13a06d !important;
}

.text-danger {
  color: var(--color-accent) !important;
}

@media (max-width: 991px) {
  .header-wallet-pill,
  .profile-balance-pill {
    font-size: 1.3rem;
  }

  .profile-balance-grid {
    grid-template-columns: 1fr;
  }
}

.profile-my-ads__filters,
.profile-favorites__filters {
  gap: 0.8rem;
  flex-wrap: nowrap;
}

.profile-place-button--mobile {
  display: none;
}
.profile-place-button--desktop {
  display: inline-flex;
}



.profile-favorites__filters .profile-tabs__select,
.profile-favorites__filters .profile-tabs__select + .select2-container {
  min-width: 16rem;
}

.profile-favorites__view-toggle {
  margin-top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  margin-left: 1rem;
  flex: 0 0 auto;
}

.profile-favorites__view-toggle--under-tabs {
  margin-left: 0;
  justify-content: flex-start;
}

.profile-content__heading .title {
  margin-bottom: 0;
}

.profile-tabs__select {
  display: none;
  min-width: 16rem;
  padding: 0.8rem 1.2rem;
  border-radius: 8px;
  border: 1px solid #D7DFEF;
  background: #FFFFFF;
  color: #374054;
  font-size: 1.4rem;
  line-height: 1.4;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.profile-tabs__select + .select2-container {
  display: none;
}

.profile-tabs__select + .select2-container .select2-selection--single {
  min-height: 4rem;
  border-radius: 6px;
  background: var(--color-primary-light) !important;
  color: var(--color-primary-muted) !important;
  display: flex;
  align-items: center;
  padding: 0.8rem 1.7rem 0.8rem 0.2rem;
  border:none !important;
  font-size: 1.3rem !important;
  font-weight: 600;
  line-height: 1.4;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.profile-tabs__select + .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 1.3rem !important;
  width:11rem;
  color: var(--color-primary-muted) !important;
}

.profile-tabs__select + .select2-container .select2-selection__rendered {
  padding-left: 0;

}

.profile-tabs__select + .select2-container .select2-selection__arrow {
  height: 100%;
  right: 1.2rem;
}

.profile-tabs__select + .select2-container .select2-selection__arrow b {
  border-color: #374054 transparent transparent transparent;
  border-width: 0.6rem 0.5rem 0 0.5rem;
  margin-left: -0.4rem;
}

.profile-tabs__select:focus {
  border-color: var(--color-primary);
  box-shadow: none;
  outline: none;
}

.profile-tabs__select--filtered {
  background: #5277A5;
  border-color: #5277A5;
  color: #ffffff;
}

.profile-tabs__select--filtered + .select2-container .select2-selection--single {
  background: #5277A5 !important;
  border-color: #5277A5 !important;
  color: #ffffff !important;
}

.profile-tabs__select--filtered + .select2-container .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
}

.profile-tabs__select--filtered + .select2-container .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
}

.profile-tabs__select + .select2-container.select2-container--focus .select2-selection--single,
.profile-tabs__select + .select2-container .select2-selection--single:focus,
.profile-tabs__select + .select2-container .select2-selection--single:focus-visible {
  border-color: var(--color-primary);
  box-shadow: none;
  outline: none;
}

@media (max-width: 991px) {
  .profile-content .profile-tabs {
    display: none;
  }

  .profile-tabs__select {
    display: inline-block;
  }

  .profile-tabs__select + .select2-container {
    display: inline-block;
  }

  .profile-content__heading--my-ads,
  .profile-content__heading--favorites {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap:1rem;
  }

  .profile-content__heading-right {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .profile-content__heading-right .profile-tabs__select,
  .profile-content__heading-right .profile-tabs__select + .select2-container {
    margin-left: 0;
    width: auto !important;
    min-width: 16rem;

  }


  .profile-favorites__view-toggle {
    width: auto;
    justify-content: flex-end;
    margin-left: 1rem;
  }

  .profile-favorites__view-toggle--under-tabs {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }

  .profile-content__heading-left .profile-place-button--desktop {
    display: none;
  }

  .profile-place-button--mobile {
    display: inline-flex;
    white-space: nowrap;
  }

  .profile-my-ads__filters,
  .profile-favorites__filters {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .profile-content__heading--my-ads,
  .profile-content__heading--favorites {
    flex-direction: column;
    align-items: flex-start;
  }

  .profile-content__heading-left,
  .profile-content__heading-right {
    width: 100%;
  }

  .profile-content__heading-right {
    margin-left: 0;
    justify-content: flex-start;
  }

  .profile-content__heading-right .profile-tabs__select,
  .profile-content__heading-right .profile-tabs__select + .select2-container {
    margin-left: 0;
  }

  .profile-favorites__view-toggle {
    width: auto;
    justify-content: flex-end;
    margin-left: 1rem;
  }

  .profile-favorites__view-toggle--under-tabs {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }

  .profile-my-ads__filters,
  .profile-favorites__filters {
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0.6rem;
  }

  .profile-my-ads__filters .profile-tabs__select,
  .profile-my-ads__filters .profile-tabs__select + .select2-container {
    width: auto !important;
    min-width: 16rem;
  }
}


.centered-text {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 50rem; /* Максимальная ширина контейнера */
  margin:2rem 0;
}

.line {
  flex-grow: 1;
  height: 0.1rem;
  background-color: #e2e2e2;
}

.centered-text-p {
  padding: 0 1rem;
  white-space: nowrap; /* Не переносить текст на новую строку */
  font-size: 1.5rem; /* Размер шрифта */
  color: #9e9e9e; /* Цвет текста */
}

.login-panel__line {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* fancybox горизонтальные thumbs */
/* 
.fancybox-inner {
  width:100%;
}

  display: block;
  background-color: #dee1e8;
  background-image: linear-gradient(90deg, #dee1e8 0%, #eceff5 40%, #dee1e8 100%);
  background-size: 200% 100%;
  animation: adImageShimmer 1.6s linear infinite;
   /* Стили для расположения миниатюр внизу по центру */
/* .fancybox-thumbs {
.brand__logo__img[data-loaded='true'] {
  background-color: transparent;
  background-image: none;
  animation: none;
}
    top: auto !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width:40rem !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.fancybox-thumbs__list {
  width:100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
} */


.alert {
  font-size: 1.4rem;
  margin-top: 1rem;
}

.alert-danger {

  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: none;

}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}

.karetads-param__author-edit {
  margin-left: 3rem;
  padding: 0 2rem;
}

.karetads-param__author-edit-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.help-page .title {
  margin-bottom: 1.5rem;
}

.help-section {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 2.4rem;
}

.help-section + .help-section {
  margin-top: 2rem;
}

.help-section .title-2 {
  font-weight: 700;
  font-size: 1.8rem;
  color: #374054;
}

.help-accordion {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.help-accordion__item {
  border-radius: 6px;
  background: #FFFFFF;
  overflow: hidden;
  border: 1px solid #E4EBF5;
}

.help-accordion__trigger {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
  background: transparent;
  border: none;
  padding: 1.6rem 1.8rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #374054;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease;
}

.help-accordion__trigger:hover,
.help-accordion__trigger:focus-visible {
  background: #F5F7FA;
  outline: none;
}

.help-accordion__item.is-open .help-accordion__trigger {
  background: #F5F7FA;
  color: var(--color-primary);
}

.help-accordion__icon {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  position: relative;
}

.help-accordion__icon::before,
.help-accordion__icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 0.2rem;
  background: var(--color-primary);
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease;
}

.help-accordion__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.help-accordion__trigger[aria-expanded="true"] .help-accordion__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.help-accordion__content {
  padding: 0 1.8rem;
  color: #374054;
  font-size: 1.5rem;
  line-height: 1.6;
  transition: max-height 0.25s ease;
  max-height: 0;
  overflow: hidden;
}

.help-accordion__item.is-open .help-accordion__content {
  padding-bottom: 1.8rem;
}

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

.help-info-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.help-info-list__item {
  background: #F5F7FA;
  border-radius: 6px;
  padding: 1.6rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #374054;
}

.help-info-list__item strong {
  color: #374054;
}

.help-info-list__item a {
  color: var(--color-primary);
  text-decoration: none;
}

.help-info-list__item a:hover {
  color: var(--color-accent);
}

.help-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: sticky;
  top: 2rem;
  margin-top: 0;
}

.help-card {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 2.4rem;
  box-shadow: 0 0.8rem 2rem rgba(55, 118, 229, 0.08);
}

.help-card .title-3 {
  font-size: 1.7rem;
  font-weight: 700;
  color: #374054;
}

.help-card .desc {
  margin-bottom: 0;
}

.contacts-page .title {
  margin-bottom: 1.5rem;
}

.contacts-section {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 2.4rem;
}

.contacts-section + .contacts-section {
  margin-top: 2rem;
}

.contacts-section .title-2 {
  font-weight: 700;
  font-size: 1.8rem;
  color: #374054;
}

.contacts-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.contacts-list__item {
  background: #F5F7FA;
  border-radius: 6px;
  padding: 1.6rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #374054;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.contacts-list__item strong {
  color: #374054;
}

.contacts-list__item a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}

.contacts-list__item a:hover {
  color: var(--color-accent);
}

.contacts-list__meta {
  font-size: 1.3rem;
  color: #92969E;
}

.contacts-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: sticky;
  top: 2rem;
  margin-top: 0;
}

.contacts-card {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 2.4rem;
  box-shadow: 0 0.8rem 2rem rgba(55, 118, 229, 0.08);
}

.contacts-card .title-3 {
  font-size: 1.7rem;
  font-weight: 700;
  color: #374054;
}

.contacts-card__actions {
  display: inline-flex;
  flex-direction: row;
  gap: 1.2rem;
  margin-top: 1.5rem;
}

.contacts-card__actions .default-button-target,
.contacts-card__actions .default-button {
  width: auto;
  min-width: unset;
  text-align: center;
  align-self: center;
  padding-left: 3rem;
  padding-right: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}

.about-cards-row {
  display: flex;
  flex-wrap: wrap;
}

.about-cards-row > [class*="col-"] {
  display: flex;
}

.about-equal-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.about-equal-card .default-button-target {
  width: auto;
  align-self: flex-start;
  margin-top: auto;
  padding-left: 3rem;
  padding-right: 3rem;
}

.about-equal-card .contacts-card__actions {
  margin-top: auto;
}

.contacts-social {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contacts-social__link {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}

.contacts-social__link:hover {
  color: var(--color-accent);
}

.default-button {
  border: 0;
    padding: 1.5rem 3rem;
    background: var(--color-primary-light);
    border-radius: 6px;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.7rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--color-primary-muted);
    width: 100%;
    opacity: 1;
    cursor: pointer;
}

.admin-button--primary {
  background: var(--color-primary);
  color: #ffffff;
}

.admin-button--primary:hover {
  color: #ffffff;
}

.admin-button--secondary {
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
}

.default-button:hover {
  opacity: 0.7;
}

.verification-banner__button {
  width: auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: #fff;
  border: none;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.7rem;
  padding: 0.65rem 2.65rem;
  border-radius: 6px;
  gap: 0.75rem;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.verification-banner__button:hover,
.verification-banner__button:focus-visible {
  background: #2f66c6;
  color: #fff;
  opacity: 1;
}

.verification-banner__button.is-disabled {
  background: #eef0f5;
  color: #9095a6;
  cursor: not-allowed;
}



.select-type-ad__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.select-type-ad__link.active {
  background: var(--color-primary);
  color: #fff;
}

.create-ad-form__group {
  background: #fff;
  border-radius: 6px;
  padding: 3.5rem;
}

.create-ad-form__group-title {
  color: #374054;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.create-ad-form__group-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.create-ad-form__group-title-row .create-ad-form__group-title {
  margin: 0;
}

.package-options__balance-link {
  text-decoration: none;
}

.default-form-group--checkbox {
  display: flex !important;
  align-items: center;
  gap: 1rem;
}

.default-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 1rem;
  font-size: 1.5rem;
  color: #374054;
  cursor: pointer;
}

.default-checkbox input[type="checkbox"] {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: 0.2rem;
  flex-shrink: 0;
}

.default-checkbox a {
  color: var(--color-primary);
  text-decoration: underline;
}

.contact-form__checkbox {
  margin-bottom: 1rem;
}

.contact-form__submit {
  margin-top: 1rem;
}

.default-label-for-checkbox {
  font-size: 1.5rem;
  color: #374054;
}

.default-label-for-input {
  color: var(--, #374054);
  /* font-family: Arial; */
  font-size: 1.5rem;
  /* font-style: normal; */
  font-weight: 700;
  margin-bottom: 0.7rem;
  /* display: flex;
    justify-content: space-between; */
  /* line-height: normal; */
  cursor: pointer;
  align-items: center;
}

.default-form-group__required-span {
  color: red;
  font-weight: 200;
  font-size: 1.9rem;
}

.default-form {
  width: 100%;
}

.default-form__fromTo {
  display: flex;
  gap: 1rem;
}

.default-input__fromTo {
  width: 50%;
}

.default-form__button-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  bottom: 0;
  border-radius: 6px;
  background: white;
  padding: 1rem;
}


.catalog-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.catalog-filter-actions {
  display: none;
  align-items: center;
  gap: 0.6rem;
  margin-right: auto;
}

.catalog-filter-toggle,
.catalog-filter-clear {
  display: none;
  align-items: center;
  gap: 0.6rem;
  border-radius: 6px;
  border: none;
  background: var(--color-primary-light);
    color: var(--color-primary-muted);
  font-weight: 600;
  font-size: 1.5rem;
  padding: 1rem 2rem;
  line-height: 1;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.catalog-filter-toggle svg,
.catalog-filter-clear svg {
  width: 1.6rem;
  height: 1.6rem;
}

.catalog-filter-toggle.is-active,
.catalog-filter-toggle.is-open {
  background: var(--color-primary);
  color: #FFFFFF;
  border-color: var(--color-primary);
}

.catalog-filter-clear {
  justify-content: center;
  background: var(--color-primary);
  color: #FFFFFF;
  border-color: var(--color-primary);
}

.catalog-filter-clear:hover:not(:disabled) {
  background: #2F66C4;
  border-color: #2F66C4;
}

.catalog-filter-clear:disabled {
  opacity: 0.4;
  cursor: default;
}

.archive-ads__filters-column {
  position: relative;
}

.archive-filters-root {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.catalog-filter-overlay {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

body.catalog-filters-locked {
  overflow: hidden;
}

.catalog-filter-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6, 13, 35, 0.65);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.catalog-filter-overlay__panel {
  position: relative;
  width: min(42rem, 100%);
  height: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  transform: translate3d(0, 1.4rem, 0);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  box-shadow: 0 24px 48px rgba(10, 18, 42, 0.22);
}

.catalog-filter-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.catalog-filter-overlay.is-open .catalog-filter-overlay__backdrop {
  opacity: 1;
}

.catalog-filter-overlay.is-open .catalog-filter-overlay__panel {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.catalog-filter-overlay__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #E7E7E7;
  font-weight: 700;
  font-size: 1.6rem;
  color: #1F2747;
}

.catalog-filter-overlay__close {
  border: none;
  background: transparent;
  padding: 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8F98AA;
  transition: color 0.2s ease;
}

.catalog-filter-overlay__close:hover {
  color: #374054;
}

.catalog-filter-overlay__body {
  flex: 1 1 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.catalog-filter-overlay__body .archive-filters-root {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

.catalog-filter-overlay__body .archive-filters {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 1.6rem;
}

.catalog-filter-overlay__body .default-form__button-group {
  position: sticky;
  bottom: 0;
  padding: 1.2rem 1.6rem 1.6rem;
  background: #FFFFFF;
  border-top: 1px solid #E7E7E7;
  gap: 0.8rem;
  flex-shrink: 0;
}

.catalog-filter-overlay__body .default-form__button-group button {
  width: 100%;
  font-size: 1.4rem;
  padding: 0.9rem 1.4rem;
  min-height: 4.2rem;
}

.notifications-noscript-alert {
  margin: 1rem 0;
  padding: 1rem 1.4rem;
  border-radius: 6px;
  background: #fff4d6;
  border: 1px solid #ffe1a3;
  color: #6b4c0b;
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: center;
}

.notifications-overlay {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

body.notifications-overlay-locked {
  overflow: hidden;
}

.notifications-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.notifications-overlay__panel {
  position: relative;
  width: min(48rem, 100%);
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 24px 48px rgba(10, 18, 42, 0.22);
  transform: translate3d(0, 1.6rem, 0);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (min-width: 992px) {
  .notifications-overlay__panel {
    height: calc(100% - 4rem);
    margin: 2rem 2rem 2rem auto;
    border-radius: 6px;
    overflow: hidden;
  }
}

.notifications-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.notifications-overlay.is-open .notifications-overlay__backdrop {
  opacity: 1;
}

.notifications-overlay.is-open .notifications-overlay__panel {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.notifications-overlay__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem;
  border-bottom: 1px solid #E7E7E7;
}

.notifications-overlay__title-block {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.6rem;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: wrap;
}

.notifications-overlay__title-text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1F2747;
}

.notifications-overlay__title-count {
  font-size: 1.4rem;
  font-weight: 600;
  color: #8F98AA;
}

.notifications-overlay__header-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 0 0 auto;
}

.notifications-overlay__close {
  border: none;
  background: transparent;
  padding: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8F98AA;
  transition: color 0.2s ease;
}

.notifications-overlay__close:hover {
  color: #374054;
}

.notifications-overlay__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.notifications-overlay__list {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #E7E7E7;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 40vh;
}

.notifications-overlay__items {
  flex: 1 1 auto;
  overflow-y: auto;
}

.notifications-overlay__items.is-loading {
  pointer-events: none;
  opacity: 0.6;
}

.notifications-overlay__item {
  padding: 1.2rem 1.6rem;
  border-bottom: 1px solid #F1F2F6;
  cursor: pointer;
  outline: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.notifications-overlay__item:last-child {
  border-bottom: none;
}

.notifications-overlay__item.is-unread {
  background: #F9FBFF;
}

.notifications-overlay__item.is-active {
  background: #EFF5FF;
  border-color: #D7E5FF;
}

.notifications-overlay__item:hover:not(.is-active) {
  background: #F3F7FF;
}

.notifications-overlay__item:focus-visible {
  box-shadow: inset 0 0 0 2px #2779E1;
}

.notifications-overlay__item-title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #1F2747;
  margin-bottom: 0.4rem;
}

.notifications-overlay__item-title-text {
  flex: 1 1 auto;
  min-width: 0;
}

.notifications-overlay__item-dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: var(--color-accent);
  box-shadow: 0 0 0 0.15rem #ffffff;
  flex: 0 0 auto;
  display: none;
}

.notifications-overlay__item.is-unread .notifications-overlay__item-title {
  font-weight: 700;
}

.notifications-overlay__item.is-unread .notifications-overlay__item-dot {
  display: inline-flex;
}

.notifications-overlay__item.is-read .notifications-overlay__item-dot {
  display: none;
}

.notifications-overlay__item-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.2rem;
  color: #8F98AA;
  flex-wrap: wrap;
}

.notifications-overlay__item-meta span {
  color: inherit;
  display: inline-flex;
  align-items: center;
}

.notifications-overlay__detail {
  flex: 1 1 auto;
  padding: 1.6rem;
  display: none;
  flex-direction: column;
  min-height: 0;
}

.notifications-overlay__detail-back {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: none;
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.85rem 1.4rem;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.notifications-overlay__detail-back:focus-visible {
  outline: 0.2rem solid rgba(100, 139, 207, 0.45);
  outline-offset: 0.2rem;
}
.notifications-overlay__detail-back:hover {
  background: #d6e4fb;
}
.notifications-overlay__detail-back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.notifications-overlay__detail-back-icon svg {
  width: 1.6rem;
  height: 1.6rem;
}

.notifications-overlay__detail-empty {
  margin: auto;
  text-align: center;
  color: #8F98AA;
}

.notifications-overlay__detail-content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  height: 100%;
}

.notifications-overlay__detail-content.is-hidden {
  display: none;
}

.notifications-overlay__detail-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.2rem;
}
.notifications-overlay__detail-header-main {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  flex: 1 1 auto;
  align-items: flex-start;
}
.notifications-overlay__detail-title-block {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.notifications-overlay__detail-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 0.4rem;
  color: #1F2747;
}

.notifications-overlay__detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  font-size: 1.2rem;
  color: #8F98AA;
}

.notifications-overlay__detail-body {
  flex: 1 1 auto;
  overflow-y: auto;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #374054;
}

.notifications-overlay--detail-view .notifications-overlay__list {
  display: none;
}

.notifications-overlay--detail-view .notifications-overlay__detail {
  display: flex;
  width: 100%;
}

.notifications-overlay__detail-mark {
  border: 1px solid #D5E3FF;
  background: #F4F8FF;
  color: #2779E1;
  font-size: 1.3rem;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  transition: background 0.2s ease;
}

.notifications-overlay__detail-mark:hover:not(:disabled) {
  background: #E6F0FF;
}

.notifications-overlay__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 3rem 1.6rem;
  font-size: 1.4rem;
  color: #1F2747;
  font-weight: 500;
}

.notifications-overlay__loader-spinner {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.35rem solid rgba(55, 118, 229, 0.22);
  border-top-color: var(--color-primary);
  animation: karetad-modal-spin 1s linear infinite;
}

.notifications-overlay__loader-text {
  white-space: nowrap;
}

.notifications-overlay__empty,
.notifications-overlay__error {
  padding: 1.6rem;
  font-size: 1.3rem;
  color: #8F98AA;
}

.notifications-overlay__error {
  color: #D64A4A;
}

.notifications-overlay__pagination {
  padding: 1.6rem;
  border-top: 1px solid #E7E7E7;
  display: flex;
  justify-content: flex-start;
}

.notifications-overlay__pagination .paginate-wrapper {
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.notifications-overlay__pagination.is-hidden {
  display: none;
}

@media (max-width: 991px) {
  .notifications-overlay__panel {
    width: 100%;
  }

  .notifications-overlay__detail {
    padding: 1.4rem;
  }

  .notifications-overlay__detail-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .notifications-overlay__detail-mark {
    width: 100%;
  }

  .notifications-overlay__header {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.8rem;
  }

  .notifications-overlay__header-actions {
    margin-left: auto;
    align-self: flex-start;
  }
}

@media (max-width: 991px) {
  .catalog-filter-actions {
    display: flex;
  }

  .catalog-filter-toggle {
    display: inline-flex;
  }

  .catalog-filter-clear.is-visible {
    display: inline-flex;
  }

  .catalog-controls {
    justify-content: flex-start;
    gap: 1.2rem;
  }

  .archive-ads__filters-column {
    display: none;
  }
}

@media (min-width: 992px) {
  .catalog-filter-overlay {
    display: none !important;
  }

  .catalog-filter-clear {
    display: none !important;
  }
}

.default-form-group__select-wrapper .select2-selection--single,
.default-select-input .select2-selection--single,
.default-select:not(.header-search-form-dropdown__select2) + span .select2-selection--single {
  height: 4rem !important;
  display: flex !important;
  align-items: center !important;
  font-size: 1.5rem !important;
  background-color: #F5F7FA !important;
  border: 1px solid #E7E7E7 !important;
}

/* Возвращаем фирменные стили селекта региона в шапке поверх фильтровых правил */
.header-search-form__dropdown .select2-container--default .select2-selection--single {
  height: 4rem !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E3E8F2 !important;
  border-radius: 0 6px 6px 0 !important;
  padding-right: 4.2rem !important;
}

.header-search-form__dropdown .select2-container--default .select2-selection__arrow {
  height: 4rem !important;
  right: 1.6rem !important;
}

.header-search-form__dropdown .select2-container--default .select2-selection__arrow b {
  display: none !important;
}

.header--compact .header-search-form__dropdown .select2-container--default .select2-selection--single {
  height: 3.6rem !important;
  font-size: 1.4rem !important;
  padding: 0 2.8rem 0 0rem !important;
}

.header--compact .header-search-form__dropdown .select2-container--default .select2-selection__arrow {
  height: 3.6rem !important;
}

.default-select {
  width: 100%;
  height: 4rem;
  display: block;
  font-size: 1.5rem;
  background-color: #F5F7FA;
  border: 1px solid #E7E7E7;
  padding: 0 4rem 0 0.8rem;
  line-height: 4rem;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23374054' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: right 1.2rem center;
  background-repeat: no-repeat;
  background-size: 1rem 0.6rem;
}

.select2-results__option {
  font-size: 1.4rem !important;
}


span.select2-selection--single[aria-disabled="true"],
span.select2-selection--single[aria-disabled="true"] span {
  color: #d0cdcd !important;
  background-color: #f4f4f4 !important;
}

span.select2-selection--single[aria-disabled="true"] .select2-selection__arrow b {
  border-color: #d0cdcd transparent transparent transparent !important;
}

.default-form-group__select-wrapper .select2-selection--single:hover,
.default-select-input .select2-selection--single:hover,
.default-select:not(.header-search-form-dropdown__select2) + span .select2-selection--single:hover {
  background-color: #eaedf2 !important;
}






.header-search-form__dropdown .select2-selection--single:focus,
.header-search-form__dropdown .select2-selection--single:focus-visible {
  outline: none !important;
}

.header-search-form__dropdown span.select2-selection--single:hover {
  background-color: #f7faff !important;
  border-color: #d6def1 !important;
}

.header-search-form__dropdown .select2-selection__rendered {
  color: #374054 !important;
}

.header-search-form__dropdown .select2-selection__arrow {
  height: 4.8rem !important;
  right: 1.4rem !important;
}

.header-search-form__dropdown .select2-selection__arrow b {
  border-color: transparent !important;
}


.select2-container--default .select2-results>.select2-results__options {
  max-height: 35rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  font-size: 1.5rem !important;
  border-radius: 3px !important;
  border: 1px solid #dadada !important;
}

.select2-dropdown {
  border-radius: 6px 6px 6px 6px !important;
  border: 1px solid #f4f4f4 !important;
  box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.04) !important;
  z-index: 1000001 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-primary) !important;
  color: white !important;
}


.default-select__group {
  font-size: 1.5rem;
  font-weight: 500;
}

.default-select__option {
  font-size: 1.4rem;
  padding-left: 0.5rem;
}

.default-input {
  background: #F5F7FA;
  border: 0px;
  height: 4rem;
  padding: 0 0.8rem;
  font-size: 1.6rem;
  color: #374054;
  /* width: 100%; */
  border-radius: 6px;
  border: 1px solid #E7E7E7;
}

.default-input:hover,
.header-search-form__field:hover {
  background: #f7faff;
}

textarea.default-input {
  background: #F5F7FA;
  border: 0px;
  height: auto;
  padding: 1.2rem 0.8rem;
  font-size: 1.6rem;
  color: #374054;
  /* width: 100%; */
  border-radius: 6px;
  border: 1px solid #E7E7E7;
}

.counter {
  font-size: 1.3rem;
  margin-top: 0.5rem;
}

label.error {
  font-size: 1.4rem;
  color: #ff7300;
  padding: 0.5rem 0;
}

.default-input::placeholder {

  color: #92969E;

}

.filepond--item {
  width: calc(25% - 0.5em);
}

.default-button-target {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  background: var(--color-primary);
  border: 0;
  padding: 1.5rem 1.5rem;
  color: #fff;
  font-size: 1.5rem;
  /* font-style: normal; */
  font-weight: 700;
  border-radius: 6px;
  opacity: 1;
}

.default-button-target:hover {
  opacity: 0.7;
  color: #fff;
}

.default-button-target--loading {
  pointer-events: none;
}

.default-button-target__label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.default-button-target__loader {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-top-color: #fff;
  border-radius: 50%;
  animation: defaultButtonLoader 0.8s linear infinite;
  display: none;
}

.default-button-target--loading .default-button-target__loader {
  display: inline-block;
}

.profile-balance-grid__card--promo .profile-promo-card__button {
  width: auto;
  min-width: 12rem;
  max-width: 18rem;
  padding: 1rem 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
}

.profile-balance-form__button {
  width: auto;
  min-width: 14rem;
  max-width: 18rem;
  padding: 1rem 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
}

@media (max-width: 575px) {
  .profile-balance-grid__card--promo .profile-promo-card__button {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .profile-balance-form__button {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

@keyframes defaultButtonLoader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.admin-form__delete {
  margin-top: 2rem;
}

.admin-form__delete .default-button {
  width: 100%;
  padding: 1.5rem 3rem;
}

.admin-button--danger {
  background: var(--color-accent);
  color: #ffffff;
}

.admin-button--danger:hover {
  color: #ffffff;
  opacity: 0.85;
}

.default-select {
  width: 100%;
}

.default-select-input {
  display: flex;
}

.default-select-input .default-input {
  border-radius: 0px 6px 6px 0px;
  border: 1px solid #E7E7E7;
  border-left: none;
  width: calc(100% - 7rem)
}

.default-select-input .select2-container {
  width: 16rem !important;
}

.archive-filters .select2-container{
  width: 100% !important;
}

.default-select-input .select2-container--default .select2-selection--single {
  border-radius: 4px 0px 0px 4px;
}

.archive-filters .default-form-group__select-wrapper,
.archive-filters .default-form__fromTo {
  width: 100%;
  max-width: none;
}

.archive-filters .default-select,
.archive-filters .default-input {
  width: 100% !important;
  box-sizing: border-box;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.6rem;
  position: absolute;
  top: 0.7rem !important;
  right: 0.1rem;
  width: 2rem;
}

.default-form-group__price-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;

}

.default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap .default-select {
  border-radius: 6px 0 0 6px;
}

.default-form-group__price-wrapper.default-form-group__price-wrapper--nowrap .default-input--price {
  border-radius: 6px 0 0 6px;
}

.default-form-group__price-currency {
  display: flex;
  align-items: center;
  border: 1px solid #E7E7E7;
  border-left: none;
  border-radius: 0px 6px 6px 0px;
  background: #F5F7FA;
  height: 4.05rem;
  padding: 0 1.2rem;
}

.default-form-group__price-currency .default-select {
  border: none;
  background: transparent;
  padding: 0;
  height: 100%;
  box-shadow: none;
  font-weight: 600;
}

.default-form-group__price-currency .default-select,
.default-form-group__price-currency select {
  max-width: 19rem;
}

.default-input--price {
  width: 100%;
}

.default-input--price-left {
  width: 100%;
  border-radius: 0px 6px 6px 0px;
}

.default-form-group__price-wrapper .default-input--price,
.default-form-group__price-wrapper .default-input--price-left {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
}

.default-form-group__price-index {
  font-size: 2.4rem;
  background: #F5F7FA;
  border: 1px solid #E7E7E7;
  width: 5.2rem;
  border-radius: 0px 6px 6px 0px;
  border-left: 0px;
  text-align: center;
  height: 4.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
}

.default-form-group__price-index-left {
  font-size: 2.4rem;
  background: #F5F7FA;
  border: 1px solid #E7E7E7;
  width: 5.2rem;
  border-radius: 6px 0px 0px 6px;
  border-left: 0px;
  text-align: center;
  height: 4.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
}


.default-form-group {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  /* border-top: 1px #E7E7E7 solid; */

}



.filepond--credits {
  display: none;
}

.filepond--drop-label {
  background: #fff;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  padding: 5rem 1rem;
  /* display: block !important;
    text-align: center; */
  cursor: pointer;
}

.filepond--drop-label:hover {
  background: #E4EFFD;
}

.filepond--drop-label label {
  cursor: pointer !important;
}

.filepond--drop-label svg {
  width: 4rem;
  height: 4rem;
}

.filepond--list-scroller {

  top: 1rem !important;

}

.filepond--panel-root {
  background-color: #fff !important;
}

.filepond--root {
  border: 0px !important;
}

.filepond--file-action-button.filepond--action-remove-item {
  width: 3rem !important;
  height: 3rem !important;
}

.filepond--drop-label label {
  font-size: 1.5rem !important;
  color: var(--color-primary) !important;
  cursor: pointer;
}

.default-form__text {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.default-form__span {
  font-size: 1.2rem;
  color: #b0b0b0;
  line-height: 1.2;
  display: inline-block;
  margin-top: 1rem;
}

.header__user-and-button {
  display: flex;
  align-items: center;
}

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

.header__sub-logo {
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 600;
  color: #db3727;
  border: 2px solid;
  border-radius: 76px;
  padding: 0.4rem 0.8rem;
  margin-left: 1.1rem;
  cursor: pointer;
  background: none;
}

.header__sub-logo:hover {
  opacity: 0.6;
  color: #db3727;
}


.share-buttons {
  display: flex;
  align-items: center;
}

.share-buttons__text-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 0.5rem;
}

.share-buttons__text {
  font-size: 1.4rem;
  color: #374054;
}


.share-buttons__wrapper-buttons {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.share-buttons__link {
  padding: 0 !important;
}

.share-buttons__link:hover {
  opacity: 0.7;
}

.share-buttons__wrapper-ads {
  margin-left: 3rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}

.paginate-wrapper {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.paginate-number {
  background-color: var(--color-primary-light);
  border: 0 !important;
  padding: 0.5rem 1.2rem !important;
  border-radius: 6px !important;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-primary-muted);
}

.paginate-number:hover {

  background-color: #D2E7FF;
}

.paginate-arrow {
  background-color: var(--color-primary-light);
  border-radius: 6px;
  border: 0px !important;
  padding: 0.9rem 2rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.paginate-arrow--disabled {
  background-color: #f1f4fb;
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}


.paginate-arrow:hover {
  background-color: #D2E7FF;
}

.paginate-number__active {
  background-color: #5277a5 !important;
  border: 0 !important;
  padding: 0.5rem 1.2rem !important;
  border-radius: 6px !important;
  display: flex;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}

.paginate-ellipsis {
  padding: 0.5rem 0.6rem;
  color: #8f98aa;
  font-size: 1.5rem;
  font-weight: 600;
}

.button-link {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: baseline;
  gap: 1rem;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.button-link:hover {
  color: #db3727;
}

.button-link:hover svg path {
  stroke: #db3727;
}

#more-car-brands {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
  transition: opacity 0.25s ease, max-height 0.25s ease;
}

#more-car-brands.visible {
  opacity: 1;
  max-height: 999rem;
  margin-top: 2rem;
}


.archive-filters {
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 2rem;
}

#preloader {
  padding: 4rem;
  display: flex;
  justify-content: center;
  width: 100%;
}

.spinner-border {
  min-width: 4rem;
  min-height: 4rem;
}


.single-journal__wrapper img {
  max-width: 100%;
  height: auto;
  border-radius:6px;
}

.single-journal__wrapper ul {
  list-style-type: auto !important;
}

.single-journal__wrapper ul li {
  margin: 1rem;
  margin-bottom:2rem;
}

.single-journal__wrapper ul li p.p1 {
  margin-bottom:0.5rem !important;
}

.arrow-icon {
  transition: transform 0.3s ease-in-out;
  /* Анимация поворота */
}

.rotated {
  transform: rotate(180deg);
  /* Поворот на 180 градусов */
}

.defaut-form__filter {
  padding: 0 !important;
}

.default-form-group__filter {
  padding: 1.2rem 0.9rem;
  margin: 0;
  border-top: 1px solid #f5f7fa;
  width: 100%;
  box-sizing: border-box;
}

.default-form-group__select-wrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.default-form-group__select-wrapper .default-select,
.default-form-group__select-wrapper select {
  width: 100% !important;

  box-sizing: border-box;
}

.default-form-group__select-wrapper .select2-container,
.default-form-group__select-wrapper--below .select2-container {
  width: 100% !important;
}

.default-form-group__select-wrapper .select2-container .select2-selection,
.default-form-group__select-wrapper--below .select2-container .select2-selection {
  width: 100%;
}

@media (max-width: 991px) {
  .create-ad-form__group .default-form-group__select-wrapper,
  .create-ad-form__group .default-form-group__select-wrapper .default-select {
    width: 100% !important;
  }
}

.default-form-group__select-wrapper--below {
  margin-top: 1.2rem;
}

.admin-panel-card {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 2.4rem;
  margin-bottom: 4rem;
}

.admin-pricing-card {
  border-radius: 6px;
  border-color: #e4e8f0;
  box-shadow: none;
  padding: 2.4rem;
}

.admin-pricing-form__input {
  max-width: 32rem;
}

.admin-pricing-form__submit {
  width: auto;
  min-width: 16rem;
  max-width: 20rem;
  padding: 1.2rem 2.4rem;
  font-size: 1.4rem;
  font-weight: 600;
}

@media (max-width: 575px) {
  .admin-pricing-form__submit {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

.admin-panel-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.admin-panel-card__header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}

.admin-panel-card__meta {
  color: #677083;
  font-size: 1.4rem;
  margin-top: 0.2rem;
}

.admin-panel-card__header-actions {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  flex-wrap: wrap;
}

.admin-panel-card__header-actions .default-button {
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.admin-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 64rem;
}

.admin-table__media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 9.6rem;
  height: 6.4rem;
  border-radius: 8px;
  background: #f5f6fa;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  color: #8f98aa;
  font-size: 1.2rem;
  line-height: 1;
}

.admin-table__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.admin-table__media--empty {
  border-style: dashed;
}

.admin-table__cell--id {
  width: 7.2rem;
  min-width: 7.2rem;
}

.admin-table__order-cell {
  min-width: 9.6rem;
  width: 9.6rem;
}

.admin-table__order {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.admin-table__order-id {
  font-weight: 600;
}

.admin-table__order-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.admin-table__order-buttons form {
  margin: 0;
}

.admin-order-button {
  border: 1px solid #d1d5db;
  background: #fff;
  width: 2.8rem;
  height: 2.4rem;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  color: #1f2937;
}

.admin-order-button:hover {
  background: #edf2ff;
  border-color: #94a3b8;
}

.admin-order-button:active {
  background: #dde7ff;
}

.admin-order-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.admin-table__cell--title {
  min-width: 32rem;
}

.admin-table__cell--price {
  min-width: 14rem;
}

.admin-table__cell--name {
  width: 24rem;
  min-width: 20rem;
}

.admin-table__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  color: #8f98aa;
  font-size: 1.2rem;
  line-height: 1;
}

.admin-table__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.admin-table__avatar--empty {
  border-style: dashed;
}

.admin-user-ads-panel {
  margin-top: 1.2rem;
}

.admin-user-ads-panel[hidden] {
  display: none !important;
}

.admin-user-ads-panel__loader {
  padding: 1.2rem 0;
  color: #677083;
  font-size: 1.4rem;
}

.admin-user-ads-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
}

.admin-user-ads-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.admin-avatar-row {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.admin-avatar-upload {
  position: relative;
}

.admin-avatar-upload__label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
}

.admin-avatar-upload__label input[type="file"] {
  display: none;
}

.admin-user-danger-zone {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.admin-user-delete-actions {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.admin-delete-inline {
  background: none;
  border: none;
  color: #d14343;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 0;
  cursor: pointer;
}

.admin-delete-inline:hover {
  color: #aa2f2f;
  text-decoration: underline;
}

.admin-user-warning-text {
  color: #d14343;
  font-size: 1.4rem;
  border: 1px solid #d14343;
  padding: 0.8rem 1.2rem;
  border-radius: 6px;
}

.admin-user-profile__avatar-img {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e5e5e5;
  background: #fff;
}

.admin-table th,
.admin-table td {
  padding: 1.2rem 1.6rem;
  border-bottom: 1px solid #eef1f5;
  font-size: 1.4rem;
  text-align: left;
  color: #374054;
  vertical-align: top;
}

.admin-table th {
  background: #f5f7fa;
  font-weight: 600;
}

.admin-table__empty {
  text-align: center;
  padding: 2.4rem;
  color: #677083;
  font-style: italic;
}

.admin-table-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}

.admin-filters {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.admin-filters__group {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.admin-filters__label {
  font-size: 1.4rem;
  font-weight: 600;
  color: #374054;
}

.admin-filters__price {
  display: flex;
  gap: 0.8rem;
}

.admin-filters__price .default-input {
  flex: 1;
  min-width: 0;
}

.admin-filters__date-range {
  display: flex;
  gap: 0.8rem;
}

.admin-filters__date-range .default-input {
  flex: 1;
  min-width: 0;
}

.admin-filters__actions {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.admin-dashboard {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.admin-dashboard__section {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.admin-dashboard__title {
  font-size: 2rem;
  font-weight: 600;
  color: #1d2330;
  margin: 0;
}

.admin-dashboard__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  gap: 1.6rem;
}

.admin-dashboard__grid--cols-1 {
  grid-template-columns: 1fr;
}

.admin-dashboard__section--spaced {
  margin-top: 2.4rem;
}

.admin-dashboard__grid--cols-2 {
  grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}

.admin-dashboard__grid--cols-3 {
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
}

.admin-dashboard__card {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.admin-dashboard__card--accent {
  border-color: #3b82f6;
  box-shadow: 0 0.8rem 2.4rem rgba(59, 130, 246, 0.08);
}

.admin-dashboard__card--warning {
  border-color: #f97316;
  box-shadow: 0 0.8rem 2.4rem rgba(249, 115, 22, 0.12);
}

.admin-dashboard__metric-value {
  font-size: 3.2rem;
  font-weight: 700;
  color: #1d2330;
  line-height: 1.2;
}

.admin-dashboard__metric-label {
  font-size: 1.4rem;
  font-weight: 600;
  color: #374054;
}

.admin-dashboard__hint {
  font-size: 1.3rem;
  color: #677083;
}

.admin-dashboard__hint--danger {
  color: #b13420;
}

.admin-dashboard__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.12);
  border-radius: 999px;
  padding: 0.4rem 1.2rem;
}

.admin-dashboard__card-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #1d2330;
  margin: 0;
}

.admin-dashboard__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.admin-dashboard__list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  color: #374054;
}

.admin-dashboard__list-value {
  font-weight: 600;
  color: #1d2330;
}

.admin-dashboard__text {
  margin: 0;
  font-size: 1.5rem;
  color: #1d2330;
  font-weight: 600;
}

.admin-dashboard__subtext {
  margin: 0;
  font-size: 1.3rem;
  color: #677083;
}

@media (max-width: 767px) {
  .admin-dashboard {
    gap: 2.4rem;
  }

  .admin-dashboard__grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }

  .admin-dashboard__metric-value {
    font-size: 2.8rem;
  }
}

.admin-table__link {
  color: var(--color-primary);
  text-decoration: none;
}

.admin-table__link:hover {
  text-decoration: underline;
}

.admin-inline-actions {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
}

.admin-inline-actions__form {
  margin: 0;
}

.admin-inline-actions__form--inline {
  display: inline-block;
}


.admin-inline-button {
  padding: 0.4rem 0.6rem;
  gap: 0.6rem;
  background: transparent;
  border: none;
  color: #265dbe;
  cursor: inherit;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.admin-inline-button:hover {
  color: #1a4fac;
  text-decoration: underline;
}

.admin-inline-button--danger {
  color: #d14343;
}

.admin-inline-button--danger:hover {
  color: #aa2f2f;
}

.admin-inline-button--success {
  color: #1f8d4a;
}

.admin-inline-button--success:hover {
  color: #10602b;
}

.admin-inline-button--text {
  padding: 0;
}

.admin-table .admin-inline-button {
  padding: 0;
}

.admin-inline-button--disabled {
  color: #9aa2b1;
  cursor: default;
}

.admin-inline-button--disabled:hover {
  color: #9aa2b1;
  text-decoration: none;
}

.admin-inline-actions button.admin-inline-button:disabled {
  cursor: default;
}

.admin-inline-actions__form button.admin-inline-button {
  padding: 0;
}

.admin-notification {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 2rem;
  background: #f8fafc;
  margin-bottom: 1.6rem;
}

.admin-notification__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 3.2rem;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 1.6rem;
}

.admin-notification__meta span {
  color: #6b7280;
  font-weight: 500;
  margin-right: 0.6rem;
}

.notifications-detail--single {
  width: 100%;
  max-width: 100%;
  flex: none;
  margin-top: 1.6rem;
}

.notifications-detail__placeholder {
  color: #8f98aa;
}

.admin-alert {
  border-radius: 10px;
  padding: 1.2rem 1.6rem;
  border: 1px solid transparent;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 1.6rem;
}

.admin-alert--success {
  background: #ecfdf3;
  border-color: #a7f3d0;
  color: #047857;
}

.admin-alert--danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #b91c1c;
}

.admin-alert__list {
  margin: 0;
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.admin-info-block {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #f9fafb;
  padding: 2.4rem 2.8rem;
  margin: 3rem 0;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.admin-info-block__title {
  margin: 0 0 1.6rem;
  font-size: 1.9rem;
  line-height: 1.3;
  color: #0f172a;
}

.admin-info-block__content {
  font-size: 1.6rem;
  line-height: 1.65;
  color: #374151;
}

.admin-info-block__content ul {
  margin: 0;
  padding-left: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.admin-info-block__content li {
  list-style: disc;
}

.admin-info-block__content code {
  font-size: 1.4rem;
  padding: 0.2rem 0.6rem;
  border-radius: 6px;
  background: #eef2ff;
  color: #4338ca;
}

.admin-info-block__content > .row {
  margin-top: 1.2rem;
}

.admin-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.admin-form__group {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.admin-form__group--hidden {
  display: none;
}


.admin-form__label {
  font-size: 1.4rem;
  font-weight: 600;
  color: #374054;
}

.admin-form__pair {
  display: flex;
  gap: 1.2rem;
}

.admin-form__pair .default-input {
  flex: 1;
}

.admin-form__help {
  font-size: 1.3rem;
  color: #677083;
  margin: 0;
}

.admin-form__textarea {
  min-height: 22rem;
  resize: vertical;
}


.admin-form__textarea--small {
  min-height: 14rem;
}

.admin-form__image-control {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.admin-form__image-row {
  display: flex;
  gap: 1.6rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

.admin-form__image-preview {
  width: 30rem;
  height: 17.8rem;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0.8rem 2rem rgba(23, 43, 77, 0.12);
  background: #fff;
  position: relative;
}

.admin-form__image-preview.is-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: 1px dashed #cbd5e1;
  background: #f5f6fa;
}

.admin-form__image-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admin-form__image-placeholder {
  font-size: 1.3rem;
  color: #677083;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
}

.admin-form__image-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.admin-form__file-input {
  display: none;
}


.admin-form__actions {
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
}

.default-label-for-input__filter {
  margin: 0.6rem 0;
  color: var(--, #374054);
  /* font-family: Arial; */
  font-size: 1.5rem;
  /* font-style: normal; */
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  /* line-height: normal; */
  cursor: pointer;
  align-items: center;
}

.default-label-for-input__filter:hover {
  color: var(--color-accent);
}

.default-label-for-input__filter:hover svg path {
  stroke: var(--color-accent);
}

.default-label-content {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.default-filter-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}


.select-type-ad {
  min-height: 70vh;
  padding-top: 6rem;
}


/* view-card-mode */

.view-toggle button {
  background: none;
  padding: 0;
  border: none;
}

.view-toggle {
  display: flex;
  gap: 1rem;
}

.view-toggle button:hover {
  opacity: 0.7;
}

.view-toggle button.active svg rect:first-child {
  fill: #dddeea;
}


.karetads__grid.karetads__row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.karetads__grid.karetads__row .karetad {
  width: 100%
}

.karetads__grid.karetads__row .karetad .karetad__link {
  display: flex;
  flex: 1;
  min-width: 0;
}

.karetads__grid.karetads__row .karetad .karetad__link .karetad__image__wrapper {
  width: 20rem;
  height: 20rem;
}

.karetads__grid.karetads__row .karetad .karetad__link .karetad__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

.karetads__grid.karetads__row .karetad__row-body {
  flex-direction: row;
  align-items: stretch;
  gap: 1.2rem;
}

.karetads__grid.karetads__row .karetad__management-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  flex: 0 0 38rem;
  width: 38rem;
  min-width: 38rem;
  max-width:38rem;
  padding: 1.4rem 0rem;
  background: #FFF;
  min-height: 100%;
  box-sizing: border-box;
}

.archive-preloader {
  padding-top: 3rem;
}

@media (max-width: 991px) {
  .karetads__grid.karetads__row .karetad__row-body {
    flex-direction: column;
    gap: 0.8rem;
  }

  .karetads__grid.karetads__row .karetad .karetad__link {
    order: 1;
  }

  .karetads__grid.karetads__row .karetad__management-panel {
    flex: none;
    order: 2;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    border-left: none;
    padding: 0 0.4rem;
  }

  .profile-ad-panel {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 0;
    margin: 0;
    border: none;
    border-top: 2px dashed #e4eefd;
    border-radius: 0;
  }

  .profile-ad-panel__column--controls,
  .profile-ad-panel__column--info {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0;
    align-items: center;
  }

  .profile-ad-panel__column--controls {
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .profile-ad-panel__column--info {
    flex: 1 1 auto;
    border: none;
  }

  .profile-ad-panel__divider {
    display: none;
  }

  .profile-ad-panel__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: nowrap;
    width: 100%;
  }

  .profile-ad-panel__meta {
    flex-direction: row;
    align-items: center;
    gap: 1.2rem;
  }

  .profile-ad-panel__status,
  .profile-ad-panel__package,
  .profile-ad-panel__views {
    flex: 0 0 auto;
  }

  .profile-ad-panel__package,
  .profile-ad-panel__views {
    display: inline-flex;
    align-items: center;
  }

  .profile-ad-panel__views {
    justify-content: flex-end;
    text-align: right;
  }

  .profile-ad-panel__column--controls .profile-ad-panel__actions {
    display: none;
  }

  .profile-ad-panel__actions > .profile-ad-panel__pill,
  .profile-ad-panel__action-stack {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
  }

  .profile-ad-panel__action-stack {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
  }

  .profile-ad-panel__mobile-manage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .profile-ad-panel__mobile-backdrop,
  .profile-ad-panel__mobile-actions-header,
  .profile-ad-panel__actions-close {
    display: none;
  }
}

.profile-ad-panel {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: stretch;
  border: 2px dashed #e4eefd;
  border-radius: 6px;
  margin:0 1rem;
}

.profile-ad-panel__column {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.profile-ad-panel__column--controls {
  flex: 0 0 12.8rem;
  min-width: 20.8rem;
  padding:0 1rem;
  justify-content: center;
}

.profile-ad-panel__column--info {
  flex: 1 1 auto;
  padding:0 1rem;
  border-left:2px dashed #e4eefd;
  justify-content: center;
}

.profile-ad-panel__divider {
  width: 1px;
  flex: 0 0 1px;
  background: #E4E7EC;
  align-self: stretch;
}

.profile-ad-panel__header {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.profile-ad-panel__meta {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.profile-ad-panel__status {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6rem;
  font-weight: 600;
  color: #1F2A3C;
  font-size: 1.1rem;
}

.profile-ad-panel__status-badge {
  padding: 0.2rem 0.8rem;
  border-radius: 999px;
  font-size: 1rem;
  background: #E5F1FF;
  color: #2E5CFF;
}

.profile-ad-panel__status-badge.profile-ad-panel__status-badge--active {
  background: #E5F8EF;
  color: #0F8F55;
}

.profile-ad-panel__status-badge.profile-ad-panel__status-badge--inactive {
  background: #FFE4DE;
  color: #C2410C;
}

.profile-ad-panel__views {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.35rem;
  color: #545F6F;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin-top: 0.65rem;
}

.profile-ad-panel__views-count {
  font-size: 1.1rem;
  font-weight: 600;
}

.profile-ad-panel__package {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.65rem;
  row-gap: 0.25rem;
  font-weight: 600;
  color: #1F2A3C;
  font-size: 1.1rem;
  align-items: center;
}

.profile-ad-panel__package-label {
  grid-column: 1;
  grid-row: 1;
}

.profile-ad-panel__package-info {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  grid-column: 2;
  grid-row: 1;
}

.profile-ad-panel__package-badge {
  padding: 0.2rem 0.7rem;
  border-radius: 999px;
  font-size: 0.95rem;
  background: #F1F5F9;
  color: #475569;
}

.profile-ad-panel__package-badge--accent {
  background: #FDF5EF;
  color: #C05621;
}

.profile-ad-panel__package-expiry {
  font-size: 0.9rem;
  font-weight: 500;
  color: #64748B;
  display: block;
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: start;
}

.profile-ad-panel__package-inline {
  font-size: 0.9rem;
  font-weight: 500;
  color: #64748B;
  display: none;
  white-space: nowrap;
}

.profile-ad-panel__pill {
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-primary-muted);
  background: var(--color-primary-light);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  min-width: 11rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.profile-ad-panel__pill:not(:disabled):hover {
  background: #edf5ff;
  color: var(--color-primary-muted);
}

.profile-ad-panel__pill--green {
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
}

.profile-ad-panel__pill--green:not(:disabled):hover {
  background: #edf5ff;
}

.profile-ad-panel__pill--premium {
  background: #FFF4E5;
  color: #C05621;
}

.profile-ad-panel__pill--premium:not(:disabled):hover {
  background: #FFE7CC;
  color: #9E3E10;
}

.profile-ad-panel__pill--red {
  background: #fde9e9;
  color: #a72b2b;
}

.profile-ad-panel__pill--red:not(:disabled):hover {
  background: #fce1e3;
  color: #a72b2b;
}

.profile-ad-panel__actions {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.profile-ad-panel__mobile-actions-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.profile-ad-panel__mobile-actions-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #1f2747;
}

.profile-ad-panel__actions-close {
  display: none;
  border: none;
  background: transparent;
  font-size: 2.4rem;
  line-height: 1;
  color: #7b8499;
  cursor: pointer;
  padding: 0.2rem 0.6rem;
}

.profile-ad-panel__actions-close:hover {
  color: #374054;
}

.profile-ad-panel__mobile-manage {
  display: none;
  margin-top: 0.8rem;
  width: 100%;
  border: none;
  border-radius: 6px;
  padding: 0.8rem 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
  cursor: pointer;
  transition: background 0.2s ease;
}

.profile-ad-panel__mobile-manage:hover {
  background: #d8e8ff;
}

.profile-ad-panel__mobile-backdrop {
  display: none;
}

@media (max-width: 991px) {
  .profile-ad-panel__mobile-manage {
    display: inline-flex;
    width: auto;
    white-space: nowrap;
  }

  .profile-ad-panel__package {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
  }

  .profile-ad-panel__package-label,
  .profile-ad-panel__package-info {
    grid-column: auto;
    grid-row: auto;
  }

  .profile-ad-panel__package-expiry {
    display: none;
  }

  .profile-ad-panel__package-inline {
    display: inline;
  }
}

.profile-ad-panel__action-stack {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 100%;
}

.profile-ad-panel__pill:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.profile-ad-panel__pill.is-loading {
  position: relative;
  opacity: 0.75;
  pointer-events: none;
}

.profile-ad-panel__pill.is-loading::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-top-color: var(--color-primary-muted);
  border-radius: 50%;
  animation: adImageSpinner 0.8s linear infinite;
  right: 12px;
}

.profile-ad-panel__hint {
  font-size: 0.9rem;
  color: #6b7280;
  text-align: center;
  display: block;
  width: 100%;
}

.profile-ad-panel__auto-bump {
  margin-top: 0.4rem;
  padding: 0.9rem 1rem;
  border-radius: 6px;
  border: 1px dashed #c7d7f5;
  background: #f5f8ff;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  text-align: center;
  align-items: center;
}

.profile-ad-panel__auto-bump-title {
  font-size: 1rem;
  font-weight: 600;
  color: #1f2a3c;
}

.profile-ad-panel__auto-bump-next {
  font-size: 0.95rem;
  color: #475569;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: baseline;
  justify-content: center;
  text-align: center;
}

.profile-ad-panel__auto-bump-next strong {
  font-weight: 600;
  color: #1f2a3c;
}

@media (max-width: 991px) {
  .profile-ad-panel {
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 0;
    margin: 0;
    border: none;
    border-top: 2px dashed #e4eefd;
    border-radius: 0;
  }

  .profile-ad-panel__divider {
    display: none;
  }

  .profile-ad-panel__column--controls,
  .profile-ad-panel__column--info {
    padding: 0;
    border: none;
    min-width: 0;
  }

  .profile-ad-panel__column--controls {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8rem;
  }

  .profile-ad-panel__column--controls .profile-ad-panel__actions {
    display: none;
  }

  .profile-ad-panel__column--info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .profile-ad-panel__mobile-manage {
    display: inline-flex;
    width: auto;
    white-space: nowrap;
    margin-top: 0;
  }

  .profile-ad-panel__header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: nowrap;
  }

  .profile-ad-panel__meta {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 1.2rem;
  }

  .profile-ad-panel__status,
  .profile-ad-panel__package {
    flex: 0 0 auto;
  }

  .profile-ad-panel__views {
    flex: 0 0 auto;
    justify-content: flex-end;
    text-align: right;
  }
}

.package-options {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.package-option {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 16px 20px;
  display: flex;
  flex: 1 1 220px;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  position: relative;
}

.package-option:hover,
.package-option:focus-within {
  opacity: 0.75;
}

.package-option__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.package-option__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.package-option__title {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.package-option__soon {
  font-size: 14px;
  font-weight: 500;
  color: #94a3b8;
}

.package-option__tagline {
  font-size: 14px;
  color: #6b7280;
}

.package-option__features {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  color: #374151;
  margin-top: 8px;
}

.package-option__features span::before {
  content: '• ';
  color: var(--color-primary);
}

.package-option__price {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  min-width: 72px;
  white-space: nowrap;
}

.package-option__price-value {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

.package-option__price-suffix {
  font-size: 14px;
  color: #6b7280;
}

.package-option__badge {
  align-self: flex-start;
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #f3f7ff;
  color: var(--color-primary);
}

.package-option.is-active {
  border-color: var(--color-primary);
  transform: translateY(-1px);
}

.package-option--accent {
  background: #fdf5ef;
  border: 1px solid #ffbb8f;
}

.package-option--disabled {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f4f5f7;
}

.package-option--disabled:hover,
.package-option--disabled:focus-within {
  opacity: 0.6;
}

.package-option--disabled .package-option__control-text {
  color: #a1a1aa;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.package-option--disabled .package-option__control input {
  display: none;
}

.package-option__control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px dashed #e5e7eb;
}

.package-option__control input {
  width: 18px;
  height: 18px;
  accent-color: var(--color-primary);
}

.package-option__control-text {
  font-size: 13px;
  color: #4b5563;
}

.package-options__hint {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  color: #6b7280;
}

@media (max-width: 767px) {
  .package-option {
    flex: 1 1 100%;
  }
}

.karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row {
  display: flex !important;
}

.karetads__grid.karetads__row .karetad .karetad__link .karetad__content .row .karetad__content__description {
  font-size: 1.5rem;
  font-weight: 400;
  color: #374054;
}

.karetads__grid .karetad {
  position: relative;
}

.karetads__grid .karetad .karetad__actions {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  z-index: 3;
}

.karetads__grid .karetad .favoriteButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.92);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.karetads__grid .karetad .favoriteButton:hover {
  transform: scale(1.05);
}

.karetads__grid .karetad .favoriteButton svg {
  pointer-events: none;
}

.favoriteButton__icon-heart {
  width: 2rem;
  height: 2rem;
  display: block;
}

.favoriteButton__icon-heart--filled {
  display: none;
}

.favoriteButton--active .favoriteButton__icon-heart--outline {
  display: none;
}

.favoriteButton--active .favoriteButton__icon-heart--filled {
  display: block;
}

.karetads__grid .karetad:hover .favoriteButton,
.karetads__grid .karetad:focus-within .favoriteButton,
.karetads__grid .karetad .favoriteButton--active {
  opacity: 1;
  visibility: visible;
}

.karetads__grid.karetads__row .karetad .karetad__actions {
  top: 1rem;
  right: auto;
  left: 1.4rem;
}

.karetads__grid .pagination {
  grid-column: 1 / -1;
  margin-top: 3rem;
  margin-bottom: 0;
  width: 100%;
  justify-self: center;
}

#search-results,
.header-search__results {
  visibility: hidden;
  position: absolute;
  top: 5rem;
  width: 100%;
  padding: 1.5rem;
  border-radius: 6px 6px 6px 6px;
  background: #FFF;
  box-shadow: 0 0.5rem 0.7rem 0 rgba(0, 0, 0, 0.04);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.search-result__link {
  font-size: 1.5rem;
  color: #374054;
}

.search-result__link:hover,
.search-result__link:hover .search-result__query,
.search-result__link:hover .search-result__category {

  color: #db3727;
}

.search-result__query,
.search-result__category {
  font-weight: 600;
  color: var(--color-primary);
}

#search-results.active,
.header-search__results.active {
  visibility: visible;
}

.header-search__form__input-wrapper {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: 4rem;
  transition: height 0.18s ease;
}


.category-list {
  margin-bottom: 3rem;
}

.category-list__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.category-list__item {
  background: var(--color-primary-light);
  height: 6rem;
  border-radius: 6px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.category-list__item:hover {
  background: #c5d9f2;
}

.category-list__item-image-wrapper {
  position: absolute;
  right: 0;
  width: 8.8rem;
  height: 6rem;
  text-align: end;
}

.category-list__item-image {
  height: 100%;
  object-fit: cover;
}

.category-list__item-title {
  padding-top: 1.5rem;
  padding-left: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-primary-muted);
}
.error-page {
  min-height: calc(100vh - 42rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6rem 2rem;
}

.error-page__inner {
  max-width: 52rem;
}

.error-page__actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.error-page__button {
  width: auto;
  min-width: 16rem;
  padding: 1.35rem 3.2rem;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7rem;
  text-decoration: none;
  border: 1px solid transparent;
  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.error-page__button--primary {
  background: var(--color-primary);
  color: #fff;
}

.error-page__button--primary:hover,
.error-page__button--primary:focus-visible {
  opacity: 0.8;
  color: #fff;
}

.error-page__button--secondary {
  background: #fff;
  color: #374054;
  border-color: #d9deea;
}

.error-page__button--secondary:hover,
.error-page__button--secondary:focus-visible {
  color: #1d2230;
  border-color: #b3bed6;
  opacity: 0.85;
}

@media (max-width: 575.98px) {
  .error-page__button {
    width: 100%;
  }
}

.flash-container {
  position: fixed;
  bottom: 3.2rem;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;

  .catalog-controls .view-toggle {
    margin-left: auto;
  }
  flex-direction: column;
  gap: 1.2rem;
  z-index: 3000;
  pointer-events: none;
  align-items: center;
  width: min(80vw, 36rem);
}

.flash-notification {
  --flash-color: var(--color-primary);
  --flash-color-tint: rgba(55, 118, 229, 0.2);
  --flash-background-color: color-mix(in srgb, var(--flash-color) 60%, #ffffff 40%);
  --flash-border-color: transparent;
  --flash-text-color: #ffffff;
  --flash-timer-track: color-mix(in srgb, var(--flash-color) 30%, #ffffff 70%);
  --flash-timer-progress: color-mix(in srgb, var(--flash-color) 80%, #ffffff 20%);
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  background-color: var(--flash-background-color);
  border-radius: 6px;
  border: 1px solid var(--flash-border-color);
  padding: 1.2rem 1.6rem;
  padding-right: 6rem;
  box-shadow: 0 1.2rem 2.8rem rgba(22, 48, 85, 0.15);
  color: var(--flash-text-color);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  pointer-events: auto;
  transition: opacity 0.25s ease, transform 0.25s ease;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.flash-notification > * {
  position: relative;
  z-index: 2;
}


.flash-notification--success {
  --flash-color: #10B981;
  --flash-color-tint: rgba(16, 185, 129, 0.2);
  --flash-background-color: #10B981;
  --flash-border-color: transparent;
  --flash-timer-track: color-mix(in srgb, var(--flash-color) 30%, #ffffff 70%);
  --flash-timer-progress: color-mix(in srgb, var(--flash-color) 80%, #ffffff 20%);
}

.flash-notification--error {
  --flash-color: #EC6E48;
  --flash-color-tint: rgba(236, 110, 72, 0.25);
  --flash-background-color: #EC6E48;
  --flash-border-color: transparent;
  --flash-timer-track: color-mix(in srgb, var(--flash-color) 30%, #ffffff 70%);
  --flash-timer-progress: color-mix(in srgb, var(--flash-color) 80%, #ffffff 20%);
}

.flash-notification--warning {
  --flash-color: #F59E0B;
  --flash-color-tint: rgba(245, 158, 11, 0.3);
  --flash-background-color: #F59E0B;
  --flash-border-color: transparent;
  --flash-timer-track: color-mix(in srgb, var(--flash-color) 30%, #ffffff 70%);
  --flash-timer-progress: color-mix(in srgb, var(--flash-color) 80%, #ffffff 20%);
}

.flash-notification--info {
  --flash-color: var(--color-primary);
  --flash-color-tint: rgba(55, 118, 229, 0.2);
  --flash-background-color: var(--color-primary);
  --flash-border-color: transparent;
  --flash-timer-track: color-mix(in srgb, var(--flash-color) 30%, #ffffff 70%);
  --flash-timer-progress: color-mix(in srgb, var(--flash-color) 80%, #ffffff 20%);
}

.flash-notification__timer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background: var(--flash-timer-track);
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  z-index: 3;
}

.flash-notification__timer::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: var(--flash-timer-progress);
  animation: flash-timer var(--timer-duration, 5s) linear forwards;
}

.flash-notification__timer.is-finished::after {
  width: 0 !important;
  animation: none !important;
}

.flash-notification__close {
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  pointer-events: auto;
  font-size: 1.4rem;
  line-height: 1;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  position: absolute;
  top: 0.8rem;
  right: 1.2rem;
  z-index: 2;
}

.flash-notification__close:hover {
  background: rgba(55, 118, 229, 0.08);
}

.flash-notification.is-hidden {
opacity: 0;
transform: translateY(-1rem);
transition: opacity 0.2s ease, transform 0.2s ease;
}

@keyframes flash-slide {
  from {
    opacity: 0;
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes flash-timer {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}

@media (max-width: 991px) {
  .flash-notification {
    font-size: 1.3rem;
    border-radius: 12px;
    padding: 1.4rem 1.6rem;
  }
}

@media (max-width: 576px) {
  .flash-container {
    top: auto;
    bottom: 2rem;
    left: 50%;

@media (max-width: 991px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  textarea,
  select,
  .form-control,
  .default-input,
  .header-search__input,
  .filters__field input,
  .filters__field textarea,
  .select2-search__field,
  .select2-selection__rendered {
    font-size: 1.7rem;
    line-height: 1.5;
  }

  .select2-container .select2-search__field,
  .select2-search--dropdown .select2-search__field {
    font-size: 1.67rem !important;
    line-height: 1.5;
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 1.7rem !important;
    line-height: 1.5;
  }
}
    right: auto;
    transform: translate(-50%, 0);
    width: min(92vw, 42rem);
  }

  .flash-notification {
    padding: 1.3rem 1.5rem;
  }
}

.price-tooltip {
  position: absolute;
  z-index: 2500;
  padding: 0.8rem 1.2rem;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.08);
  max-width: 24rem;
  font-size: 1.3rem;
  line-height: 1.35;
  color: #1D1D1D;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.14s ease, visibility 0.14s ease;
}

.price-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}


.price-tooltip__line + .price-tooltip__line {
  margin-top: 0.4rem;
}

.price-tooltip__line--meta {
  font-size: 1.2rem;
  color: #6C757D;
}

.phone-manager {
  background-color: #ffffff;
}

.phone-manager--invalid {
  outline: 2px solid #f97316;
  outline-offset: 4px;
  border-radius: 0.8rem;
}

.phone-manager [x-cloak] {
  display: none !important;
}

.phone-manager__form {
  display: flex;
  gap: 0.8rem;
}

.phone-manager__input-group {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7;
  border-radius: 0.6rem;
  background-color: #f5f7fa;
  height: 4rem;
  padding: 0 0.8rem;
}

.phone-manager__prefix {
  padding-right: 1.2rem;
  font-weight: 600;
  color: #374054;
  white-space: nowrap;
  font-size: 1.6rem;
}

.phone-manager__input {
  flex: 1;
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 0.6rem;
  background-color: #f5f7fa;
  font-size: 1.6rem;
  color: #374054;
  padding: 0 0.8rem;
  height: 4rem;
}

.phone-manager__input::placeholder {
  color: #b4bbc7;
  opacity: 1;
}

.phone-manager__input-group .phone-manager__input {
  border: none;
  border-left: 1px solid rgba(23, 37, 84, 0.08);
  border-radius: 0;
  margin-left: 0.8rem;
  background-color: transparent;
  height: 100%;
  padding: 0 0.8rem;
}

.phone-manager__btn {
  border: none;
  border-radius: 0.6rem;
  background-color: var(--color-primary);
  color: #fff;
  padding: 0 1.8rem;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 400;
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.phone-manager__btn:hover:not(:disabled) {
  opacity: 0.9;
}

.phone-manager__btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.phone-manager__btn--success {
  background-color: #16a34a;
}

.phone-manager__btn--danger {
  background-color: transparent;
  color: #ef4444;
  padding: 0;
  border: none;
  opacity: 1;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.phone-manager__btn--danger:hover:not(:disabled) {
  color: #dc2626;
  opacity: 0.65;
}

.phone-manager__btn--ghost {
  background-color: transparent;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.phone-manager__add-more {
  margin-top: 1rem;
  padding: 0.9rem 1.2rem;
  border: 1px dashed #94a3b8;
  border-radius: 0.6rem;
  background-color: transparent;
  color: #0f172a;
  cursor: pointer;
}

.phone-manager__add-more:hover {
  background-color: #f8fafc;
}

.phone-manager__list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.phone-manager__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.8rem;
}

.phone-manager__item strong {
  font-size: 1.6rem;
  display: inline-block;
}

.phone-manager__badge {
  margin-left: 0.8rem;
  font-size: 1.2rem;
  color: #f97316;
}

.phone-manager__actions {
  display: flex;
  gap: 0.8rem;
}


.phone-manager__alerts {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.phone-manager__alert {
  font-size: 1.4rem;
  color: #b0b0b0;
  line-height: 1.5;
}

.phone-manager__alert strong {
  font-weight: 600;
}

.phone-manager__alert--warning {
  color: #f97316;
}

.phone-manager__alert--success {
  color: #16a34a;
}

.phone-manager__alert--error {
  color: #dc2626;
}

.phone-manager__alert-link {
  border: none;
  background: none;
  color: var(--color-primary);
  padding: 0;
  margin-left: 0.4rem;
  cursor: pointer;
  text-decoration: underline;
  font: inherit;
}

.phone-manager__alert-link:disabled {
  color: #94a3b8;
  cursor: default;
  text-decoration: none;
}

.phone-manager__controls {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.phone-manager__status {
  font-size: 1.2rem;
  color: #6b7280;
  font-weight: 600;
  margin-top: 0.2rem;
}

/* -------------------------------------------------- */
/* Ad detail modal (mobile/tablet first) */
/* -------------------------------------------------- */

body.is-karetad-modal-open {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: contain;
}

.karetad-modal {
  position: fixed;
  inset: 0;
  z-index: 2500;
  display: flex;
  align-items: stretch;
  justify-content: center;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.karetad-modal--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.karetad-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(6, 13, 35, 0.78);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s ease;
}

.karetad-modal__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1080px;
  margin: 0;
  background: #f5f7fa;
  display: flex;
  flex-direction: column;
  height: 100%;
  transform: translateY(1.5rem);
  transition: transform 0.3s ease;
  border-radius: 0;
}

.karetad-modal--visible .karetad-modal__panel {
  transform: translateY(0);
}

.karetad-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: calc(1rem + env(safe-area-inset-top, 0px)) 1.5rem 1rem;
  border-bottom: 1px solid rgba(18, 32, 56, 0.08);
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}
.karetad-modal__header-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: auto;
}

.karetad-modal__back,
.karetad-modal__close {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border: none;
  background: var(--color-primary-light);
  color: var(--color-primary-muted);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.85rem 1.4rem;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.karetad-modal__favorite form,
.karetad-modal__favorite .favoriteForm {
  display: inline-flex;
}

.karetad-modal__favorite .favoriteButton {
  width: 3.4rem;
  height: 3.4rem;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--color-primary-muted);
  transition: color 0.2s ease;
}

.karetad-modal__favorite .favoriteButton svg {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  font-size: 4.2rem;
  line-height: 1;
  justify-content: center;
}

.karetad-modal__favorite .favoriteButton.favoriteButton--active {
  background: transparent;
  color: #d4537c;
}

.karetad-modal__favorite .favoriteButton__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.karetad-modal__views .karetads-param__views {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0;
  background: transparent;
  border-radius: 0;
  border: none;
  font-size: 1.4rem;
  color: #6b7280;
}

.karetad-modal__views .karetads-param__views-count {
  font-weight: 600;
}

.karetad-modal__views .karetads-param__views-info {
  color: var(--color-primary-muted);
}

.karetad-modal-meta-templates {
  display: none;
}

.karetad-modal__meta--empty {
  display: none;
}

.karetad-modal__back:focus-visible,
.karetad-modal__close:focus-visible {
  outline: 0.2rem solid rgba(100, 139, 207, 0.45);
  outline-offset: 0.2rem;
}

.karetad-modal__back:hover,
.karetad-modal__close:hover {
  background: #d6e4fb;
}

.karetad-modal__close {
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  font-size: 2.2rem;
  line-height: 1;
  justify-content: center;
}

.karetad-modal__body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 1.5rem;
  background: #f5f7fa;
  -webkit-overflow-scrolling: touch;
}

.karetad-modal__loader {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 4rem 1rem;
  color: #1c274c;
  font-size: 1.6rem;
  font-weight: 500;
}

.karetad-modal__loader.is-active {
  display: flex;
}

.karetad-modal__spinner {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.35rem solid rgba(55, 118, 229, 0.25);
  border-top-color: var(--color-primary);
  animation: karetad-modal-spin 1s linear infinite;
}

.karetad-modal__loader-text {
  white-space: nowrap;
}

.karetad-modal__content {
  min-height: 12rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.karetad-modal__content.is-ready {
  opacity: 1;
}

.karetad-modal__error {
  padding: 2.4rem 1.6rem;
  text-align: center;
  color: #1c274c;
  border-radius: 1.2rem;
  background: #f8fafc;
  border: 1px solid rgba(28, 39, 76, 0.12);
}

.karetad-modal__error p {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  line-height: 1.5;
}

.karetad-modal__error-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  justify-content: center;
}

.karetad-modal__error-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.karetad-modal__error-link:hover,
.karetad-modal__error-link:focus-visible {
  background: rgba(55, 118, 229, 0.08);
  color: #1c274c;
}

.karetad-modal__body::-webkit-scrollbar {
  width: 0.7rem;
}

.karetad-modal__body::-webkit-scrollbar-thumb {
  background: rgba(55, 118, 229, 0.35);
  border-radius: 999px;
}

.karetad-modal__body::-webkit-scrollbar-track {
  background: rgba(18, 32, 56, 0.06);
}

.karetad-modal__back-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@keyframes karetad-modal-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 992px) {
  .karetad-modal__panel {
    margin: 2rem;
    height: calc(100% - 4rem);
    border-radius: 18px;
    box-shadow: 0 2.4rem 6.4rem rgba(12, 17, 34, 0.4);
  }

  .karetad-modal__header {
    padding: calc(1.2rem + env(safe-area-inset-top, 0px)) 2rem 1.2rem;
  }

  .karetad-modal__body {
    padding: 2rem;
    border-radius: 0 0 18px 18px;
  }

  .karetad-modal__close {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 2.4rem;
  .karetad-modal__favorite {
    margin-right: 0.6rem;
  }
  }
}

.fancybox-bg {
  background: #000612 !important;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: 
cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.95 !important;
  transition-timing-function: 
cubic-bezier(.22, .61, .36, 1);
}