/*
 * Lakeeva Realty
 * Sale
 */


/* Catalog */

body.sale-screen-locked {
  overflow: hidden !important;
}

body.sale-property-modal-open .modal {
  z-index: 1200;
}

.sale-catalog-panel {
  position: fixed;
  z-index: 980;
  inset: 0;

  overflow-y: auto;

  background: #f8f6f1;
  color: #09261e;

  font-family: var(--font-ui);

  overscroll-behavior: contain;
}

.sale-catalog-panel[hidden] {
  display: none !important;
}

.sale-catalog-panel,
.sale-catalog-panel * {
  box-sizing: border-box;
  font-family: var(--font-ui);
}

.sale-catalog-shell {
  width: min(100%, 1120px);
  min-height: 100%;
  margin: 0 auto;

  padding:
    calc(42px + env(safe-area-inset-top))
    20px
    calc(38px + env(safe-area-inset-bottom));
}

.sale-catalog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding-bottom: 20px;

  border-bottom:
    1px solid
    rgba(9, 38, 30, 0.1);
}

.sale-catalog-header span {
  display: block;

  margin-bottom: 5px;

  color: #81786c;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sale-catalog-header h2 {
  margin: 0;

  color: #09261e;

  font-size: 30px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.sale-catalog-close {
  display: grid;

  width: 44px;
  height: 44px;

  flex: 0 0 44px;
  place-items: center;

  padding: 0;

  border: 0;
  border-radius: 50%;

  background: #ffffff;
  color: #09261e;

  font-family: Arial, sans-serif !important;
  font-size: 27px;
  font-weight: 300;
  line-height: 1;

  cursor: pointer;
}

.sale-filter-panel {
  margin: 22px 0;
  padding: 18px;

  border:
    1px solid
    rgba(9, 38, 30, 0.07);
  border-radius: 23px;

  background: #ffffff;

  box-shadow:
    0 10px 30px
    rgba(9, 38, 30, 0.045);
}

.sale-filter-panel__top {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: end;

  gap: 12px;
}

.sale-filter-search,
.sale-filter-grid label,
.sale-filter-range {
  display: grid;
  gap: 7px;
}

.sale-filter-search > span,
.sale-filter-grid label > span,
.sale-filter-range > span {
  color: #09261e;

  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.sale-filter-panel input,
.sale-filter-panel select {
  width: 100%;
  min-width: 0;
  min-height: 48px;

  padding: 0 13px;

  border:
    1px solid
    rgba(9, 38, 30, 0.13);
  border-radius: 14px;

  background-color: #f8f6f1;
  color: #09261e;

  font-size: 14px;
  font-weight: 550;

  outline: none;
}

.sale-filter-panel input:focus,
.sale-filter-panel select:focus {
  border-color:
    rgba(9, 38, 30, 0.48);

  box-shadow:
    0 0 0 3px
    rgba(9, 38, 30, 0.07);
}

.sale-filter-panel option:disabled {
  color: #aaa39a;
}

.sale-filter-reset {
  min-height: 48px;

  padding: 0 18px;

  border:
    1px solid
    rgba(9, 38, 30, 0.13);
  border-radius: 14px;

  background: #ffffff;
  color: #09261e;

  font-size: 13px;
  font-weight: 750;

  cursor: pointer;
}

.sale-filter-grid {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 12px;

  margin-top: 14px;
}

.sale-filter-ranges {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;

  margin-top: 14px;
}

.sale-filter-range > div {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 8px;
}

.sale-filter-range small {
  min-height: 17px;

  color: #81786c;

  font-size: 11px;
  line-height: 1.35;
}

.sale-catalog-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin: 0 0 16px;
}

.sale-catalog-summary strong {
  color: #09261e;

  font-size: 16px;
  font-weight: 800;
}

.sale-catalog-summary span {
  color: #81786c;

  font-size: 12px;
  font-weight: 650;
}

.sale-catalog-status {
  margin-bottom: 16px;
  padding: 14px 16px;

  border-radius: 16px;

  background: #eeeae1;
  color: #625b52;

  font-size: 14px;
  text-align: center;
}

.sale-catalog-results {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 18px;
}

.sale-property-card {
  min-width: 0;
  overflow: hidden;

  border:
    1px solid
    rgba(9, 38, 30, 0.07);
  border-radius: 22px;

  background: #ffffff;

  box-shadow:
    0 10px 28px
    rgba(9, 38, 30, 0.065);

  cursor: pointer;

  transition:
    transform 160ms ease,
    box-shadow 160ms ease;
}

.sale-property-card:active {
  transform: scale(0.992);
}

.sale-property-card__image {
  position: relative;

  aspect-ratio: 4 / 3;
  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      #eeeae1,
      #e2ddd1
    );
}

.sale-property-card__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.sale-property-card__placeholder {
  display: grid;

  width: 100%;
  height: 100%;

  place-items: center;

  color: #81786c;

  font-size: 12px;
}

.sale-property-card__photos {
  position: absolute;
  right: 12px;
  bottom: 12px;

  padding: 7px 10px;

  border-radius: 999px;

  background:
    rgba(6, 27, 22, 0.76);
  color: #ffffff;

  font-size: 11px;
  font-weight: 700;
  line-height: 1;

  backdrop-filter: blur(8px);
}

.sale-property-card__body {
  padding: 16px;
}

