/* common.css - 通用样式 - OTT HydroMet风格 */

/* 统一的Section容器样式 */
section {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Section内容容器 - 统一最大宽度和对齐 */
section > *:not(.hero-content):not(.hero-image-overlay):not(.highlight-text):not(.hero-text-container) {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* 全屏背景的section */
section.section-product,
section.section-cases,
section.section-contact-form,
.highlight-intro {
  padding-left: 0;
  padding-right: 0;
}

/* 全屏背景section内的内容容器 */
section.section-product > *:not(.hero-content):not(.hero-image-overlay),
section.section-cases > *:not(.hero-content):not(.hero-image-overlay),
section.section-contact-form > *:not(.hero-content):not(.hero-image-overlay) {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* 统一的Section标题样式 */
section h2 {
  font-size: var(--font-size-h2);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 40px;
  letter-spacing: -1px;
  line-height: 1.2;
}

/* 有背景图的section标题 */
section[class*="section-product"] h2,
section[class*="section-cases"] h2,
section[class*="section-contact"] h2,
.highlight-intro h2 {
  color: var(--color-text-light);
}

/* 统一的段落样式 */
section p {
  font-size: var(--font-size-body);
  line-height: 1.7;
  color: var(--color-text-secondary);
}

/* 统一的卡片标题 */
.card h3,
.team-card h3 {
  font-size: var(--font-size-h3);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 12px;
}

/* ========== 统一所有图片容器宽度 ========== */

/* 产品主图 */
.section-product img.main-image {
  max-width: 100%;
  width: 100%;
}

/* 案例图片容器 */
.gallery-row {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.gallery-row figure {
  max-width: 100%;
}

/* 团队卡片容器 */
.team-grid {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

/* 联系方式卡片容器 */
.contact-card-grid {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

/* 证书图片容器 */
.certification-gallery {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

/* 工厂滚动相册容器 */
.scroll-gallery {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  width: 100%;
}

/* 移动端标题调整 */
@media (max-width: 768px) {
  section {
    padding-left: 24px;
    padding-right: 24px;
  }
  
  section h2 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
  
  .card h3,
  .team-card h3 {
    font-size: 1.3rem;
  }
}

@media (max-width: 480px) {
  section {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  section h2 {
    font-size: 1.75rem;
    margin-bottom: 24px;
  }
}