/* ========================================
   其他元素页面尺寸优化
   不修改默认页面宽度，只扩大内容区、区块、容器等元素的可用宽度
   ======================================== */

/* ---------- 0. .wrapper：覆盖 dh1.css 中固定的 1170px，与 footer .container 保持一致 ---------- */
.row-fluid .wrapper,
.row-fluid .search-section > div {
    width: 100% !important;
    max-width: 1400px !important;
    float: none !important;
    margin: 0 auto !important;
}

@media (min-width:992px) and (max-width:1210px) {
    .row-fluid .wrapper,
    .row-fluid .search-section > div {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ---------- 1. 内容区窄容器：让内容用满当前页面宽度 ---------- */
.row-fluid .wrapper-small {
    width: 100% !important;
    max-width: 1400px !important;
}

@media (min-width:992px) and (max-width:1420px) {
    .row-fluid .wrapper-small {
        max-width: 960px !important;
    }
}

@media (min-width:768px) and (max-width: 992px) {
    .row-fluid .wrapper-small {
        max-width: 720px !important;
    }
}

/* ---------- 2. 各页面 .container：统一使用 1400px 宽容器 ---------- */
.body-container-wrapper .container,
.ai-home-page .container,
.ai-solutions-page .container {
    max-width: 1400px !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* ---------- 3. 首页 / AI 相关页面：放宽标题、副标题、正文区 ---------- */
.ai-home-page .section-subtitle,
.ai-solutions-page .ai-hero-subtitle,
.ai-for-sap-b1-page .section-subtitle,
.ai-assessment-page .section-subtitle {
    max-width: 900px !important;
}

.ai-solutions-page .ai-hero-content {
    max-width: 100% !important;
    padding: 0 20px;
}

.ai-home-page .section-subtitle {
    max-width: 900px !important;
}

/* 首页 / AI 页面中其他限制 700px、800px 的区块 */
.ai-home-page [class*="section"] [style*="max-width"],
.ai-solutions-page .ai-hero-content,
.ai-solutions-page .offering-card,
.ai-for-sap-b1-page .section-content,
.ai-assessment-page .assessment-intro {
    max-width: none;
}

.ai-solutions-page .ai-hero-title,
.ai-solutions-page .ai-hero-subtitle {
    max-width: 100% !important;
}

/* ---------- 4. 内容区块通用：正文、卡片、列表区 ---------- */
.row-fluid .content-section {
    width: 100% !important;
    max-width: 100% !important;
}

.row-fluid .content-section .row-fluid [class*="span"] {
    box-sizing: border-box;
}

/* ---------- 5. 各页面内 max-width 较小的文字/容器 ---------- */
/* home-ai.css 等里的 700px、800px 区块 */
.ai-home-page .section-subtitle,
.ai-assessment-page .form-intro,
.ai-assessment-page .assessment-steps-inner,
.case-studies-page .case-intro,
.ai-for-sap-b1-page .feature-desc {
    max-width: 920px !important;
}

/* ---------- 6. Elementor / 通用内容宽度 ---------- */
.elementor-section-wrap .elementor-container,
.body-container-wrapper .elementor-container {
    max-width: 100% !important;
}

/* ---------- 7. 区块网格：让卡片/列表更宽 ---------- */
.offerings-grid,
.ai-home-page .features-grid,
.ai-assessment-page .steps-grid {
    max-width: 100% !important;
}

/* ---------- 8. 全站通用窄内容类：放宽 .width850 / .width750 / .width650 等 ---------- */
.row-fluid .span12.width850,
.row-fluid .span12.width750,
.row-fluid .span12.width650 {
    max-width: 100% !important;
}

.sc-width900 > div > div,
.sc-width800 > div > div,
.sc-width700 > div > div {
    max-width: 100% !important;
}

/* 表单、CTA 等区块略放宽 */
.ai-assessment-page .assessment-form-container,
.ai-assessment-page .hero-benefits,
.ai-solutions-page .pricing-content,
.ai-solutions-page .final-cta-box,
.ai-for-sap-b1-page .cta-box,
.case-studies-page .cta-box {
    max-width: 920px !important;
}

.home-ai .assessment-box {
    max-width: 920px !important;
}

/* ---------- 9. 移动端保持原有体验 ---------- */
@media (max-width: 767px) {
    .row-fluid .wrapper-small {
        max-width: 100% !important;
    }
    .ai-home-page .section-subtitle,
    .ai-solutions-page .ai-hero-subtitle {
        max-width: 100% !important;
    }
}