/* === STAGE33J_ESTATE_SALES_LAYOUT_LOCAL_START ===
   Local estate-house sales layout:
   hero -> gallery/standard -> available houses -> info/details.
*/

.estate-sales-layout-active .estate-hero,
.estate-sales-layout-active .project-hero {
  padding-bottom: 28px !important;
}

.estate-sales-layout-active .shell {
  max-width: 1120px !important;
}

.estate-sales-top-gallery {
  padding-top: 28px !important;
  padding-bottom: 18px !important;
}

.estate-sales-top-gallery .estate-gallery {
  display: grid !important;
  grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.estate-sales-top-gallery .gallery-card,
.estate-sales-top-gallery .estate-standards {
  height: 100% !important;
}

.estate-sales-top-gallery .gallery-main img {
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
}

.estate-sales-homes {
  padding-top: 24px !important;
}

.estate-sales-homes .local-toolbar {
  margin-bottom: 18px !important;
}

.estate-sales-homes .local-toolbar .kicker {
  letter-spacing: .08em !important;
}

.estate-sales-homes .local-toolbar h2 {
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1 !important;
}

.estate-sales-homes .locals-grid.investment-kind-estate-houses {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.estate-sales-homes .local-card.house-card {
  min-height: 100% !important;
}

.estate-sales-homes .local-card.house-card img {
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
}

.estate-sales-lower-info {
  padding-top: 46px !important;
  padding-bottom: 70px !important;
}

.estate-sales-lower-info .estate-info-grid {
  opacity: .96;
}

@media (max-width: 980px) {
  .estate-sales-top-gallery .estate-gallery {
    grid-template-columns: 1fr !important;
  }

  .estate-sales-homes .locals-grid.investment-kind-estate-houses {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .estate-sales-layout-active .shell {
    max-width: calc(100vw - 28px) !important;
  }

  .estate-sales-homes .locals-grid.investment-kind-estate-houses {
    grid-template-columns: 1fr !important;
  }
}

/* === STAGE33J_ESTATE_SALES_LAYOUT_LOCAL_END === */