/* Page-specific styles for the Commercial Vehicle Manufacturer page.
   Shared industry design system styles are provided by industry-common.css.
*/

.hero-title {
  white-space: nowrap;
  overflow-wrap: normal;
  font-family: 'Outfit', sans-serif;
  line-height: 1;
}

.hero-content{
  margin-bottom: 80px;
}

.hero-sub {
  white-space: nowrap;
  overflow-wrap: normal;
  margin-bottom: -70px;
}



.hero-cta{
  margin-bottom: -20px;
}

.btn-primary{
  margin-bottom: -400px;
}


.s2-img-wrap{
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  height: 320px;
}

.s2-img-wrap img,
.s2-img-wrap svg,
.s2-img-wrap .pmu-truck {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.use-case-title,
.section-title,
.hero-title{
    font-family: 'Outfit', sans-serif;
}

.s3-intro{
    font-size: 18px;
}

/* Page-specific section 2 layout and FAQ styling fixes */
.section-body {
  margin-bottom: 1.5rem;
}
.s2-left .section-body {
  margin-bottom: 1.5rem;
}
.feature-list {
  margin-top: 1rem;
}
.s3-intro {
  white-space: nowrap;
  overflow-wrap: normal;
}

/* FAQ toggle same line fix */
.faq-question {
  flex-wrap: nowrap;
  align-items: center;
}
.faq-question > span {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.faq-q-text {
  display: inline !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.faq-toggle {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0;
    margin-bottom: 12px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .hero-sub {
    font-size: 14px;
    margin-bottom: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .s3-intro {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}