/* ==========================================================================
   Mobile responsiveness fixes.
   The page DOM was snapshotted at desktop width (1440px), so a few elements
   kept pixel widths frozen from that render (mainly the valuation chart and
   the map iframe). These rules keep everything within the viewport on phones.
   ========================================================================== */

/* Kill any residual horizontal scroll caused by frozen fixed-width nodes. */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Media never wider than its column. */
img, svg, video, canvas, iframe {
  max-width: 100%;
}

/* Recharts valuation chart: it carries a viewBox already, so letting the
   wrapper go fluid makes the SVG scale proportionally. */
.recharts-responsive-container,
.recharts-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.recharts-wrapper {
  height: 100% !important;
}
.recharts-surface {
  width: 100% !important;
  height: 100% !important;
}

/* Google Maps embed / static map fills its card instead of overflowing. */
#section-lifestyle_map iframe,
.glass-card iframe {
  width: 100% !important;
  height: 100%;
  min-height: 200px;
}

/* Guard: any inline-styled block that tries to be wider than the screen. */
[style*="width: 438px"],
[style*="width:438px"] {
  width: 100% !important;
}