
/* QN-HOME-FEATURED-VISUAL-20260930
   Presentation only: preserve the current records, text, labels, prices and links.
*/
body.home #properties_module_section {
  --qn-featured-ink: #102c25;
  --qn-featured-paper: #f7f6f1;
  --qn-featured-gold: #e2bd6b;
  margin-top: 26px !important;
}

body.home #properties_module_section,
body.home .section-title-module:has(+ #properties_module_section) {
  font-family: "Roboto", Arial, sans-serif !important;
}


body.home .section-title-module:has(+ #properties_module_section) {
  width: min(1180px, calc(100% - 30px));
  margin: 0 auto 34px !important;
  text-align: left !important;
}

body.home .section-title-module:has(+ #properties_module_section) h2 {
  /* QN-HOME-FEATURED-HEADING-BLACK-20260930 */
  margin: 0 !important;
  color: #000000 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: clamp(36px, 4vw, 54px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-transform: none !important;
}

body.home #properties_module_section #module_properties {
  display: grid !important;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
  grid-template-rows: repeat(2, 270px) !important;
  grid-auto-rows: auto !important;
  gap: 20px !important;
  align-items: stretch !important;
  justify-content: initial !important;
  margin: 0 !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #18352f !important;
  box-shadow: 0 20px 50px rgba(16, 44, 37, 0.11) !important;
}

/* QN-HOME-FEATURED-GRID-GAP-FIX-20260930: Houzez clearfix pseudo-elements must not become implicit grid items. */
body.home #properties_module_section #module_properties::before,
body.home #properties_module_section #module_properties::after {
  content: none !important;
  display: none !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap:first-child {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  height: 560px !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2),
body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) {
  grid-column: 2 !important;
  height: 270px !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) {
  grid-row: 1 !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) {
  grid-row: 2 !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(n + 4) {
  height: 390px !important;
}

body.home #properties_module_section .item-wrap,
body.home #properties_module_section .item-wrap > .d-flex {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
}

body.home #properties_module_section .item-header {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.home #properties_module_section .listing-image-wrap,
body.home #properties_module_section .listing-thumb,
body.home #properties_module_section .listing-featured-thumb {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

body.home #properties_module_section .listing-featured-thumb::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(5, 24, 21, .08) 30%, rgba(5, 24, 21, .86) 100%) !important;
}

body.home #properties_module_section .listing-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform .55s ease !important;
}

body.home #properties_module_section .item-listing-wrap:hover .listing-thumb img {
  transform: scale(1.035) !important;
}

body.home #properties_module_section .item-header > .label-featured,
body.home #properties_module_section .item-header > .labels-wrap,
body.home #properties_module_section .item-header > .item-price-wrap,
body.home #properties_module_section .item-header > .item-tools {
  z-index: 4 !important;
}

body.home #properties_module_section .item-header > .label-featured {
  top: 18px !important;
  left: 18px !important;
  border-radius: 999px !important;
}

body.home #properties_module_section .item-header > .labels-wrap {
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  max-width: calc(100% - 120px) !important;
}

body.home #properties_module_section .item-header > .labels-wrap .label {
  margin: 0 !important;
  border-radius: 999px !important;
}

body.home #properties_module_section .item-header > .item-price-wrap {
  top: 64px !important;
  right: 18px !important;
  bottom: auto !important;
  left: auto !important;
  max-width: calc(100% - 36px) !important;
  text-align: right !important;
}

body.home #properties_module_section .item-header > .item-price-wrap .item-price {
  display: inline-block !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(5, 24, 21, .78) !important;
  font-size: clamp(13px, 1.25vw, 18px) !important;
  line-height: 1.25 !important;
}

body.home #properties_module_section .item-body {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  padding: 30px 32px 28px !important;
  color: #fff !important;
  background: transparent !important;
}

body.home #properties_module_section .item-body > .labels-wrap,
body.home #properties_module_section .item-body > .item-price-wrap,
body.home #properties_module_section .item-body > .item-author,
body.home #properties_module_section .item-body > .item-date,
body.home #properties_module_section .item-footer {
  display: none !important;
}

body.home #properties_module_section .item-title {
  margin: 0 0 8px !important;
  max-width: 94% !important;
  white-space: normal !important;
}