.sale-property-card__location {
  max-width: 100%;
  margin-bottom: 7px;

  overflow: hidden;

  color: #496d62;

  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.025em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.sale-property-card h3 {
  display: -webkit-box;

  min-height: 44px;
  overflow: hidden;

  margin: 0 0 12px;

  color: #09261e;

  font-size: 17px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: -0.018em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sale-property-card__facts {
  display: flex;
  flex-wrap: wrap;

  gap: 7px;
}

.sale-property-card__facts span {
  padding: 6px 9px;

  border-radius: 9px;

  background: #f3f0e9;
  color: #31584c;

  font-size: 11px;
}

.sale-property-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-top: 15px;
  padding-top: 14px;

  border-top:
    1px solid
    rgba(9, 38, 30, 0.08);
}

.sale-property-card__footer strong {
  min-width: 0;

  overflow: hidden;

  color: #09261e;

  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sale-property-card__footer span {
  flex: 0 0 auto;

  color: #496d62;

  font-size: 12px;
  font-weight: 750;
}

.sale-catalog-more {
  display: block;

  width: min(100%, 360px);
  min-height: 56px;

  margin: 28px auto 0;
  padding: 0 20px;

  border: 0;
  border-radius: 18px;

  background: #09261e;
  color: #ffffff;

  font-size: 15px;
  font-weight: 750;

  cursor: pointer;
}

.sale-catalog-more:disabled {
  cursor: wait;
  opacity: 0.62;
}

.sale-catalog-empty {
  grid-column: 1 / -1;

  padding: 42px 20px;

  border-radius: 21px;

  background: #ffffff;
  color: #81786c;

  text-align: center;
}

.sale-detail-body {
  color: #09261e;
}

.sale-detail-price {
  margin: 15px 0 17px;

  color: #09261e;

  font-size:
    clamp(27px, 8vw, 39px);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.sale-detail-tags {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;

  margin: 18px 0;
}

.sale-detail-tag {
  padding: 8px 10px;

  border-radius: 10px;

  background: #f3f0e9;
  color: #31584c;

  font-size: 12px;
  line-height: 1.25;
}

.sale-detail-info {
  display: grid;

  gap: 0;

  margin: 20px 0;

  border-top:
    1px solid
    rgba(9, 38, 30, 0.09);
}

.sale-detail-info > div {
  display: grid;
  grid-template-columns:
    minmax(110px, 0.85fr)
    minmax(0, 1.15fr);

  gap: 18px;

  padding: 13px 0;

  border-bottom:
    1px solid
    rgba(9, 38, 30, 0.09);
}

.sale-detail-info dt {
  color: #81786c;

  font-size: 12px;
  line-height: 1.4;
}

.sale-detail-info dd {
  margin: 0;

  color: #09261e;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
}

.sale-detail-section {
  margin-top: 30px;
  padding-top: 25px;

  border-top:
    1px solid
    rgba(9, 38, 30, 0.1);
}

.sale-detail-section h3 {
  margin: 0 0 13px;

  color: #09261e;

  font-size: 22px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.sale-detail-text {
  margin: 0 0 18px;

  color: #4d5b56;

  font-size: 14px;
  line-height: 1.7;
  white-space: pre-line;
}

.sale-detail-project-price {
  margin-bottom: 14px;
  padding: 13px 15px;

  border-radius: 14px;

  background: #f3f0e9;
  color: #615a52;

  font-size: 13px;
}

.sale-detail-project-price strong {
  color: #09261e;
}

.sale-masterplan-gallery {
  position: relative;

  aspect-ratio: 16 / 10;
  overflow: hidden;

  border-radius: 18px;

  background: #eeeae1;
}

.sale-manager-button {
  display: flex;

  width: 100%;
  min-height: 56px;

  align-items: center;
  justify-content: space-between;

  margin-top: 28px;
  padding: 0 20px;

  border: 0;
  border-radius: 17px;

  background: #09261e;
  color: #ffffff;

  font-size: 15px;
  font-weight: 750;

  cursor: pointer;
}

.sale-manager-button span:last-child {
  font-size: 24px;
  font-weight: 400;
}

@media (hover: hover) {
  .sale-property-card:hover {
    transform: translateY(-2px);

    box-shadow:
      0 16px 38px
      rgba(9, 38, 30, 0.09);
  }
}

@media (max-width: 900px) {
  .sale-filter-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .sale-catalog-results {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sale-catalog-shell {
    padding:
      calc(
        54px +
        env(safe-area-inset-top)
      )
      12px
      calc(
        28px +
        env(safe-area-inset-bottom)
      );
  }

  .sale-catalog-header h2 {
    font-size: 24px;
  }

  .sale-filter-panel {
    margin: 17px 0;
    padding: 13px;
    border-radius: 19px;
  }

  .sale-filter-panel__top {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .sale-filter-reset {
    min-height: 44px;
  }

  .sale-filter-grid,
  .sale-filter-ranges {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .sale-filter-panel input,
  .sale-filter-panel select {
    min-height: 48px;
    font-size: 16px !important;
  }

  .sale-catalog-results {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 14px;
  }

  .sale-property-card__image {
    aspect-ratio: 16 / 11;
  }

  .sale-detail-info > div {
    grid-template-columns:
      minmax(95px, 0.8fr)
      minmax(0, 1.2fr);

    gap: 12px;
  }

  .sale-detail-price {
    font-size: 31px;
  }
}


/* Consultation */

.sale-detail-price + .sale-manager-button {
  margin-top: 14px;
  margin-bottom: 18px;
}

.sale-manager-button:disabled {
  cursor: wait;
  opacity: 0.82;
}

.sale-manager-button.is-loading {
  pointer-events: none;
}

.sale-manager-button.is-success {
  background: #315c4e;
  pointer-events: none;
}


/* Projects and offers */

.sale-property-card--project {
  position: relative;

  border-color:
    rgba(49, 88, 76, 0.16);

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfaf7 100%
    );

  box-shadow:
    0 12px 32px
    rgba(9, 38, 30, 0.085);
}

.sale-property-card--project::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background: #31584c;

  content: "";
}

.sale-property-card__project-badge {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: 12px;

  padding: 8px 11px;

  border:
    1px solid
    rgba(255, 255, 255, 0.34);
  border-radius: 999px;

  background:
    rgba(9, 38, 30, 0.84);

  color: #ffffff;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.045em;
  text-transform: uppercase;

  backdrop-filter: blur(10px);
}

.sale-property-card__project-meta {
  margin: -5px 0 12px;

  overflow: hidden;

  color: #81786c;

  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.sale-property-card--project
.sale-property-card__facts span {
  border:
    1px solid
    rgba(49, 88, 76, 0.09);

  background: #eef2ee;
}

.sale-property-card__footer--project {
  align-items: flex-end;
}

.sale-property-card__footer--project > div {
  min-width: 0;
}

.sale-property-card__footer--project small {
  display: block;

  margin-bottom: 3px;

  color: #81786c;

  font-size: 10px;
  font-weight: 650;
  line-height: 1.15;
}

.sale-property-card__footer--project strong {
  display: block;
}


body[data-client-screen="sale"] > .hero,
body[data-client-screen="sale"] > main {
  display: none !important;
}

body[data-client-screen="sale"]
.sale-catalog-panel:not([hidden]) {
  display: block !important;
}


.sale-project-card-v2 {
  overflow: hidden;

  border:
    1px solid
    rgba(9, 38, 30, 0.09);

  border-radius: 26px;

  background: #ffffff;

  box-shadow:
    0 10px 30px
    rgba(9, 38, 30, 0.075);
}

.sale-project-card-v2::before {
  display: none;
}

.sale-project-card__image {
  position: relative;

  overflow: hidden;

  aspect-ratio: 1.55 / 1;

  background: #ece9e1;
}

.sale-project-card__image > img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

.sale-project-card__body {
  padding: 15px 16px 16px;
}

.sale-project-card__location {
  overflow: hidden;

  margin-bottom: 7px;

  color: #81786c;

  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.sale-project-card__title {
  display: -webkit-box;

  overflow: hidden;

  margin: 0;

  color: #09261e;

  font-size: 18px;
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: -0.025em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.sale-project-card__price {
  display: flex;

  margin-top: 15px;

  align-items: baseline;
  flex-wrap: wrap;

  gap: 5px 10px;
}

.sale-project-card__price strong {
  color: #09261e;

  font-size: 21px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.sale-project-card__price span {
  color: #81786c;

  font-size: 11px;
  font-weight: 650;
}

.sale-project-card__facts {
  display: flex;

  margin-top: 12px;

  flex-wrap: wrap;

  gap: 7px;
}

.sale-project-card__facts span {
  padding: 7px 10px;

  border:
    1px solid
    rgba(9, 38, 30, 0.07);

  border-radius: 999px;

  background: #f4f2ec;
  color: #31584c;

  font-size: 11px;
  font-weight: 720;
  line-height: 1;
}

.sale-project-card__project-info {
  display: flex;

  margin-top: 14px;
  padding-top: 12px;

  align-items: center;
  flex-wrap: wrap;

  gap: 7px 14px;

  border-top:
    1px solid
    rgba(9, 38, 30, 0.07);

  color: #655e55;

  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

.sale-project-card__project-info strong {
  color: #31584c;
  font-weight: 800;
}

.sale-project-card__developer {
  margin-top: 10px;

  color: #81786c;

  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
}

.sale-project-card__developer strong {
  margin-left: 4px;

  color: #31584c;

  font-size: 11px;
  font-weight: 750;
}

.sale-project-card__cta {
  display: flex;

  margin-top: 14px;
  min-height: 46px;
  padding: 0 15px;

  align-items: center;
  justify-content: space-between;

  border-radius: 15px;

  background: #09261e;
  color: #ffffff;

  font-size: 13px;
  font-weight: 750;
  line-height: 1;
}

.sale-project-card__cta
span:last-child {
  font-size: 18px;
  font-weight: 500;
}



.sale-project-detail {
  width: min(100%, 860px);
  margin: 0 auto;
  padding:
    24px
    20px
    120px;
}

.sale-project-detail__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 12px;
  margin-bottom: 15px;
}

.sale-project-detail__badge {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #09261e;
  color: #fff;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .075em;
  line-height: 1;
  text-transform: uppercase;
}

.sale-project-detail__location {
  color: #31584c;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .075em;
  line-height: 1.35;
  text-transform: uppercase;
}

.sale-project-detail__title {
  max-width: 760px;
  margin: 0 0 18px;
  color: #09261e;
  font-size: clamp(27px, 5vw, 38px);
  font-weight: 680;
  letter-spacing: -.035em;
  line-height: 1.11;
  text-wrap: balance;
}

.sale-project-detail__price {
  margin: 0 0 18px;
  color: #09261e;
  font-size: clamp(27px, 5vw, 34px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.sale-project-detail__hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 22px;
}

.sale-project-detail__hero-facts span {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  padding: 9px 14px;
  border: 0;
  border-radius: 999px;
  background: #f3f0e8;
  color: #173f34;
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
}

.sale-project-detail__cta {
  width: 100%;
  min-height: 58px;
  margin-bottom: 32px;
  justify-content: space-between;
  border-radius: 18px;
  font-size: 15px;
}

.sale-project-detail__section {
  padding: 31px 0;
  border-top: 1px solid rgba(9, 38, 30, .09);
}

.sale-project-detail__section h3 {
  margin: 0 0 19px;
  color: #09261e;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.12;
  text-wrap: balance;
}

.sale-project-detail__description {
  max-width: 760px;
  margin: 0;
  color: #25352f;
  font-size: 15px;
  font-weight: 430;
  letter-spacing: -.008em;
  line-height: 1.7;
  text-wrap: pretty;
}

.sale-project-detail__overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 5px 0 2px;
}

.sale-project-detail__overview-card {
  display: flex;
  min-height: 103px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 13px;
  border: 1px solid rgba(9, 38, 30, .075);
  border-radius: 19px;
  background: #f4f0e7;
}

.sale-project-detail__overview-card span {
  color: #6f7b76;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .075em;
  line-height: 1.25;
  text-transform: uppercase;
}

.sale-project-detail__overview-card strong {
  color: #09261e;
  font-size: 16px;
  font-weight: 750;
  letter-spacing: -.02em;
  line-height: 1.2;
}

.sale-project-detail__variants {
  display: grid;
  gap: 14px;
}

.sale-project-detail__variant {
  display: flex;
  min-height: 75px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 15px;
  border: 1px solid rgba(9, 38, 30, .09);
  border-radius: 17px;
  background: #fff;
}

.sale-project-detail__variant > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.sale-project-detail__variant strong {
  color: #09261e;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.02em;
  line-height: 1.1;
}

.sale-project-detail__variant span {
  color: #75817d;
  font-size: 12px;
  line-height: 1.2;
}

.sale-project-detail__variant-count {
  flex: 0 0 auto;
  padding: 10px 13px;
  border-radius: 999px;
  background: #09261e;
  color: #fff;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: -.01em;
  line-height: 1;
  white-space: nowrap;
}

.sale-project-detail__variant-summary {
  display: flex;
  min-height: 60px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(9, 38, 30, .08);
  border-radius: 16px;
  background: #faf8f3;
}

.sale-project-detail__variant-summary span {
  color: #6f7b76;
  font-size: 12px;
  font-weight: 550;
}

.sale-project-detail__variant-summary strong {
  color: #09261e;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.sale-project-detail__note {
  margin: 12px 2px 0;
  color: #7b8581;
  font-size: 11px;
  line-height: 1.55;
}

.sale-project-detail__tags {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 0;
}

@media (max-width: 640px) {
  .sale-project-detail {
    padding:
      22px
      16px
      112px;
  }

  .sale-project-detail__title {
    font-size: 27px;
    line-height: 1.12;
  }

  .sale-project-detail__price {
    font-size: 28px;
  }

  .sale-project-detail__section {
    padding: 29px 0;
  }

  .sale-project-detail__section h3 {
    font-size: 25px;
  }

  .sale-project-detail__description {
    font-size: 14px;
    line-height: 1.68;
  }

  .sale-project-detail__overview {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .sale-project-detail__overview-card {
    min-height: 96px;
    padding: 13px 10px;
    border-radius: 17px;
  }

  .sale-project-detail__overview-card strong {
    font-size: 15px;
  }

  .sale-project-detail__tags {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}


.sale-project-card-v3 {
  overflow: hidden;
  border: 1px solid rgba(9, 38, 30, .065);
  border-radius: 22px;
  background: #fff;
  box-shadow:
    0 10px 30px
    rgba(9, 38, 30, .055);
}

.sale-project-card-v3__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.72 / 1;
  background: #ece9e1;
}

.sale-project-card-v3__image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sale-project-card-v3__badge,
.sale-project-card-v3__photos {
  position: absolute;
  top: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  backdrop-filter: blur(10px);
}

.sale-project-card-v3__badge {
  left: 12px;
  background:
    rgba(9, 38, 30, .88);
  color: #fff;
}

.sale-project-card-v3__photos {
  right: 12px;
  background:
    rgba(255, 255, 255, .88);
  color: #31584c;
}

.sale-project-card-v3__body {
  padding: 14px 16px 15px;
}

.sale-project-card-v3__location {
  margin-bottom: 7px;
  overflow: hidden;
  color: #7c786f;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .015em;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sale-project-card-v3__title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: #09261e;
  font-size: 18px;
  font-weight: 780;
  letter-spacing: -.03em;
  line-height: 1.16;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sale-project-card-v3__price {
  margin-top: 13px;
  color: #09261e;
  font-size: 23px;
  font-weight: 820;
  letter-spacing: -.04em;
  line-height: 1.05;
}

.sale-project-card-v3__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.sale-project-card-v3__facts span {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f3f0e8;
  color: #31584c;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.sale-project-card-v3__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 7px 14px;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid rgba(9, 38, 30, .07);
  color: #6b665d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

.sale-project-card-v3__footer strong {
  color: #31584c;
  font-weight: 800;
}

@media (max-width: 640px) {
  .sale-project-card-v3 {
    border-radius: 20px;
  }

  .sale-project-card-v3__body {
    padding:
      12px
      14px
      14px;
  }

  .sale-project-card-v3__title {
    font-size: 17px;
  }

  .sale-project-card-v3__price {
    font-size: 21px;
  }
}


.sale-project-detail__offer-group {
  display: grid;
  gap: 11px;
  padding: 13px;
  border: 1px solid rgba(9, 38, 30, .08);
  border-radius: 21px;
  background: #faf9f6;
}

.sale-project-detail__offer-group-head {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 3px;
}

.sale-project-detail__offer-group-head strong {
  color: #09261e;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.sale-project-detail__offer-group-head span {
  color: #7a8581;
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}

.sale-project-detail__offer-list {
  display: grid;
  gap: 8px;
}

.sale-project-detail__offer-item {
  display: block;
  overflow: hidden;
  border-radius: 17px;
}

.sale-project-detail__offer-item > summary {
  list-style: none;
  outline: none;
}

.sale-project-detail__offer-item > summary::-webkit-details-marker {
  display: none;
}

.sale-project-detail__variant--offer {
  width: 100%;
  cursor: pointer;
  user-select: none;
}

.sale-project-detail__offer-item[open]
.sale-project-detail__variant--offer {
  border-color: rgba(9, 38, 30, .22);
  border-radius: 17px 17px 0 0;
  background: #fff;
}

.sale-project-detail__offer-detail {
  display: grid;
  gap: 10px;
  padding: 14px 15px 15px;
  border: 1px solid rgba(9, 38, 30, .09);
  border-top: 0;
  border-radius: 0 0 17px 17px;
  background: #fff;
}

.sale-project-detail__offer-detail-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  font-size: 12px;
  line-height: 1.4;
}

.sale-project-detail__offer-detail-row span {
  color: var(--muted);
}

.sale-project-detail__offer-detail-row strong {
  color: #09261e;
  text-align: right;
}

.sale-project-detail__offer-cta {
  width: 100%;
  min-height: 50px;
  margin-top: 7px;
  border-radius: 15px;
}

.sale-project-detail__offer-hidden {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f1eee6;
  color: #536860;
  font-size: 11px;
}

.sale-project-detail__offer-hidden strong {
  color: #09261e;
  white-space: nowrap;
}

.sale-project-detail__offer-empty {
  padding: 16px;
  border-radius: 16px;
  background: #f4f1e9;
  color: #697872;
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .sale-project-detail__variant--offer {
    gap: 10px;
    padding: 13px;
  }

  .sale-project-detail__variant-count {
    max-width: 54%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* Sale page */

.sale-catalog-panel {
  background: #f5f2eb;
  color: #07352a;
}

.sale-catalog-shell {
  width: 100%;
  max-width: none;
  min-height: 100%;
  margin: 0;
  padding:
    0 0
    calc(
      var(--client-content-bottom) +
      24px
    );
}


/* HERO */

.sale-redesign-hero {
  position: relative;

  display: flex;
  align-items: flex-end;

  min-height: 378px;

  padding:
    max(
      126px,
      calc(
        var(--ios-content-safe-top) +
        52px
      )
    )
    18px
    108px;

  overflow: hidden;

  border-radius: 0 0 32px 32px;

  background:
    linear-gradient(
      180deg,
      rgba(1, 22, 17, 0.07) 0%,
      rgba(1, 25, 19, 0.2) 42%,
      rgba(1, 25, 19, 0.82) 100%
    ),
    url("/assets/lakeeva-rental-hero.webp")
      center 57% / cover
      no-repeat;

  box-shadow:
    0 18px 46px
    rgba(2, 31, 23, 0.18);
}

.sale-redesign-hero__content {
  width: min(100%, 480px);
  margin: 0 auto;
}

.sale-redesign-hero__content::before {
  display: block;

  width: 29px;
  height: 2px;

  margin-bottom: 13px;

  background: #e8c98f;

  content: "";
}

.sale-redesign-hero__content > span {
  display: block;

  margin-bottom: 7px;

  color:
    rgba(255, 255, 255, 0.74);

  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.sale-redesign-hero__content h1 {
  max-width: 450px;

  margin: 0;

  color: #ffffff;

  font-size:
    clamp(31px, 8.2vw, 43px);
  font-weight: 720;
  line-height: 1.02;
  letter-spacing: -0.052em;

  text-wrap: balance;
}

.sale-redesign-hero__content p {
  max-width: 390px;

  margin: 15px 0 0;

  color:
    rgba(255, 255, 255, 0.78);

  font-size: 14px;
  font-weight: 450;
  line-height: 1.48;
  letter-spacing: -0.012em;
}


/* ЗАКРЫТИЕ СТРАНИЦЫ */

.sale-redesign-hero__close {
  position: absolute;

  z-index: 3;

  top:
    max(
      88px,
      calc(
        var(--ios-content-safe-top) +
        14px
      )
    );
  right: 18px;

  display: grid;

  width: 42px;
  height: 42px;

  padding: 0;

  place-items: center;

  border:
    1px solid
    rgba(255, 255, 255, 0.62);
  border-radius: 50%;

  background:
    rgba(255, 255, 255, 0.88);

  color: #09261e;

  box-shadow:
    0 8px 24px
    rgba(0, 24, 17, 0.2);

  -webkit-backdrop-filter:
    blur(16px)
    saturate(150%);
  backdrop-filter:
    blur(16px)
    saturate(150%);
}

.sale-redesign-hero__close > span {
  position: relative;

  display: block;

  width: 16px;
  height: 16px;
}

.sale-redesign-hero__close > span::before,
.sale-redesign-hero__close > span::after {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 16px;
  height: 1.8px;

  border-radius: 999px;

  background: currentColor;

  content: "";
}

.sale-redesign-hero__close > span::before {
  transform:
    translate(-50%, -50%)
    rotate(45deg);
}

.sale-redesign-hero__close > span::after {
  transform:
    translate(-50%, -50%)
    rotate(-45deg);
}


/* ОСНОВНОЙ ПОИСК */

.sale-redesign-search {
  position: relative;
  z-index: 2;

  width: min(
    calc(100% - 18px),
    960px
  );

  margin: -70px auto 0;
  padding: 16px;

  border:
    1px solid
    rgba(7, 53, 42, 0.07);
  border-radius: 25px;

  background:
    rgba(255, 255, 255, 0.97);

  box-shadow:
    0 18px 44px
    rgba(2, 32, 23, 0.14);

  -webkit-backdrop-filter:
    blur(22px)
    saturate(130%);
  backdrop-filter:
    blur(22px)
    saturate(130%);
}

.sale-redesign-search__heading {
  display: grid;
  gap: 2px;

  margin: 0 2px 14px;
}

.sale-redesign-search__heading span {
  color: #8d806d;

  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sale-redesign-search__heading strong {
  color: #07352a;

  font-size: 18px;
  font-weight: 720;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

.sale-redesign-search__primary {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, 1fr)
    minmax(120px, 0.75fr)
    auto;

  align-items: end;

  gap: 10px;
}

.sale-redesign-search label,
.sale-advanced-filters label,
.sale-advanced-filters .sale-filter-range {
  display: grid;
  gap: 6px;

  min-width: 0;
}

.sale-redesign-search label > span,
.sale-advanced-filters label > span,
.sale-advanced-filters
.sale-filter-range > span {
  color: #53665e;

  font-size: 10.5px;
  font-weight: 650;
  line-height: 1.2;
}

.sale-redesign-search select,
.sale-advanced-filters input,
.sale-advanced-filters select {
  width: 100%;
  min-width: 0;
  min-height: 49px;

  padding: 0 12px;

  border:
    1px solid
    rgba(7, 53, 42, 0.1);
  border-radius: 14px;

  background: #f7f5ef;
  color: #09261e;

  font-size: 14px;
  font-weight: 600;

  outline: none;
}

.sale-redesign-search select:focus,
.sale-advanced-filters input:focus,
.sale-advanced-filters select:focus {
  border-color:
    rgba(7, 53, 42, 0.36);

  background: #ffffff;

  box-shadow:
    0 0 0 3px
    rgba(7, 53, 42, 0.06);
}

.sale-redesign-search__submit {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 16px;

  min-width: 166px;
  min-height: 49px;

  padding: 0 17px;

  border: 0;
  border-radius: 14px;

  background:
    linear-gradient(
      145deg,
      #073a2d,
      #0d4c3c
    );

  color: #ffffff;

  box-shadow:
    0 9px 22px
    rgba(3, 48, 36, 0.2);

  font-size: 13px;
  font-weight: 700;
}

.sale-redesign-search__submit:active {
  transform: scale(0.985);
}


/* ДОПОЛНИТЕЛЬНЫЕ ФИЛЬТРЫ */

.sale-advanced-filters {
  margin-top: 13px;
  padding-top: 13px;

  border-top:
    1px solid
    rgba(7, 53, 42, 0.075);
}

.sale-advanced-filters > summary {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  min-height: 36px;

  padding: 0 2px;

  color: #52675f;

  font-size: 12px;
  font-weight: 680;

  cursor: pointer;

  list-style: none;
}

.sale-advanced-filters > summary::-webkit-details-marker {
  display: none;
}

.sale-advanced-filters
> summary
> span:last-child {
  color: #789087;

  font-size: 21px;
  font-weight: 400;

  transition:
    transform 220ms ease;
}

.sale-advanced-filters[open]
> summary
> span:last-child {
  transform: rotate(180deg);
}

.sale-advanced-filters__grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 11px;

  margin-top: 12px;
}

.sale-advanced-filters
.sale-filter-ranges {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 11px;

  margin-top: 11px;
}

.sale-advanced-filters
.sale-filter-range > div {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 7px;
}

.sale-advanced-filters
.sale-filter-range small {
  min-height: 0;

  color: #928777;

  font-size: 9.5px;
  line-height: 1.3;
}

.sale-advanced-filters
.sale-filter-reset {
  min-height: 44px;

  margin-top: 12px;
  padding: 0 15px;

  border:
    1px solid
    rgba(7, 53, 42, 0.11);
  border-radius: 13px;

  background: #f7f5ef;
  color: #31584c;

  font-size: 12px;
  font-weight: 680;
}

/* ПОПУЛЯРНЫЕ РАЙОНЫ */

.sale-popular-areas {
  width: min(
    calc(100% - 18px),
    960px
  );

  margin: 27px auto 0;
}

.sale-popular-areas__header {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  margin: 0 4px 13px;
}

.sale-popular-areas__header > div {
  display: grid;
  gap: 3px;
}

.sale-popular-areas__header span {
  color: #8c8173;

  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.sale-popular-areas__header h2 {
  margin: 0;

  color: #07352a;

  font-size: 23px;
  font-weight: 730;
  line-height: 1.1;
  letter-spacing: -0.042em;
}

.sale-popular-areas__header small {
  padding-bottom: 2px;

  color: #968d81;

  font-size: 10px;
  font-weight: 550;
}

.sale-popular-areas__scroller {
  display: flex;
  gap: 11px;

  margin-right: -9px;
  padding:
    0 9px 8px 0;

  overflow-x: auto;

  scroll-snap-type: x mandatory;
  scrollbar-width: none;

  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.sale-popular-areas__scroller::-webkit-scrollbar {
  display: none;
}

.sale-popular-area-card {
  position: relative;

  width: 158px;
  min-width: 158px;
  height: 212px;

  padding: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(7, 53, 42, 0.08);
  border-radius: 22px;

  background: #d6d1c8;

  box-shadow:
    0 12px 29px
    rgba(4, 38, 29, 0.12);

  scroll-snap-align: start;

  transition:
    transform 190ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.sale-popular-area-card:active {
  transform: scale(0.975);
}

.sale-popular-area-card.is-active {
  border-color:
    rgba(205, 170, 106, 0.96);

  box-shadow:
    0 0 0 2px
      rgba(205, 170, 106, 0.22),
    0 16px 34px
      rgba(4, 38, 29, 0.17);
}

.sale-popular-area-card img {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 650ms
    cubic-bezier(0.22, 1, 0.36, 1);
}

.sale-popular-area-card:active img,
.sale-popular-area-card.is-active img {
  transform: scale(1.045);
}

.sale-popular-area-card__shade {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(1, 25, 19, 0.01) 18%,
      rgba(1, 25, 19, 0.15) 53%,
      rgba(1, 23, 18, 0.84) 100%
    );
}

.sale-popular-area-card__content {
  position: absolute;

  right: 13px;
  bottom: 13px;
  left: 13px;

  display: grid;
  gap: 3px;

  color: #ffffff;
  text-align: left;
}

.sale-popular-area-card__content strong {
  font-size: 15px;
  font-weight: 690;
  line-height: 1.14;
  letter-spacing: -0.028em;
}

.sale-popular-area-card__content small {
  color:
    rgba(255, 255, 255, 0.72);

  font-size: 10px;
  font-weight: 550;
}


/* РЕЗУЛЬТАТЫ */

.sale-catalog-summary,
.sale-catalog-status,
.sale-catalog-results,
.sale-catalog-more {
  width: min(
    calc(100% - 18px),
    960px
  );

  margin-right: auto;
  margin-left: auto;
}

.sale-catalog-summary {
  margin-top: 27px;
  margin-bottom: 13px;
  padding: 0 4px;
}

.sale-catalog-summary strong {
  color: #07352a;

  font-size: 19px;
  font-weight: 730;
  letter-spacing: -0.035em;
}

.sale-catalog-summary span {
  color: #91877a;

  font-size: 10.5px;
  font-weight: 600;
}

.sale-catalog-status {
  margin-bottom: 13px;

  border-radius: 16px;

  background:
    rgba(255, 255, 255, 0.82);
}

.sale-catalog-results {
  display: grid;

  grid-template-columns:
    1fr;

  gap: 12px;
}

.sale-property-card {
  content-visibility: auto;
  contain-intrinsic-size: 172px;

  display: grid;

  grid-template-columns:
    154px
    minmax(0, 1fr);

  min-height: 172px;

  overflow: hidden;

  border:
    1px solid
    rgba(7, 53, 42, 0.07);
  border-radius: 22px;

  background: #ffffff;

  box-shadow:
    0 10px 28px
    rgba(9, 38, 30, 0.065);
}

.sale-property-card__image {
  height: 100%;
  min-height: 172px;

  aspect-ratio: auto;

  border-radius: 0;
}

.sale-property-card__image img {
  transition:
    transform 550ms
    cubic-bezier(0.22, 1, 0.36, 1);
}

.sale-property-card:active
.sale-property-card__image img {
  transform: scale(1.025);
}

.sale-property-card__photos {
  right: 9px;
  bottom: 9px;

  padding: 6px 8px;

  font-size: 9.5px;
}

.sale-property-card__body {
  display: flex;
  flex-direction: column;

  min-width: 0;

  padding: 14px;
}

.sale-property-card__location {
  margin-bottom: 5px;

  color: #61786f;

  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.045em;
}

.sale-property-card h3 {
  min-height: 0;

  margin: 0 0 9px;

  color: #07352a;

  font-size: 15.5px;
  font-weight: 720;
  line-height: 1.22;
  letter-spacing: -0.028em;
}

.sale-property-card__facts {
  gap: 5px;
}

.sale-property-card__facts span {
  padding: 5px 7px;

  border-radius: 8px;

  background: #f1efe8;
  color: #31584c;

  font-size: 9.5px;
  font-weight: 650;
}

.sale-property-card__footer {
  margin-top: auto;
  padding-top: 10px;

  gap: 8px;
}

.sale-property-card__footer strong {
  font-size: 15.5px;
  font-weight: 780;
  letter-spacing: -0.032em;
}

.sale-property-card__footer span {
  font-size: 10px;
  font-weight: 700;
}

.sale-catalog-more {
  min-height: 52px;

  margin-top: 20px;

  border-radius: 16px;

  background:
    linear-gradient(
      145deg,
      #073a2d,
      #0d4c3c
    );

  box-shadow:
    0 9px 22px
    rgba(3, 48, 36, 0.18);

  font-size: 13px;
}

.sale-catalog-empty {
  padding: 35px 18px;

  border:
    1px solid
    rgba(7, 53, 42, 0.06);

  background:
    rgba(255, 255, 255, 0.9);

  color: #69766f;

  font-size: 13px;
}


/* АДАПТИВ */

@media (min-width: 820px) {
  .sale-redesign-hero__content {
    width: min(
      calc(100% - 36px),
      960px
    );
  }

  .sale-catalog-results {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

  .sale-property-card {
    grid-template-columns:
      178px
      minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .sale-redesign-search__primary {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

  .sale-redesign-search__submit {
    min-width: 0;
  }

  .sale-advanced-filters__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }
}

@media (max-width: 420px) {
  .sale-redesign-search {
    padding: 15px;
  }

  .sale-redesign-search__primary {
    gap: 8px;
  }

  .sale-redesign-search select {
    min-height: 47px;

    padding: 0 9px;

    font-size: 12px;
  }

  .sale-redesign-search__submit {
    min-height: 47px;

    padding: 0 10px;

    gap: 8px;

    font-size: 11.5px;
  }

  .sale-advanced-filters__grid,
  .sale-advanced-filters
  .sale-filter-ranges {
    grid-template-columns: 1fr;
  }

  .sale-property-card {
    grid-template-columns:
      138px
      minmax(0, 1fr);

    min-height: 168px;
  }

  .sale-property-card__image {
    min-height: 168px;
  }

  .sale-property-card__body {
    padding: 12px;
  }

  .sale-property-card h3 {
    font-size: 14px;
  }

  .sale-property-card__footer {
    align-items: flex-end;
  }

  .sale-property-card__footer strong {
    font-size: 13.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sale-popular-area-card,
  .sale-popular-area-card img,
  .sale-redesign-search__submit {
    transition: none !important;
  }
}

.sale-redesign-hero {
  background:
    url("/assets/lakeeva-sale-hero-poster.jpg")
    center 56% / cover
    no-repeat !important;

  isolation: isolate;
}

.sale-redesign-hero::after {
  position: absolute;
  z-index: 1;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(1, 22, 17, 0.07) 0%,
      rgba(1, 25, 19, 0.20) 42%,
      rgba(1, 25, 19, 0.82) 100%
    );

  content: "";
  pointer-events: none;
}

.sale-redesign-hero__video {
  position: absolute;
  z-index: 0;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center 56%;

  pointer-events: none;
}

.sale-redesign-hero__content {
  position: relative;
  z-index: 2;
}

.sale-redesign-hero__close {
  z-index: 3;
}

.sale-redesign-search__heading {
  gap: 0;
}

.sale-catalog-panel {
  --lakeeva-hero-top-bleed:
    var(
      --ios-content-safe-top,
      env(safe-area-inset-top)
    );
}

.sale-redesign-hero {
  position: relative !important;

  display: flex !important;
  align-items: flex-end !important;

  min-height: 332px !important;

  padding:
    max(
      122px,
      calc(
        var(
          --ios-content-safe-top,
          0px
        ) +
        48px
      )
    )
    18px
    82px !important;

  overflow: visible !important;

  border-radius:
    0 0 30px 30px !important;

  background:
    url("/assets/lakeeva-sale-hero-poster.jpg")
    center 56% / cover
    no-repeat !important;

  box-shadow:
    0 18px 50px
    rgba(1, 29, 21, 0.16) !important;

  isolation: isolate;
}

/*
 * Техническая внутренняя кнопка закрытия
 * убирается. Используются кнопки Telegram,
 * как на странице аренды.
 */

.sale-redesign-hero__close {
  display: none !important;
}

.sale-redesign-hero__video {
  top:
    calc(
      0px -
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;

  width: 100% !important;

  height:
    calc(
      100% +
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  border-radius:
    0 0 30px 30px;

  object-fit: cover !important;
  object-position: center 56% !important;
}

.sale-redesign-hero::after {
  top:
    calc(
      0px -
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;

  width: 100% !important;

  height:
    calc(
      100% +
      var(
        --lakeeva-hero-top-bleed,
        0px
      )
    ) !important;

  border-radius:
    0 0 30px 30px !important;

  background:
    linear-gradient(
      180deg,
      rgba(1, 28, 22, 0.12) 0%,
      rgba(1, 28, 22, 0.22) 42%,
      rgba(1, 28, 22, 0.80) 100%
    ) !important;
}

.sale-redesign-hero__content {
  position: relative !important;
  z-index: 2 !important;

  width: min(100%, 430px) !important;
  margin: 0 !important;
}

.sale-redesign-hero__content::before {
  width: 28px !important;
  height: 2px !important;

  margin-bottom: 13px !important;

  border-radius: 999px;
}

.sale-redesign-hero__content h1 {
  max-width: 370px !important;

  margin: 0 !important;

  font-size:
    clamp(
      32px,
      8.4vw,
      40px
    ) !important;

  font-weight: 680 !important;
  line-height: 1.01 !important;
  letter-spacing: -0.052em !important;
}

.sale-redesign-hero__content p {
  max-width: 390px !important;

  margin: 14px 0 0 !important;

  color:
    rgba(255, 255, 255, 0.68) !important;

  font-size:
    clamp(
      13px,
      3.65vw,
      15px
    ) !important;

  font-weight: 430 !important;
  line-height: 1.5 !important;
}

/*
 * Форма продажи получает ту же карточку,
 * отступы, скругления и размеры элементов,
 * что форма аренды.
 */

.sale-redesign-search {
  width:
    min(
      calc(100% - 20px),
      980px
    ) !important;

  margin: -54px auto 0 !important;
  padding: 15px !important;

  border:
    1px solid
    rgba(7, 53, 42, 0.07) !important;

  border-radius: 30px !important;

  background:
    rgba(255, 255, 255, 0.98) !important;

  box-shadow:
    0 18px 44px
    rgba(2, 32, 23, 0.14) !important;
}

.sale-redesign-search__heading {
  margin:
    0 5px 18px !important;
}

.sale-redesign-search__heading strong {
  color: #07352a !important;

  font-size: 24px !important;
  font-weight: 720 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.035em !important;
}

.sale-redesign-search__primary {
  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap: 12px !important;
}

.sale-redesign-search label,
.sale-advanced-filters label,
.sale-advanced-filters
.sale-filter-range {
  gap: 9px !important;
}

.sale-redesign-search label > span,
.sale-advanced-filters label > span,
.sale-advanced-filters
.sale-filter-range > span {
  color: #172720 !important;

  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
}

.sale-redesign-search select,
.sale-advanced-filters input,
.sale-advanced-filters select {
  min-height: 64px !important;

  padding:
    0 18px !important;

  border:
    1px solid
    rgba(7, 53, 42, 0.12) !important;

  border-radius: 18px !important;

  background: #f7f5ef !important;
  color: #09261e !important;

  font-size: 17px !important;
  font-weight: 600 !important;
}

.sale-redesign-search__submit {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;

  padding:
    0 20px !important;

  border-radius: 18px !important;

  background: #07503d !important;

  font-size: 17px !important;
  font-weight: 720 !important;

  box-shadow: none !important;
}

.sale-advanced-filters {
  margin-top: 18px !important;
  padding-top: 18px !important;
}

.sale-advanced-filters summary {
  min-height: 54px;

  align-items: center;

  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 390px) {
  .sale-redesign-hero {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .sale-redesign-search {
    width:
      calc(100% - 16px) !important;

    padding: 14px !important;
  }

  .sale-redesign-search__primary {
    gap: 10px !important;
  }

  .sale-redesign-search select,
  .sale-redesign-search__submit {
    min-height: 60px !important;

    font-size: 15px !important;
  }
}

/*
 * Форма продажи использует фактические
 * размеры активной мобильной формы аренды.
 */

.sale-search-panel,
.sale-search-panel *,
.sale-search-panel *::before,
.sale-search-panel *::after {
  box-sizing: border-box;
}


/* Карточка формы */

.sale-search-panel.search-panel {
  position: relative !important;
  z-index: 3 !important;

  width:
    min(
      calc(100% - 20px),
      980px
    ) !important;

  margin:
    -54px auto 0 !important;

  padding:
    15px !important;

  overflow:
    hidden !important;

  border:
    1px solid
    rgba(7, 53, 42, 0.07) !important;

  border-radius:
    30px !important;

  background:
    rgba(255, 255, 255, 0.98) !important;

  box-shadow:
    0 18px 44px
    rgba(2, 32, 23, 0.14) !important;

  font-family:
    var(--font-ui) !important;

  -webkit-backdrop-filter:
    blur(24px);

  backdrop-filter:
    blur(24px);
}


/*
 * Убираем старый псевдозаголовок
 * «Параметры поездки».
 */

.sale-search-panel.search-panel::before {
  display:
    none !important;

  content:
    none !important;
}


/* Заголовок как «Подбор жилья» */

.sale-search-panel
.rental-search-heading {
  display:
    block !important;

  margin:
    0 2px 18px !important;

  padding:
    0 !important;
}

.sale-search-panel
.rental-search-heading strong {
  display:
    block !important;

  margin:
    0 !important;

  color:
    #09261e !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    24px !important;

  font-weight:
    720 !important;

  line-height:
    1.15 !important;

  letter-spacing:
    -0.035em !important;
}


/* Основная вертикальная сетка */

.sale-search-panel
.sale-rental-form {
  display:
    block !important;

  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    100% !important;
}

.sale-search-panel
.sale-rental-form__district,
.sale-search-panel
.sale-rental-form__pair {
  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    100% !important;
}

.sale-search-panel
.sale-rental-form__pair {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap:
    9px !important;

  margin-top:
    14px !important;
}


/* Поля */

.sale-search-panel
.field {
  display:
    block !important;

  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    100% !important;

  margin:
    0 !important;
}

.sale-search-panel
.field > span {
  display:
    block !important;

  margin:
    0 0 8px 2px !important;

  color:
    #172720 !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    -0.015em !important;
}


/* Select как в аренде */

.sale-search-panel
.field select {
  display:
    block !important;

  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    100% !important;

  height:
    50px !important;

  min-height:
    48px !important;

  margin:
    0 !important;

  padding:
    0 34px 0 13px !important;

  overflow:
    hidden !important;

  border:
    1px solid
    rgba(6, 41, 31, 0.11) !important;

  border-radius:
    14px !important;

  background-color:
    var(
      --ios-cream-50,
      #f7f5ef
    ) !important;

  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      #09261e 50%
    ),
    linear-gradient(
      135deg,
      #09261e 50%,
      transparent 50%
    ) !important;

  background-repeat:
    no-repeat !important;

  background-position:
    calc(100% - 17px) 21px,
    calc(100% - 12px) 21px !important;

  background-size:
    5px 5px,
    5px 5px !important;

  color:
    var(
      --ios-text,
      #09261e
    ) !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    16px !important;

  font-weight:
    500 !important;

  line-height:
    normal !important;

  text-overflow:
    ellipsis !important;

  white-space:
    nowrap !important;

  outline:
    none !important;

  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.75) !important;

  -webkit-appearance:
    none !important;

  appearance:
    none !important;
}

.sale-search-panel
.field select:focus {
  border-color:
    var(
      --green-700,
      #1c493c
    ) !important;

  background-color:
    #ffffff !important;

  box-shadow:
    0 0 0 3px
    rgba(28, 73, 60, 0.1) !important;
}


/* Кнопка как в аренде */

.sale-search-panel
.search-button {
  display:
    flex !important;

  width:
    100% !important;

  min-width:
    0 !important;

  height:
    54px !important;

  min-height:
    50px !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    12px !important;

  margin:
    14px 0 0 !important;

  padding:
    0 17px !important;

  border:
    0 !important;

  border-radius:
    14px !important;

  background:
    linear-gradient(
      135deg,
      var(
        --ios-green-900,
        #073a2d
      ),
      var(
        --ios-green-800,
        #0d4c3c
      )
    ) !important;

  color:
    #ffffff !important;

  box-shadow:
    0 10px 24px
    rgba(3, 40, 31, 0.2) !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    14px !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;

  cursor:
    pointer !important;

  -webkit-tap-highlight-color:
    transparent;
}

.sale-search-panel
.search-button:active {
  transform:
    scale(0.985) !important;
}

.sale-search-panel
.search-button__arrow {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0 0 auto !important;

  color:
    #ffffff !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    24px !important;

  font-weight:
    400 !important;

  line-height:
    1 !important;
}


/* Дополнительные фильтры */

.sale-search-panel
.sale-advanced-filters {
  margin:
    14px 0 0 !important;

  padding:
    14px 2px 0 !important;

  border-top:
    1px solid
    rgba(7, 53, 42, 0.09) !important;
}

.sale-search-panel
.sale-advanced-filters summary {
  display:
    flex !important;

  min-height:
    44px !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    10px !important;

  padding:
    0 !important;

  color:
    #53665e !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  list-style:
    none !important;
}

.sale-search-panel
.sale-advanced-filters
summary::-webkit-details-marker {
  display:
    none;
}

.sale-search-panel
.sale-advanced-filters__grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap:
    14px 9px !important;

  margin-top:
    14px !important;
}

.sale-search-panel
.sale-advanced-filters label,
.sale-search-panel
.sale-filter-range {
  display:
    block !important;

  min-width:
    0 !important;
}

.sale-search-panel
.sale-advanced-filters label > span,
.sale-search-panel
.sale-filter-range > span {
  display:
    block !important;

  margin:
    0 0 8px 2px !important;

  color:
    #172720 !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;
}

.sale-search-panel
.sale-advanced-filters input,
.sale-search-panel
.sale-advanced-filters select {
  width:
    100% !important;

  min-width:
    0 !important;

  height:
    50px !important;

  min-height:
    48px !important;

  padding:
    0 13px !important;

  border:
    1px solid
    rgba(6, 41, 31, 0.11) !important;

  border-radius:
    14px !important;

  background:
    var(
      --ios-cream-50,
      #f7f5ef
    ) !important;

  color:
    #09261e !important;

  font-family:
    var(--font-ui) !important;

  font-size:
    16px !important;

  font-weight:
    500 !important;
}


/* Очень узкие экраны */

@media (max-width: 390px) {
  .sale-search-panel.search-panel {
    width:
      calc(100% - 16px) !important;

    margin-top:
      -48px !important;

    padding:
      14px !important;
  }

  .sale-search-panel
  .rental-search-heading {
    margin-bottom:
      16px !important;
  }

  .sale-search-panel
  .rental-search-heading strong {
    font-size:
      22px !important;
  }

  .sale-search-panel
  .sale-rental-form__pair {
    gap:
      8px !important;
  }
}

@media (max-width: 360px) {
  .sale-search-panel
  .sale-rental-form__pair,
  .sale-search-panel
  .sale-advanced-filters__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }
}

.sale-redesign-intro {
  padding:
    calc(
      var(
        --ios-content-safe-top,
        env(safe-area-inset-top)
      ) +
      76px
    )
    22px
    22px;

  background:
    linear-gradient(
      180deg,
      #09261e 0%,
      #123b30 100%
    );

  color: #ffffff;
}

.sale-redesign-intro__eyebrow {
  margin-bottom: 9px;

  color:
    rgba(255, 255, 255, 0.62);

  font-size: 11px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sale-redesign-intro h1 {
  margin: 0;

  color: #ffffff;

  font-size:
    clamp(
      27px,
      7vw,
      34px
    );

  font-weight: 720;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.sale-redesign-intro p {
  max-width: 430px;

  margin: 10px 0 0;

  color:
    rgba(255, 255, 255, 0.70);

  font-size: 14px;
  font-weight: 430;
  line-height: 1.45;
}

.sale-redesign-intro
+ .sale-redesign-search {
  margin-top: 0 !important;
}

/* LAKEEVA_SALE_CATALOG_REDESIGN_V1_START */

/*
 * Новый каталог продажи.
 * Hero / video / client tabbar не изменяются.
 */

.sale-catalog-panel {
  --sale-v1-ink: #09261e;
  --sale-v1-green: #17483a;
  --sale-v1-green-soft: #edf4f0;
  --sale-v1-bg: #f5f3ee;
  --sale-v1-card: #ffffff;
  --sale-v1-text: #111a17;
  --sale-v1-muted: #718079;
  --sale-v1-line: #e3e0d8;
  --sale-v1-gold: #a9874f;
  --sale-v1-price: #f1eee7;
}

.sale-catalog-panel .sale-catalog-shell {
  width: 100%;
  min-height: 100%;
  padding-bottom: 116px;
  background: var(--sale-v1-bg);
}

/* FILTER */

.sale-catalog-panel .sale-catalog-controls {
  position: relative;
  z-index: 20;
  width: min(calc(100% - 18px), 960px);
  margin: -52px auto 0;
}

.sale-catalog-panel .sale-catalog-filter {
  position: relative;
  padding: 15px;
  border: 1px solid rgba(219, 216, 207, .92);
  border-radius: 24px;
  background: rgba(255, 255, 255, .97);
  box-shadow:
    0 18px 48px rgba(9, 38, 30, .13),
    0 2px 8px rgba(9, 38, 30, .05);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

.sale-catalog-panel .sale-catalog-filter__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 1px 2px 13px;
}

.sale-catalog-panel .sale-catalog-filter__heading > div {
  display: grid;
  gap: 3px;
}

.sale-catalog-panel .sale-catalog-filter__heading span {
  color: var(--sale-v1-muted);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .04em;
}

.sale-catalog-panel .sale-catalog-filter__heading strong {
  color: var(--sale-v1-ink);
  font-size: 19px;
  font-weight: 720;
  line-height: 1.15;
  letter-spacing: -.025em;
}

.sale-catalog-panel .sale-catalog-filter__primary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.sale-catalog-panel
.sale-catalog-filter__primary
.sale-catalog-field:first-child {
  grid-column: 1 / -1;
}

.sale-catalog-panel .sale-catalog-field {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.sale-catalog-panel .sale-catalog-field > span,
.sale-catalog-panel .sale-catalog-range > span {
  color: #59675f;
  padding-left: 2px;
  font-size: 10.5px;
  font-weight: 620;
  line-height: 1.2;
}

.sale-catalog-panel .sale-catalog-field select,
.sale-catalog-panel .sale-catalog-field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 46px;
  margin: 0;
  padding: 0 38px 0 13px;
  border: 1px solid var(--sale-v1-line);
  border-radius: 14px;
  outline: 0;
  background-color: #fbfaf7;
  color: var(--sale-v1-text);
  font: inherit;
  font-size: 13px;
  font-weight: 580;
  line-height: 1;
  box-shadow: none;
}

.sale-catalog-panel .sale-catalog-field input {
  padding-right: 13px;
}

.sale-catalog-panel .sale-catalog-field select:focus,
.sale-catalog-panel .sale-catalog-field input:focus {
  border-color: rgba(23, 72, 58, .48);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(23, 72, 58, .08);
}

.sale-catalog-panel .sale-catalog-more {
  margin-top: 11px;
  border-top: 1px solid var(--sale-v1-line);
}

.sale-catalog-panel .sale-catalog-more > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 43px;
  padding: 0 2px;
  color: var(--sale-v1-green);
  cursor: pointer;
  list-style: none;
  font-size: 11.5px;
  font-weight: 650;
}

.sale-catalog-panel
.sale-catalog-more > summary::-webkit-details-marker {
  display: none;
}

.sale-catalog-panel .sale-catalog-more__chevron {
  transition: transform .18s ease;
}

.sale-catalog-panel
.sale-catalog-more[open]
.sale-catalog-more__chevron {
  transform: rotate(180deg);
}

.sale-catalog-panel .sale-catalog-more__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding-top: 3px;
}

.sale-catalog-panel
.sale-catalog-more__grid
.sale-catalog-field:first-child {
  grid-column: 1 / -1;
}

.sale-catalog-panel .sale-catalog-ranges {
  display: grid;
  gap: 11px;
  margin-top: 11px;
}

.sale-catalog-panel .sale-catalog-range {
  display: grid;
  gap: 6px;
}

.sale-catalog-panel .sale-catalog-range > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.sale-catalog-panel .sale-catalog-range input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--sale-v1-line);
  border-radius: 13px;
  outline: 0;
  background: #fbfaf7;
  color: var(--sale-v1-text);
  font: inherit;
  font-size: 12px;
}

.sale-catalog-panel .sale-catalog-range small {
  color: var(--sale-v1-muted);
  padding-left: 2px;
  font-size: 9.5px;
}

.sale-catalog-panel .sale-catalog-filter__reset {
  width: 100%;
  min-height: 39px;
  margin-top: 11px;
  border: 0;
  border-radius: 12px;
  background: var(--sale-v1-green-soft);
  color: var(--sale-v1-green);
  font: inherit;
  font-size: 11px;
  font-weight: 650;
}

.sale-catalog-panel .sale-catalog-filter__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 49px;
  margin-top: 12px;
  padding: 0 18px;
  border: 0;
  border-radius: 15px;
  background: var(--sale-v1-ink);
  color: #fff;
  font: inherit;
  font-size: 13.5px;
  font-weight: 680;
  box-shadow: 0 9px 20px rgba(9, 38, 30, .18);
}

.sale-catalog-panel .sale-catalog-filter__submit:active {
  transform: scale(.985);
}

/* TOOLBAR */

.sale-catalog-panel .sale-catalog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 59px;
  padding: 10px 3px 3px;
}

.sale-catalog-panel .sale-catalog-toolbar__caption {
  color: var(--sale-v1-text);
  font-size: 13px;
  font-weight: 680;
}

.sale-catalog-panel .sale-catalog-view {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--sale-v1-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, .88);
}

.sale-catalog-panel .sale-catalog-view button {
  display: grid;
  place-items: center;
  width: 37px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #849089;
}

.sale-catalog-panel
.sale-catalog-view button[aria-pressed="true"] {
  background: var(--sale-v1-green-soft);
  color: var(--sale-v1-green);
}

.sale-catalog-panel .sale-catalog-view svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* RESULT HEADER */

.sale-catalog-panel .sale-catalog-summary,
.sale-catalog-panel .sale-catalog-status,
.sale-catalog-panel .sale-catalog-results,
.sale-catalog-panel .sale-catalog-empty {
  width: min(calc(100% - 20px), 960px);
  margin-right: auto;
  margin-left: auto;
}

.sale-catalog-panel .sale-catalog-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-height: 51px;
  padding: 11px 3px 8px;
  border: 0;
  background: transparent;
}

.sale-catalog-panel .sale-catalog-summary strong {
  color: var(--sale-v1-text);
  font-size: 20px;
  font-weight: 720;
  letter-spacing: -.025em;
}

.sale-catalog-panel .sale-catalog-summary span {
  color: var(--sale-v1-muted);
  font-size: 10.5px;
  font-weight: 550;
}

.sale-catalog-panel .sale-catalog-status {
  padding: 8px 3px 12px;
  color: var(--sale-v1-muted);
  font-size: 11px;
}

/* RESULTS */

.sale-catalog-panel .sale-catalog-results {
  display: grid;
  box-sizing: border-box;
  align-items: start;
}

.sale-catalog-panel .sale-catalog-results--list {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

.sale-catalog-panel .sale-catalog-results--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

/* CARD */

.sale-catalog-panel .sale-catalog-card {
  display: block;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(217, 210, 200, .78);
  border-radius: 22px;
  background: var(--sale-v1-card);
  box-shadow: 0 10px 28px rgba(9, 38, 30, .07);
  cursor: pointer;
  outline: 0;
}

.sale-catalog-panel .sale-catalog-card::before {
  content: none;
}

.sale-catalog-panel .sale-catalog-card:active {
  transform: scale(.992);
}

.sale-catalog-panel .sale-catalog-card__media {
  position: relative;
  aspect-ratio: 1.2;
  overflow: hidden;
  background: #e9ece9;
}

.sale-catalog-panel .sale-catalog-card__media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .24s ease;
}

.sale-catalog-panel
.sale-catalog-card:active
.sale-catalog-card__media > img {
  transform: scale(1.012);
}

.sale-catalog-panel .sale-catalog-card__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: var(--sale-v1-muted);
  text-align: center;
  font-size: 11px;
}

.sale-catalog-panel .sale-catalog-card__badge,
.sale-catalog-panel .sale-catalog-card__photos {
  position: absolute;
  z-index: 2;
  top: 13px;
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 10px;
  background: rgba(9, 26, 22, .60);
  color: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-size: 10.5px;
  font-weight: 620;
}

.sale-catalog-panel .sale-catalog-card__badge {
  left: 13px;
  max-width: calc(100% - 100px);
  padding: 0 10px;
}

.sale-catalog-panel
.sale-catalog-card__badge--project {
  background: rgba(9, 38, 30, .84);
}

.sale-catalog-panel .sale-catalog-card__photos {
  right: 13px;
  padding: 0 9px;
  font-variant-numeric: tabular-nums;
}

.sale-catalog-panel .sale-catalog-card__body {
  padding: 18px;
}

.sale-catalog-panel .sale-catalog-card__location {
  overflow: hidden;
  margin-bottom: 6px;
  color: var(--sale-v1-muted);
  font-size: 10.5px;
  font-weight: 560;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sale-catalog-panel .sale-catalog-card__title {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: var(--sale-v1-text);
  font-size: 19px;
  font-weight: 720;
  line-height: 1.16;
  letter-spacing: -.025em;
  text-transform: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sale-catalog-panel .sale-catalog-card__price {
  display: inline-flex;
  max-width: 100%;
  margin: 10px 0 13px;
  padding: 6px 9px;
  border-radius: 10px;
  background: var(--sale-v1-price);
  color: #121814;
  font-size: 23px;
  font-weight: 730;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.sale-catalog-panel .sale-catalog-card__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--sale-v1-line);
}

.sale-catalog-panel .sale-catalog-card__facts span {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 38px;
  padding: 7px 5px;
  border-bottom: 1px solid var(--sale-v1-line);
  color: #35413c;
  font-size: 11.5px;
  font-weight: 540;
  line-height: 1.2;
}

.sale-catalog-panel
.sale-catalog-card__facts span:nth-child(odd) {
  border-right: 1px solid var(--sale-v1-line);
}

.sale-catalog-panel .sale-catalog-card__inventory {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  margin-top: 11px;
  padding: 0 12px;
  border: 1px solid var(--sale-v1-line);
  border-radius: 13px;
  background: #fbfaf7;
  color: var(--sale-v1-green);
}

.sale-catalog-panel
.sale-catalog-card__inventory-dot {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sale-v1-green);
  box-shadow: 0 0 0 4px rgba(23, 72, 58, .09);
}

.sale-catalog-panel .sale-catalog-card__inventory strong {
  font-size: 11.5px;
  font-weight: 670;
}

.sale-catalog-panel .sale-catalog-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 46px;
  margin-top: 13px;
  border-radius: 14px;
  background: var(--sale-v1-ink);
  color: #fff;
  font-size: 12.5px;
  font-weight: 680;
}

/* TWO-COLUMN MODE */

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card {
  border-radius: 18px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__media {
  aspect-ratio: 1.04;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__badge,
.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__photos {
  top: 8px;
  min-height: 24px;
  border-radius: 8px;
  font-size: 8px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__badge {
  left: 8px;
  max-width: calc(100% - 62px);
  padding: 0 7px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__photos {
  right: 8px;
  padding: 0 6px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__body {
  padding: 11px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__location {
  margin-bottom: 4px;
  font-size: 8.5px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__title {
  font-size: 13px;
  line-height: 1.18;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__price {
  margin: 7px 0 8px;
  padding: 5px 6px;
  border-radius: 8px;
  font-size: 15px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__facts {
  grid-template-columns: 1fr;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__facts span {
  min-height: 29px;
  padding: 5px 2px;
  border-right: 0;
  font-size: 9px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__facts span:nth-child(n+3) {
  display: none;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__inventory {
  min-height: 37px;
  margin-top: 8px;
  padding: 0 8px;
  border-radius: 10px;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__inventory strong {
  font-size: 9px;
  line-height: 1.15;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__inventory-dot {
  width: 5px;
  height: 5px;
  box-shadow: none;
}

.sale-catalog-panel
.sale-catalog-results--grid
.sale-catalog-card__cta {
  min-height: 37px;
  margin-top: 8px;
  border-radius: 10px;
  font-size: 9.5px;
}

/* EMPTY */

.sale-catalog-panel .sale-catalog-empty {
  box-sizing: border-box;
  grid-column: 1 / -1;
  min-height: 210px;
  padding: 28px;
  border: 1px dashed #d8d3ca;
  border-radius: 22px;
  background: rgba(255, 255, 255, .75);
  color: var(--sale-v1-muted);
  text-align: center;
  font-size: 12px;
}

/* RESPONSIVE */

@media (min-width: 760px) {
  .sale-catalog-panel .sale-catalog-filter__primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sale-catalog-panel
  .sale-catalog-filter__primary
  .sale-catalog-field:first-child {
    grid-column: auto;
  }

  .sale-catalog-panel .sale-catalog-more__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sale-catalog-panel
  .sale-catalog-more__grid
  .sale-catalog-field:first-child {
    grid-column: auto;
  }

  .sale-catalog-panel .sale-catalog-ranges {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  .sale-catalog-panel .sale-catalog-controls {
    width: calc(100% - 16px);
    margin-top: -48px;
  }

  .sale-catalog-panel .sale-catalog-filter {
    padding: 13px;
    border-radius: 22px;
  }

  .sale-catalog-panel .sale-catalog-card__body {
    padding: 16px;
  }

  .sale-catalog-panel .sale-catalog-card__title {
    font-size: 18px;
  }

  .sale-catalog-panel .sale-catalog-card__price {
    font-size: 21px;
  }
}

/* LAKEEVA_SALE_CATALOG_REDESIGN_V1_END */


/* LAKEEVA_SALE_CATALOG_REDESIGN_V2_START */

/* Sale hero */
.sale-catalog-panel .sale-redesign-hero {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  box-sizing: border-box;
  width: 100% !important;
  min-height: 340px !important;
  padding:
    max(
      118px,
      calc(var(--ios-content-safe-top, 0px) + 48px)
    )
    22px
    88px !important;
  overflow: hidden !important;
  border-radius: 0 0 30px 30px !important;
  background:
    url("/assets/lakeeva-sale-hero-poster.jpg")
    center 56% / cover no-repeat !important;
}

.sale-catalog-panel .sale-redesign-hero__video {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 56% !important;
  border-radius: 0 0 30px 30px !important;
}

.sale-catalog-panel .sale-redesign-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(4, 22, 17, .10) 15%,
      rgba(4, 22, 17, .24) 55%,
      rgba(4, 22, 17, .72) 100%
    ) !important;
}

.sale-catalog-panel .sale-redesign-hero__content {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 520px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.sale-catalog-panel
.sale-redesign-hero__content::before {
  display: none !important;
}

.sale-catalog-panel
.sale-redesign-hero__content > span {
  display: block !important;
  margin: 0 0 8px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.sale-catalog-panel
.sale-redesign-hero__content h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(31px, 8vw, 48px) !important;
  font-weight: 720 !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
}

.sale-catalog-panel
.sale-redesign-hero__content p {
  max-width: 390px !important;
  margin: 10px 0 0 !important;
  color: rgba(255, 255, 255, .84) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* Compact overlapping filter */
.sale-catalog-panel .sale-catalog-controls {
  width: calc(100% - 20px) !important;
  max-width: 960px !important;
  margin: -56px auto 0 !important;
}

.sale-catalog-panel .sale-catalog-filter {
  padding: 13px !important;
  border-radius: 21px !important;
  background: rgba(255, 255, 255, .985) !important;
}

/* Убираем лишний второй заголовок внутри фильтра */
.sale-catalog-panel
.sale-catalog-filter__heading {
  display: none !important;
}

.sale-catalog-panel
.sale-catalog-filter__primary {
  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.sale-catalog-panel
.sale-catalog-filter__primary
.sale-catalog-field:first-child {
  grid-column: 1 / -1 !important;
}

.sale-catalog-panel
.sale-catalog-filter__primary
.sale-catalog-field:last-child {
  grid-column: 1 / -1 !important;
}

.sale-catalog-panel
.sale-catalog-field {
  gap: 5px !important;
}

.sale-catalog-panel
.sale-catalog-field > span {
  padding-left: 3px !important;
  font-size: 10px !important;
}

.sale-catalog-panel
.sale-catalog-field select,
.sale-catalog-panel
.sale-catalog-field input {
  height: 43px !important;
  padding-left: 12px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
}

/* Ломался из-за глобального summary */
.sale-catalog-panel .sale-catalog-more {
  display: block !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--sale-v1-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sale-catalog-panel
.sale-catalog-more > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 3px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #5d6a63 !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.sale-catalog-panel
.sale-catalog-more > summary::before,
.sale-catalog-panel
.sale-catalog-more > summary::after {
  display: none !important;
  content: none !important;
}

.sale-catalog-panel
.sale-catalog-more__chevron {
  display: inline-block !important;
  color: #718079 !important;
}

.sale-catalog-panel
.sale-catalog-more__grid {
  padding-top: 9px !important;
}

.sale-catalog-panel
.sale-catalog-filter__submit {
  min-height: 45px !important;
  margin-top: 9px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
}

/* Toolbar tighter */
.sale-catalog-panel
.sale-catalog-toolbar {
  min-height: 50px !important;
  padding: 8px 2px 0 !important;
}

.sale-catalog-panel
.sale-catalog-toolbar__caption {
  font-size: 12px !important;
}

.sale-catalog-panel
.sale-catalog-view {
  border-radius: 12px !important;
}

.sale-catalog-panel
.sale-catalog-view button {
  width: 34px !important;
  height: 32px !important;
}

/* Results closer to controls */
.sale-catalog-panel .sale-catalog-summary {
  min-height: 44px !important;
  padding-top: 8px !important;
}

.sale-catalog-panel
.sale-catalog-summary strong {
  font-size: 18px !important;
}

@media (max-width: 390px) {
  .sale-catalog-panel .sale-redesign-hero {
    min-height: 325px !important;
    padding-right: 18px !important;
    padding-bottom: 82px !important;
    padding-left: 18px !important;
  }

  .sale-catalog-panel
  .sale-redesign-hero__content h1 {
    font-size: 32px !important;
  }

  .sale-catalog-panel .sale-catalog-controls {
    width: calc(100% - 16px) !important;
    margin-top: -52px !important;
  }

  .sale-catalog-panel .sale-catalog-filter {
    padding: 12px !important;
  }
}

/* LAKEEVA_SALE_CATALOG_REDESIGN_V2_END */