/* Buildings visualizer landing — legacy header/footer layout */

.llumar-page--visualizer {
  background: #fff;
}

/* Fix legacy general.css (#inside: 1001px + display:table) breaking card layout */
#inside_container.visualizer-shell {
  background: #fff;
  display: block !important;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100% !important;
  padding-bottom: 3rem !important;
  padding-top: 0 !important;
  width: 100% !important;
}

#inside_container.visualizer-shell #inside.members-area-inside {
  align-items: flex-start !important;
  background: #fff;
  display: flex !important;
  flex-direction: column;
  max-width: 100% !important;
  padding-top: 1em !important;
  text-align: left !important;
  width: 100% !important;
}

#inside_container.visualizer-shell .members-area-page.visualizer-page {
  align-items: stretch;
  align-self: stretch;
  width: 100%;
}

#inside_container.visualizer-shell .llumar-breadcrumb-wrap {
  align-self: flex-start;
  margin-left: 0;
  margin-right: auto;
  max-width: 75rem;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 100%;
}

#inside_container.visualizer-shell .cmp-breadcrumb,
#inside_container.visualizer-shell .cmp-breadcrumb__list {
  justify-content: flex-start;
  text-align: left;
}

.llumar-page--visualizer .visualizer-header {
  margin-bottom: 1.5rem;
  width: 100%;
}

#inside_container.visualizer-shell .visualizer-page .ma-content-cards {
  margin-bottom: 2rem;
  margin-top: 0;
  padding-bottom: 1.5rem;
  width: 100%;
}

/* More room below card images (title row) */
#inside_container.visualizer-shell .visualizer-page .ma-content-card__content-wrapper {
  flex: 1 1 auto;
  min-height: 6rem;
}

#inside_container.visualizer-shell .visualizer-page .ma-content-card__content {
  justify-content: center;
  min-height: 6rem;
  padding: 1.75rem 1.5rem 2rem;
}

#inside_container.visualizer-shell .visualizer-page .ma-content-card__title-row {
  align-items: center;
  min-height: 2.75rem;
}

/* Override legacy inside.css h1 (Verdana/orange) — match members visualizer title */
#inside_container.members-area-shell.visualizer-shell .visualizer-page h1.ppf-warranty-title {
  color: #540606 !important;
  font-family: 'syne', sans-serif !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: -0.05rem;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  text-transform: none;
}

@media screen and (min-width: 1024px) {
  #inside_container.visualizer-shell .visualizer-page .ma-content-card__content {
    padding: 1.75rem 1.5rem 2.25rem;
  }
}