/* Production-focused content and case study. Loaded after the original template. */
.production-focused h2{color:#153850;font-weight:700;line-height:1.3}.focused-lead{max-width:850px;margin:18px auto 0;color:#617488;line-height:1.8}.production-focused .erp-workflow-card{height:100%;background:#fff;border:1px solid #dce8ee;border-radius:18px;padding:26px;box-shadow:0 8px 24px rgba(18,53,77,.05)}.production-focused .erp-workflow-card h3{font-size:20px;line-height:1.4;margin:12px 0}.production-focused .erp-workflow-card p{color:#5e7183;line-height:1.75}.production-focused .erp-workflow-card .focused-detail{font-size:13px;padding-top:12px;border-top:1px solid #e3edf2}.production-focused .section-kicker{color:#087c98;font-size:12px;font-weight:700;letter-spacing:.09em}.production-hero-demo{margin-top:12px}
#chi-tiet-san-xuat{background:#f3f8fc;color:#183c55;padding:28px 0;overflow:hidden}
#chi-tiet-san-xuat *{box-sizing:border-box}
#chi-tiet-san-xuat .production-case-heading{max-width:780px;margin:0 auto 40px;text-align:center}
#chi-tiet-san-xuat .production-case-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.25;margin:14px 0 16px;letter-spacing:-.025em}
#chi-tiet-san-xuat .production-case-heading>p{font-size:16px;line-height:1.8;margin:0;color:#637a8e}
#chi-tiet-san-xuat .production-case-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:28px;align-items:stretch}
#chi-tiet-san-xuat .production-case-order{padding:30px;border:1px solid #dce8f0;background:#fff;border-radius:20px;box-shadow:0 12px 35px rgba(24,60,85,.04);min-width:0}
#chi-tiet-san-xuat .production-case-label{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;color:#54728c;line-height:1.6}
#chi-tiet-san-xuat .production-case-quantity{font-family:inherit;font-size:54px;font-weight:700;color:#123f65;line-height:1.2;margin:16px 0 8px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#chi-tiet-san-xuat .production-case-quantity>span{display:block;font-size:17px;font-weight:600;letter-spacing:0;margin-top:4px}
#chi-tiet-san-xuat .production-case-bom{font-size:14px;color:#61788b;line-height:1.8;margin:18px 0 22px}
#chi-tiet-san-xuat .production-case-bom>strong{display:block;color:#2f506a;font-weight:600}
#chi-tiet-san-xuat .production-case-metrics{display:grid;gap:10px}
#chi-tiet-san-xuat .production-case-metrics>div{padding:14px 16px;border-radius:12px;background:#f5f8fb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#chi-tiet-san-xuat .production-case-metrics span{font-size:13px;color:#5e7589}
#chi-tiet-san-xuat .production-case-metrics strong{font-size:24px;font-weight:700;line-height:1.3;color:#224965;font-variant-numeric:tabular-nums}
#chi-tiet-san-xuat .production-case-metrics small{font-size:11px;font-weight:500;white-space:nowrap}
#chi-tiet-san-xuat .production-case-metrics .production-case-shortage{background:#e7f6fa;border:1px solid #c7e9f0}
#chi-tiet-san-xuat .production-case-shortage strong{color:#087f98}
#chi-tiet-san-xuat .production-case-equation{display:flex;flex-wrap:wrap;gap:6px 12px;margin:20px 0 14px;font-size:13px;color:#587589}
#chi-tiet-san-xuat .production-case-equation strong{font-weight:600;color:#285269}
#chi-tiet-san-xuat .production-case-note{border-top:1px solid #e6edf2;padding-top:16px;font-size:12px;line-height:1.8;color:#728595;margin:0}
#chi-tiet-san-xuat .production-case-process{padding:28px 30px;background:#fff;border:1px solid #dce8f0;border-radius:20px;min-width:0}
#chi-tiet-san-xuat .production-case-process-heading h3{font-size:23px;line-height:1.4;margin:7px 0 24px;color:#20465f}
#chi-tiet-san-xuat .production-case-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
#chi-tiet-san-xuat .production-case-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;position:relative;padding-bottom:22px;min-width:0}
#chi-tiet-san-xuat .production-case-steps li:last-child{padding-bottom:0}
#chi-tiet-san-xuat .production-case-steps li:not(:last-child):before{content:'';position:absolute;left:18px;top:42px;bottom:6px;border-left:1px solid #d9e7ef}
#chi-tiet-san-xuat .production-case-step-number{display:grid;place-items:center;height:38px;width:38px;border-radius:11px;background:#ebf5fa;color:#1587a2;font-size:13px;font-weight:700}
#chi-tiet-san-xuat .production-case-steps h4{font-size:16px;line-height:1.5;margin:1px 0 5px;color:#20465f;font-weight:700}
#chi-tiet-san-xuat .production-case-steps p{font-size:14px;line-height:1.75;color:#6b8091;margin:0}
#chi-tiet-san-xuat .production-case-demo{margin-top:24px;padding:26px 30px;background:#e8f2f8;border:1px solid #d3e4ef;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:28px}
#chi-tiet-san-xuat .production-case-demo h3{font-size:21px;line-height:1.45;color:#224b67;margin:8px 0}
#chi-tiet-san-xuat .production-case-demo p{font-size:14px;line-height:1.8;color:#526f86;margin:0 0 6px}
#chi-tiet-san-xuat .production-case-demo small{display:block;font-size:12px;line-height:1.75;color:#708595}
#chi-tiet-san-xuat .production-case-demo .btn{flex-shrink:0;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:15px 22px;border-radius:12px;font-weight:600;line-height:1.5;transition:transform .25s ease,box-shadow .25s ease}
#chi-tiet-san-xuat .production-case-demo .btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(7,130,155,.16)}
@media(max-width:991.98px){#chi-tiet-san-xuat .production-case-layout{grid-template-columns:1fr;gap:20px}#chi-tiet-san-xuat .production-case-demo{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:575.98px){#chi-tiet-san-xuat{padding:10px 0}#chi-tiet-san-xuat .production-case-heading{margin-bottom:26px}#chi-tiet-san-xuat .production-case-order,#chi-tiet-san-xuat .production-case-process{padding:22px 20px;border-radius:16px}#chi-tiet-san-xuat .production-case-demo{padding:22px 20px;border-radius:16px}#chi-tiet-san-xuat .production-case-demo .btn{width:100%;font-size:14px}#chi-tiet-san-xuat .production-case-process-heading h3{font-size:21px}#chi-tiet-san-xuat .production-case-steps li{gap:12px}.production-focused .erp-workflow-card{padding:22px}}
@media(prefers-reduced-motion:reduce){#chi-tiet-san-xuat .production-case-demo .btn{transition:none}}