/* 
  Visually hide .hz-label inside the property header container for SEO purposes but keep it in the DOM.
  This ensures labels are not displayed on the front end but remain accessible to search engines and screen readers.
*/
.container > .property-header-wrap .hz-label {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
/* 
  Visually hide different label types (.label-featured, .label-status, .hz-label) inside .property-labels-wrap without removing them from the DOM.
  This approach preserves SEO value and accessibility while hiding labels from user view. 
*/
.property-labels-wrap > .label-featured,
.property-labels-wrap > .label-status,
.property-labels-wrap > .hz-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* 
  Limit the height of the slide container for consistent layout 
  and hide overflow to avoid content spill outside the container.
*/
.lslide.active {
  max-height: 600px;
  /* Adjust as needed */
  overflow: hidden;
  margin-right: 0 !important;
}
/* 
  Responsive image styling inside slide container: 
  - Limit max height to align with container
  - Maintain aspect ratio with width auto and height auto
  - Prevent image from exceeding container width 
*/
.lslide.active img.houez-gallery-img {
  max-height: 600px;
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
  /* Preserve aspect ratio without cropping */
}
body > #main-wrap .page-title-wrap {
  display: none !important;
}