/* ===================================================================
 * 工厂详情页 · 视觉升级 P2（2026-09-28）—— 按 Figma「CMH海外 / Factories2」（东虹样张）
 * 152 页共用；在 factory.css 与 cmh-brand.css 之后加载，只改样式，一个字的内容都不动。
 * =================================================================== */

.breadcrumb { font-family: var(--font-body); font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--slate); }
.breadcrumb a { color: var(--orange); } .breadcrumb .current { color: var(--slate); }

/* ── 页头：Poppins 64 名字 + 橙色 Verified 小签 + 右侧询盘卡 ─────── */
.f-header { padding: 32px 0 48px; border: 0; }
.f-header-grid { align-items: start; gap: 48px; }
.f-eyebrow { font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: .14em; color: var(--orange); margin-bottom: 12px; }
.f-eyebrow::before { display: none; }
.f-id { font-family: var(--font-body); font-size: 12px; letter-spacing: 0; border-color: var(--mist); color: var(--slate); border-radius: 4px; }
.f-title { font-size: clamp(2.4rem, 4.5vw, 4rem); line-height: 1.1; font-weight: 500; letter-spacing: -.01em; color: var(--text); margin-bottom: 16px; }
.f-tagline { font-size: 16px; line-height: 26px; color: var(--charcoal); max-width: 44em; }
.f-quick { font-family: var(--font-body); font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--slate); gap: 6px 20px; }
.f-quick-item::before { color: var(--orange); }
.verified-badge-chip {
  margin-top: 20px; padding: 4px 10px; border-radius: 4px; background: var(--orange); color: #fff;
  font-family: var(--font-body); font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0;
}
.trust-card { border: 1px solid var(--mist); border-radius: 14px; overflow: hidden; background: #fff; }
.trust-card .btn-primary, .trust-card .btn-inquire { border-radius: 6px; }
.trust-card .btn-wa, .trust-card .btn-outline { border-radius: 6px; border-color: var(--navy); color: var(--navy); }

/* ── 区块头：居中 · 橙色小标 · Poppins 40 ────────────────────── */
.section { padding: 64px 0; }
.section-header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; margin: 0 auto 40px; padding: 0; border: 0; max-width: 900px; }
.section-num { font-family: var(--font-body); font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--orange); display: inline-flex; align-items: center; gap: 8px; }
.section-num::before { content: ''; width: 14px; height: 14px; border-radius: 3px; background: var(--orange); }
.section-num strong { display: none; }
.section-title { font-size: clamp(1.6rem, 2.8vw, 2.5rem); line-height: 1.2; letter-spacing: -.01em; color: var(--text); text-wrap: balance; }
.section-title em { font-style: normal; color: var(--text); }