body.home #properties_module_section .item-title a {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #fff !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: clamp(27px, 2.8vw, 43px) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) .item-title a,
body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) .item-title a {
  font-size: clamp(21px, 1.75vw, 28px) !important;
}

body.home #properties_module_section .item-address {
  display: block !important;
  overflow: hidden !important;
  margin: 0 0 10px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.home #properties_module_section .item-amenities {
  margin: 0 0 16px !important;
  color: rgba(255, 255, 255, .82) !important;
}

body.home #properties_module_section .item-amenities li,
body.home #properties_module_section .item-amenities i,
body.home #properties_module_section .item-amenities span {
  color: inherit !important;
}

body.home #properties_module_section .btn-item {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .62) !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.home #properties_module_section .btn-item::after {
  content: "↗" !important;
  margin-left: 9px !important;
  color: var(--qn-featured-gold) !important;
  font-size: 15px !important;
}

body.home #properties_module_section .fave-load-more,
body.home #properties_module_section .load-more-wrap {
  grid-column: 1 / -1 !important;
  margin-top: 24px !important;
  text-align: center !important;
}

body.home #properties_module_section .btn-load-more {
  min-width: 220px !important;
  padding: 12px 24px !important;
  border: 1px solid var(--qn-featured-ink) !important;
  border-radius: 999px !important;
  color: var(--qn-featured-ink) !important;
  background: transparent !important;
}


@media (min-width: 768px) {
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) .item-body,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) .item-body {
    padding: 20px 24px 18px !important;
  }

  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) .item-address,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) .item-amenities,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) .item-address,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) .item-amenities {
    display: none !important;
  }

  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) .item-header > .item-price-wrap,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) .item-header > .item-price-wrap {
    top: 58px !important;
  }
}

@media (max-width: 767px) {
  body.home .section-title-module:has(+ #properties_module_section) {
    width: 100% !important;
    margin-bottom: 24px !important;
  }

  body.home .section-title-module:has(+ #properties_module_section) h2 {
    font-size: 34px !important;
  }

  body.home #properties_module_section #module_properties {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 16px !important;
  }

  body.home #properties_module_section #module_properties > .item-listing-wrap,
  body.home #properties_module_section #module_properties > .item-listing-wrap:first-child,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2),
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3),
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(n + 4) {
    height: 440px !important;
    border-radius: 14px !important;
  }



  body.home #properties_module_section #module_properties > .item-listing-wrap:first-child,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2),
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3) {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.home #properties_module_section .item-wrap,
  body.home #properties_module_section .item-wrap > .d-flex {
    border-radius: 14px !important;
  }

  body.home #properties_module_section .item-body {
    padding: 24px 20px 22px !important;
  }

  body.home #properties_module_section .item-title a,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2) .item-title a,
  body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(n + 3) .item-title a {
    font-size: 29px !important;
  }

  body.home #properties_module_section .item-header > .labels-wrap {
    top: 16px !important;
    right: 14px !important;
    max-width: calc(100% - 104px) !important;
  }

  body.home #properties_module_section .item-header > .label-featured {
    top: 16px !important;
    left: 14px !important;
  }

  body.home #properties_module_section .item-header > .item-price-wrap {
    top: 88px !important;
    right: 14px !important;
  }

  body.home #properties_module_section .item-address {
    white-space: normal !important;
  }
}



/* QN-HOME-FEATURED-RESPONSIVE-SPECIFICITY-20260930: override the older html/body two-column rule. */
@media (min-width: 768px) {
  html body.home #properties_module_section #module_properties {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
    grid-template-rows: repeat(2, 270px) !important;
    grid-auto-rows: auto !important;
    gap: 20px !important;
  }
}

@media (max-width: 767px) {
  html body.home #properties_module_section #module_properties {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
  }

  html body.home #properties_module_section #module_properties > .item-listing-wrap,
  html body.home #properties_module_section #module_properties > .item-listing-wrap:first-child,
  html body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(2),
  html body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(3),
  html body.home #properties_module_section #module_properties > .item-listing-wrap:nth-child(n + 4) {
    width: 100% !important;
    max-width: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
    