/* ==========================================================
   PUNKT IMMO — PROPERTY TITLE REFINEMENT
   Homepage = postcode/location
   Detail = real listing title, editorial size
   ========================================================== */

.property-cms-hero-section h1.title-medium {
  font-size: clamp(2.9rem, 4.4vw, 5.75rem) !important;
  line-height: 0.96 !important;
  max-width: 82rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-wrap: balance;
}

@media screen and (max-width: 991px) {
  .property-cms-hero-section h1.title-medium {
    font-size: clamp(2.7rem, 7vw, 4.8rem) !important;
    max-width: 92vw !important;
  }
}

@media screen and (max-width: 767px) {
  .property-cms-hero-section h1.title-medium {
    font-size: clamp(2.25rem, 10vw, 3.6rem) !important;
    line-height: 1 !important;
    max-width: 94vw !important;
  }
}


/* =========================================================
   PROPERTY DETAIL — LEFT ALIGNED EDITORIAL TITLE
   ========================================================= */

.property-cms-hero-section h1,
.property-cms-hero-section h1.title-medium {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-wrap: balance;
}

/* Override wrappers that inherit center alignment */
.property-cms-hero-section .text-align-center {
  text-align: left !important;
}

/* Keep title readable and contained */
.property-cms-hero-section h1.title-medium {
  max-width: 78rem !important;
}

@media screen and (max-width: 991px) {
  .property-cms-hero-section h1.title-medium {
    max-width: 90vw !important;
  }
}

@media screen and (max-width: 767px) {
  .property-cms-hero-section h1.title-medium {
    max-width: 94vw !important;
  }
}