/* ── What we build：无框四栏，橙色 01–04 ───────────────────────── */
.cap-grid { border: 0; gap: 32px 24px; }
.cap { border: 0; background: transparent; padding: 0; }
.cap.has-img { border: 1px solid var(--mist); border-radius: 12px; overflow: hidden; background: #fff; }
.cap-img { border-bottom: 0; }
.cap-body { padding: 16px 16px 20px; }
.cap-num { font-family: var(--font-display); font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: 0; color: var(--orange); margin-bottom: 12px; }
.cap h4 { font-family: var(--font-display); font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: 0; color: var(--text); margin-bottom: 8px; }
.cap p { font-size: 13px; line-height: 20px; color: var(--slate); }

/* ── Credentials：浅底卡片网格，图标橙色 ──────────────────────── */
.certs { background: #fff; }
.certs-grid { border: 0; gap: 1px; background: var(--mist); border-radius: 12px; overflow: hidden; border: 1px solid var(--mist); }
.cert-card { border: 0; background: var(--cloud); padding: 24px 16px; }
@media (hover: hover) { .cert-card:hover { background: #fff; } }
.cert-icon { color: var(--orange); justify-content: center; }
.cert-value { font-family: var(--font-display); font-size: 16px; font-weight: 500; letter-spacing: 0; color: var(--text); line-height: 24px; }
.cert-label, .cert-desc { font-family: var(--font-body); font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--slate); line-height: 18px; }
.cert-badge { border-radius: 4px; font-family: var(--font-body); font-size: 12px; text-transform: none; letter-spacing: 0; }

/* ── About：正文 + 侧栏卡；引言块圆角 ───────────────────────── */
.about-prose { font-size: 16px; line-height: 26px; color: var(--charcoal); }
.about-prose p:first-child::first-letter { font-size: inherit; float: none; line-height: inherit; font-weight: inherit; margin: 0; padding: 0; color: inherit; }
.about-quote { border-radius: 12px; border-left: 3px solid var(--orange); background: var(--paper-tone); }
.about-quote::before { display: none; }
.about-side > div, .about-side .trust-card, .f-spec, .f-sec { border-radius: 12px; }
/* At a glance / Trading terms 一类两栏表：表头藏青 */
.f-spec, .f-sec { border: 1px solid var(--mist); overflow: hidden; }
.f-spec h3, .f-sec h3, .f-sec-tag, .f-sublabel { font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.about-side h3, .about-side h4 { font-family: var(--font-body); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--navy); padding: 10px 16px; margin: 0; }

/* ── Story 时间线：藏青带，年份橙色 ───────────────────────────── */
.timeline { background: var(--navy); }
.timeline .section-title, .timeline .section-num strong { color: #fff; }
.timeline-list { padding-left: 24px; max-width: 900px; margin: 0 auto; }
.timeline-list::before { background: rgba(255,255,255,.18); }
.timeline-item { border-bottom-color: rgba(255,255,255,.1); }
.timeline-item::before { background: var(--orange); border-color: var(--navy); }
.timeline-year { font-family: var(--font-display); font-size: 20px; font-weight: 500; letter-spacing: 0; color: var(--orange); }
.timeline-content h4 { font-family: var(--font-body); font-size: 15px; font-weight: 600; color: #fff; }
.timeline-content p { color: rgba(255,255,255,.7); font-size: 13px; }

/* ── 产品图库 / 车间图 ───────────────────────────────────────── */
.product-img { border-radius: 10px; border-color: var(--mist); }
.product-info h4 { font-family: var(--font-body); font-size: 14px; font-weight: 600; }
.product-cat-tag { border-radius: 4px; font-family: var(--font-body); text-transform: none; letter-spacing: 0; font-size: 12px; }
.f-floor-card { border-radius: 10px; }
.cat-btn, .cat-page-btn { border-radius: 6px; font-family: var(--font-body); text-transform: none; letter-spacing: 0; font-size: 12px; }
.cat-btn.active { background: var(--navy); border-color: var(--navy); color: #fff; }

/* ── 信任带（5 格）───────────────────────────────────────────── */
.trust-band { background: var(--navy-deep); }
.trust-band-grid { border: 0; gap: 16px; }
.trust-item { border: 0; border-radius: 12px; background: rgba(255,255,255,.06); }
.trust-item-num { font-family: var(--font-display); color: var(--orange); }
.trust-item-label { font-family: var(--font-body); text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 600; }

/* ── 相关阅读 / 更多工厂：卡片顶部一条藏青线 ──────────────────── */
.rel-card { border-radius: 10px; border-top: 2px solid var(--navy); background: #fff; }
.rel-card h3 { font-family: var(--font-display); font-size: 16px; font-weight: 500; }

/* ── FAQ：内联样式写死了颜色，这里用 !important 校回 ───────────── */
.ffaq-item h3 { color: var(--text) !important; font-family: var(--font-body) !important; font-size: 15px !important; font-weight: 600 !important; }
.ffaq-item p { color: var(--slate) !important; font-size: 14px; line-height: 22px; }
.ffaq-list, .ffaq-item { border-color: var(--mist) !important; }

/* ── 尾部 CTA：橙色带 ───────────────────────────────────────── */
.cta-band { background: var(--orange); }
.cta-band::before, .cta-band::after { border-color: rgba(255,255,255,.14); }
.cta-band h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 500; line-height: 1.2; letter-spacing: 0; }
.cta-band h2 em { font-style: normal; color: #fff; }
.cta-band .btn-light { background: #fff; color: var(--text); border-radius: 6px; height: 48px; padding: 0 24px; font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; }
.cta-band .btn-outline { border: 1px solid #fff; color: #fff; border-radius: 6px; height: 48px; padding: 0 24px; font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; }
@media (hover: hover) { .cta-band .btn-light:hover { background: var(--navy); color: #fff; } .cta-band .btn-outline:hover { background: #fff; color: var(--orange); } }

/* 页内其它手写区块（相关阅读 / 更多工厂那两段用了内联 h2 样式）*/
section h2[style*="font-weight:300"] { font-weight: 500 !important; letter-spacing: 0 !important; }

@media (max-width: 768px) { .section { padding: 44px 0; } .cap-grid { gap: 24px 16px; } }