/* =========================================================
   Property Detail – Independent Two-Column Layout
   ========================================================= */

body.project-resi.resi-page
#content {
  display: flex;
  align-items: flex-start; /* critical */
  gap: 24px;

  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* LEFT COLUMN */
body.project-resi.resi-page
#content > .property-detail-left-column {
  flex: 1 1 auto;
  min-width: 0;
}

/* RIGHT COLUMN */
body.project-resi.resi-page
#content > .property-detail-right-column {
  flex: 0 0 380px; /* independent width */
  min-width: 0;
}

/* ---------------------------------------------------------
   Tablet & Mobile – Stack columns
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  body.project-resi.resi-page
  #content {
    flex-direction: column;
  }

  body.project-resi.resi-page
  #content > .property-detail-left-column,
  body.project-resi.resi-page
  #content > .property-detail-right-column {
    width: 100%;
  }
}

/*read more button*/
.property-description.is-collapsed {
  max-height: 260px;          /* adjust */
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}

.property-description.is-expanded {
  max-height: none;
  margin-top: 20px;
}

/* Optional fade-out */
.property-description.is-collapsed::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

/* =========================================================
   Property Detail Page – Full width on mobile only
   ========================================================= */
@media (max-width: 768px) {

  /* 1️⃣ Kill container width + side padding */
  body.project-resi
  #content
  #default-id.component.container.property-detail-left-column {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* 2️⃣ Ensure inner component does not reintroduce padding */
  body.project-resi
  #content
  #default-id.component.container.property-detail-left-column
  > .component-content {
    padding-left: 0;
    padding-right: 0;
  }

  /* 3️⃣ Neutralise rich-text / resi-property padding */
  body.project-resi
  #content
  .resi-property-detail,
  body.project-resi
  #content
  .resi-property-page main .rich-text,
  body.project-resi
  #content
  .virtual-tours {
    padding-left: 0;
    padding-right: 0;
  }

}

#back-to-selling {
  color: #000;
  font-family: "Idlewild Book", "Open Sans", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}

#back-to-selling-svg {
  color: #9c866d;
}

.component.resi-property-now-selling-link .component-content {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.property-details-label {
  font-size: 16px;
  color: #9c866d;
}

.property-details-value {
  font-size: 18px;
  color: #333333;
}

#now-selling-head {
  font-size: 18px !important;
  margin-bottom: 10px;
  color: #9c866d !important;
}

#resi-container,#mobile-order-target {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* reduce spacing btw carousel and desc esp. in smaller devices*/
.component.property-carousel.w-full {
  margin-bottom: 0px !important;
}

#resi-container  {
  padding-bottom: 0px !important;
}

#mobile-order-target.component.container.property-detail-left-column {
  padding-top: unset !important;
}

.resi-page .component-content h3 {
    color: #9c866d;
    font-size: 20px;
}

div.feature span.icon svg {
  opacity: 0.4;
}


@media (max-width: 1023px) {
.enquire-button.jsx-4267498336 {
  display:none;
}
}

div#property-lightbox {
  z-index:5000;
}