.home-hero {
  min-height: 600px;
}

.home-products {
  padding: var(--space-16) 0;
}

.home-products .grid-4 {
  margin-top: var(--space-8);
}

.home-partners .grid-4 {
  margin-top: var(--space-8);
}

.products-hero {
  min-height: 320px;
}

.products-tabs {
  padding: var(--space-12) 0;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-8);
}

.services-detail {
  padding: var(--space-12) 0;
}

.services-detail .accordion {
  max-width: 800px;
  margin: 0 auto;
}

.sectors-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
}

@media (min-width: 1024px) {
  .sectors-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
}

.partners-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-8);
  margin-top: var(--space-8);
}

.about-mission {
  padding: var(--space-12) 0;
  background-color: var(--color-bg-alt);
}

.about-mission blockquote {
  font-size: var(--fs-lead);
  font-style: italic;
  color: var(--color-text-muted);
  border-left: 4px solid var(--color-accent);
  padding-left: var(--space-6);
  max-width: 800px;
  margin: 0 auto;
  line-height: var(--lh-base);
}

.about-quality {
  padding: var(--space-12) 0;
}

.about-quality__content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: var(--color-text-muted);
  line-height: var(--lh-base);
}

.about-location {
  padding: var(--space-12) 0;
  background-color: var(--color-bg-alt);
}

.contact-faq {
  padding: var(--space-12) 0;
  background-color: var(--color-bg-alt);
}

.contact-faq .accordion {
  max-width: 800px;
  margin: var(--space-8) auto 0;
}

.contact-map {
  padding: var(--space-12) 0;
}

.contact-map__embed {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
}

.contact-map__embed iframe {
  width: 100%;
  height: 400px;
  border: none;
}

.page-hero {
  min-height: 320px;
}

.page-hero .hero__content {
  max-width: 600px;
}

.page-hero .hero__title {
  font-size: var(--fs-h2);
}