/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 06:50:33 */
/* ============================================================
   CN Electrical Steel — Master Additional CSS
   Root selector: #zx-electrical-steel (never .zx)
   Rule: append new components to the end of this file, never
   duplicate an existing selector elsewhere in the file.
   ============================================================ */

/* ---------- Root / resets / buttons ---------- */
#zx-electrical-steel{--ink:#101b28;--ink2:#1c2b3d;--steel700:#3a4653;--steel600:#4a5765;--steel500:#667382;--steel400:#8b96a3;--steel300:#b3bfc9;--steel200:#c9d0d8;--line:#e3e7ec;--line2:#eef1f4;--paper:#f4f7fa;--paper2:#edf1f5;--white:#fff;--blue:#005fb3;--blue600:#00508f;--blue700:#003f70;--bluelight:#4a9ada;--blue100:#d3e7f7;--blue050:#eaf3fb;--zx-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--wrap:1280px;font-family:inherit;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:clip}
#zx-electrical-steel *{box-sizing:border-box;margin:0;padding:0}
#zx-electrical-steel a{color:inherit;text-decoration:none}
#zx-electrical-steel h1,#zx-electrical-steel h2,#zx-electrical-steel h3{font-family:inherit;font-weight:700;line-height:1.14;letter-spacing:-.01em;color:var(--ink)}
#zx-electrical-steel .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
#zx-electrical-steel :focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}
#zx-electrical-steel .mono{font-family:var(--zx-mono)}
#zx-electrical-steel .btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:600;font-size:15px;padding:12px 20px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
#zx-electrical-steel .btn:hover{transform:translateY(-1px)}
#zx-electrical-steel .btn-primary{background:var(--blue);color:#fff}
#zx-electrical-steel .btn-primary:hover{background:var(--blue700)}
#zx-electrical-steel .btn-ghost{background:transparent;color:var(--ink);border-color:var(--steel200)}
#zx-electrical-steel .btn-ghost:hover{border-color:var(--steel500);background:var(--white)}
#zx-electrical-steel .btn-ghost-invert{background:transparent;color:#e8ecf1;border-color:rgba(255,255,255,.28)}
#zx-electrical-steel .btn-ghost-invert:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06)}
#zx-electrical-steel .btn-dark{background:var(--ink);color:#fff}
#zx-electrical-steel .btn-dark:hover{background:var(--ink2)}
#zx-electrical-steel .btn-block{width:100%}
#zx-electrical-steel .arrow{transition:transform .15s ease}
#zx-electrical-steel .btn:hover .arrow,#zx-electrical-steel .linkarrow:hover .arrow{transform:translateX(3px)}

/* ---------- Hero ---------- */
#zx-electrical-steel .hero{position:relative;overflow:hidden;color:#e8ecf1;background:var(--ink)}
#zx-electrical-steel .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}
#zx-electrical-steel .hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(16,28,43,.58),rgba(16,28,43,.72));z-index:1;pointer-events:none}
#zx-electrical-steel .hero-overlay::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 9px,rgba(74,154,218,.08) 9px 10px)}
#zx-electrical-steel .hero-in{position:relative;z-index:3;padding-top:74px;padding-bottom:66px;max-width:900px}
#zx-electrical-steel .eyebrow{font-family:var(--zx-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bluelight);margin-bottom:20px}
#zx-electrical-steel .hero h1{color:#fff;font-size:clamp(34px,5vw,54px);font-weight:800}
#zx-electrical-steel .hero h1 .sub{display:block;color:var(--steel400);font-weight:600;font-size:clamp(19px,2.4vw,26px);margin-top:12px;letter-spacing:-.005em}
#zx-electrical-steel .hero p{color:#c3ccd6;font-size:17px;max-width:730px;margin:24px 0 30px}
#zx-electrical-steel .hero-btns{display:flex;flex-wrap:wrap;gap:12px}
#zx-electrical-steel .chips{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
#zx-electrical-steel .chip{font-family:var(--zx-mono);font-size:13px;color:#d3dae2}
#zx-electrical-steel .chip b{color:#fff;font-weight:600}
#zx-electrical-steel .chip i{color:var(--bluelight);margin-right:8px;font-style:normal}

/* ---------- Sections / shared heads ---------- */
#zx-electrical-steel .section{padding:72px 0}
#zx-electrical-steel .section.alt{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#zx-electrical-steel .section.tint{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#zx-electrical-steel .shead{margin-bottom:38px;max-width:none}
#zx-electrical-steel .shead .kick{font-family:var(--zx-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
#zx-electrical-steel .shead h2{font-size:clamp(26px,3.4vw,36px)}
#zx-electrical-steel .shead p{color:var(--steel700);font-size:16px;margin-top:12px}
#zx-electrical-steel .crumbs{font-family:var(--zx-mono);font-size:12px;color:#aab4c0;margin-bottom:18px}
#zx-electrical-steel .crumbs a{color:#c3ccd6}
#zx-electrical-steel .crumbs a:hover{color:#fff}

/* ---------- Product lines ---------- */
#zx-electrical-steel .lines{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#zx-electrical-steel .lines.cols-2{grid-template-columns:repeat(2,1fr)}
#zx-electrical-steel .line-card{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#zx-electrical-steel .line-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,28,43,.12);border-color:var(--steel300)}
#zx-electrical-steel .imgslot{position:relative;aspect-ratio:16/10;border-bottom:1px solid var(--line);overflow:hidden}
#zx-electrical-steel .imgslot::before{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--zx-mono);font-size:12px;letter-spacing:.04em;color:var(--steel400);background:repeating-linear-gradient(45deg,#eceff2 0 11px,#e5e9ee 11px 22px)}
#zx-electrical-steel .imgslot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#zx-electrical-steel .imgslot.portrait{aspect-ratio:210/297;border-bottom:none;border-radius:12px;border:1px solid var(--line)}
#zx-electrical-steel .imgslot .tag{position:absolute;left:14px;bottom:12px;z-index:2;font-family:var(--zx-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.92);padding:4px 10px;border-radius:4px;border:1px solid var(--line)}
#zx-electrical-steel .line-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
#zx-electrical-steel .line-body h3{font-size:21px;margin-bottom:8px}
#zx-electrical-steel .line-desc{color:var(--steel700);font-size:14.5px;min-height:63px}
#zx-electrical-steel .specs{list-style:none;margin:16px 0 14px;border-top:1px solid var(--line2)}
#zx-electrical-steel .specs li{display:flex;justify-content:space-between;gap:12px;font-family:var(--zx-mono);font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--line2)}
#zx-electrical-steel .specs li span{color:var(--steel500)}
#zx-electrical-steel .specs li b{color:var(--ink);font-weight:600;text-align:right}
#zx-electrical-steel .metarow{font-size:13px;color:var(--steel700);margin:2px 0 4px}
#zx-electrical-steel .metarow strong{color:var(--ink);font-weight:600}
#zx-electrical-steel .gradechips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}
#zx-electrical-steel .gradechips span{font-family:var(--zx-mono);font-size:11.5px;color:var(--blue);background:var(--blue050);border:1px solid var(--blue100);padding:3px 8px;border-radius:4px}
#zx-electrical-steel .ut-split{list-style:none;margin:14px 0 16px;border-top:1px solid var(--line2)}
#zx-electrical-steel .ut-split a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line2);transition:padding-left .15s ease}
#zx-electrical-steel .ut-split a:hover{padding-left:5px}
#zx-electrical-steel .ut-split .lbl{flex:1}
#zx-electrical-steel .ut-split .lbl b{display:block;font-size:14.5px;color:var(--ink);font-weight:600}
#zx-electrical-steel .ut-split .lbl em{font-family:var(--zx-mono);font-style:normal;font-size:12px;color:var(--steel500)}
#zx-electrical-steel .ut-split .ar{color:var(--blue600);font-family:var(--zx-mono);font-size:15px}
#zx-electrical-steel .linkarrow{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14.5px;color:var(--blue600)}

/* ---------- Comparison table (generic, 2-3 column) ---------- */
#zx-electrical-steel .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}
#zx-electrical-steel table.cmp{width:100%;border-collapse:collapse;min-width:520px}
#zx-electrical-steel table.cmp th,#zx-electrical-steel table.cmp td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line2);font-size:13.5px}
#zx-electrical-steel table.cmp thead th{font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);background:var(--paper2);border-bottom:1px solid var(--line)}
#zx-electrical-steel table.cmp tbody th{font-weight:600;color:var(--steel700);font-family:inherit;width:180px}
#zx-electrical-steel table.cmp td{font-family:var(--zx-mono);color:var(--ink)}
#zx-electrical-steel table.cmp tr:last-child td,#zx-electrical-steel table.cmp tr:last-child th{border-bottom:none}
#zx-electrical-steel table.cmp td:first-of-type{color:var(--blue)}
#zx-electrical-steel .tblnote{margin-top:16px;font-size:14.5px;color:var(--steel700)}
#zx-electrical-steel .tblnote b{color:var(--ink);font-weight:600}
#zx-electrical-steel .tblnote a{color:var(--blue600);font-weight:600}

/* ---------- Grade comparison table (sticky columns, wide directory) ---------- */
#zx-electrical-steel table.cmp-grade{min-width:1080px;table-layout:auto;border-collapse:separate;border-spacing:0}
#zx-electrical-steel table.cmp-grade th,#zx-electrical-steel table.cmp-grade td{padding:11px 14px;font-size:13px;white-space:nowrap;border-bottom:1px solid var(--line2);text-align:center}
#zx-electrical-steel table.cmp-grade thead th{background:var(--ink);font-family:var(--zx-mono);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#dfe5ec;border-bottom:none;white-space:nowrap}
#zx-electrical-steel table.cmp-grade td{font-family:var(--zx-mono);color:var(--ink)}
#zx-electrical-steel table.cmp-grade td .dash{color:var(--steel300)}
#zx-electrical-steel table.cmp-grade tbody tr:nth-child(even) td{background:var(--paper2)}
#zx-electrical-steel table.cmp-grade tbody tr:hover td{background:var(--blue050)}
#zx-electrical-steel table.cmp-grade tbody tr.thk-start td{border-top:1px solid var(--steel200)}
#zx-electrical-steel table.cmp-grade tbody tr.cat-start td{border-top:2px solid var(--blue)}
#zx-electrical-steel table.cmp-grade .catcell,#zx-electrical-steel table.cmp-grade .thkcell{font-family:inherit;font-weight:700;background:var(--white);white-space:normal;vertical-align:middle;color:var(--ink);text-align:left}
#zx-electrical-steel table.cmp-grade .thkcell{font-family:var(--zx-mono);font-weight:600;color:var(--blue600);text-align:center}
#zx-electrical-steel table.cmp-grade tr:last-child td{border-bottom:none}
#zx-electrical-steel table.cmp-grade-go .catcell{position:sticky;left:0;width:158px;z-index:2;box-shadow:2px 0 6px rgba(16,28,43,.08)}
#zx-electrical-steel table.cmp-grade-go .thkcell{position:sticky;left:158px;width:88px;z-index:1;box-shadow:2px 0 6px rgba(16,28,43,.06)}
#zx-electrical-steel table.cmp-grade-go thead th:nth-child(1){position:sticky;left:0;z-index:3;width:158px;background:var(--ink)}
#zx-electrical-steel table.cmp-grade-go thead th:nth-child(2){position:sticky;left:158px;z-index:3;width:88px;background:var(--ink);box-shadow:2px 0 6px rgba(16,28,43,.15)}
#zx-electrical-steel table.cmp-grade-ngo .thkcell{position:sticky;left:0;width:88px;z-index:1;box-shadow:2px 0 6px rgba(16,28,43,.08)}
#zx-electrical-steel table.cmp-grade-ngo thead th:first-child{position:sticky;left:0;z-index:3;width:88px;background:var(--ink);box-shadow:2px 0 6px rgba(16,28,43,.15)}
#zx-electrical-steel .gradenote{margin-top:16px;font-size:14px;color:var(--steel700);display:flex;gap:10px;align-items:flex-start;background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
#zx-electrical-steel .gradenote b{color:var(--ink)}
#zx-electrical-steel .gradenote.warn{background:#fdf3e8;border-color:#f0d9b8}

/* ---------- Steps ---------- */
#zx-electrical-steel .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
#zx-electrical-steel .step{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px 16px}
#zx-electrical-steel .step .sn{font-family:var(--zx-mono);font-size:12px;font-weight:600;color:#fff;background:var(--blue);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
#zx-electrical-steel .step h3{font-family:inherit;font-size:15px;font-weight:700;margin-bottom:5px}
#zx-electrical-steel .step p{font-size:12.5px;color:var(--steel700)}

/* ---------- FAQ ---------- */
#zx-electrical-steel .faq{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white)}
#zx-electrical-steel .faq details{border-top:1px solid var(--line2)}
#zx-electrical-steel .faq details:first-child{border-top:none}
#zx-electrical-steel .faq summary{list-style:none;cursor:pointer;padding:19px 22px;font-family:inherit;font-weight:600;font-size:15.5px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:18px;transition:background .18s ease,color .18s ease}
#zx-electrical-steel .faq summary:hover{background:var(--paper2)}
#zx-electrical-steel .faq summary::-webkit-details-marker{display:none}
#zx-electrical-steel .faq details[open]>summary{color:var(--blue600)}
#zx-electrical-steel .faq summary::after{content:"";flex-shrink:0;width:8px;height:8px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(45deg);transition:transform .25s ease;position:relative;top:-1px}
#zx-electrical-steel .faq details[open]>summary::after{transform:rotate(-135deg)}
#zx-electrical-steel .faq .fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
#zx-electrical-steel .faq details[open] .fa{grid-template-rows:1fr}
#zx-electrical-steel .faq .fa>p{overflow:hidden;min-height:0;margin:0;padding:2px 22px 18px;max-width:900px;font-size:14.5px;line-height:1.65;color:var(--steel700)}
#zx-electrical-steel .faq .fa>p a{color:var(--blue600);font-weight:600}

/* ---------- Grade band ---------- */
#zx-electrical-steel .gradeband{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
#zx-electrical-steel .gradeband .kick{font-family:var(--zx-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
#zx-electrical-steel .gradeband h2{font-size:clamp(26px,3.4vw,34px)}
#zx-electrical-steel .gradeband>div>p{color:var(--steel700);font-size:16px;margin-top:12px}
#zx-electrical-steel .stdchips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 26px}
#zx-electrical-steel .stdchips span{font-family:var(--zx-mono);font-size:13px;color:var(--ink);background:var(--white);border:1px solid var(--line);padding:8px 14px;border-radius:6px}
#zx-electrical-steel .gradeband .btns{display:flex;flex-wrap:wrap;gap:12px}
#zx-electrical-steel .equiv{background:var(--ink);color:#dfe5ec;border-radius:12px;padding:26px 28px}
#zx-electrical-steel .equiv h3{color:#fff;font-size:18px;margin-bottom:14px}
#zx-electrical-steel .equiv .eline{display:flex;align-items:center;gap:12px;font-family:var(--zx-mono);font-size:13.5px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#c9d2dc}
#zx-electrical-steel .equiv .eline:last-child{border-bottom:none}
#zx-electrical-steel .equiv .eq{color:var(--bluelight);font-weight:600}
#zx-electrical-steel .equiv .to{color:var(--steel400)}

/* ---------- Forms / Apps grids ---------- */
#zx-electrical-steel .forms{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#zx-electrical-steel .form-c{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px}
#zx-electrical-steel .form-c .n{font-family:var(--zx-mono);font-size:12px;color:var(--blue);letter-spacing:.05em}
#zx-electrical-steel .form-c h3{font-family:inherit;font-size:17px;font-weight:700;margin:8px 0 6px}
#zx-electrical-steel .form-c p{font-size:13px;color:var(--steel700)}
#zx-electrical-steel .formsnote{margin-top:22px}
#zx-electrical-steel .apps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#zx-electrical-steel .apps.apps-2{grid-template-columns:repeat(2,1fr);max-width:760px}
#zx-electrical-steel .apps.cols-3{grid-template-columns:repeat(3,1fr)}
#zx-electrical-steel .app-c{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px 20px;transition:border-color .15s,transform .15s}
#zx-electrical-steel .app-c:hover{border-color:var(--blue);transform:translateY(-3px)}
#zx-electrical-steel .app-c h3{font-family:inherit;font-size:16px;font-weight:700;margin-bottom:6px}
#zx-electrical-steel .app-c p{font-size:13px;color:var(--steel700);margin-bottom:12px}
#zx-electrical-steel .app-c .go{font-family:var(--zx-mono);font-size:12px;color:var(--blue600);font-weight:500}

/* ---------- Trust band ----------
   NOTE: background-attachment:fixed intentionally removed.
   The root container uses overflow-x:clip for full-bleed breakout;
   per spec, background-attachment:fixed inside a clipped ancestor
   renders inconsistently across browsers. Plain scroll background
   keeps the photo without the cross-browser flicker/misalignment. */
#zx-electrical-steel .trust{position:relative;background-color:var(--ink2);background-image:linear-gradient(rgba(16,28,43,.82),rgba(16,28,43,.88)),url('https://cn-electricalsteel.com/wp-content/uploads/2026/08/wuxi-zhongxin-mill-warehouse.webp');background-position:center;background-size:cover;background-repeat:no-repeat;color:#dbe1e9}
#zx-electrical-steel .trust .shead h2{color:#fff}
#zx-electrical-steel .trust .shead .kick{color:var(--bluelight)}
#zx-electrical-steel .trust .shead p{color:#aab4c0}
#zx-electrical-steel .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
#zx-electrical-steel .t-item .num{font-family:inherit;font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em}
#zx-electrical-steel .t-item .lab{font-size:14px;color:#aab4c0;margin-top:6px;line-height:1.5}
#zx-electrical-steel .t-item .lab b{color:#e8ecf1;font-weight:600}

/* ---------- CTA ---------- */
#zx-electrical-steel .cta{background:var(--blue050);border-top:1px solid var(--blue100);border-bottom:1px solid var(--blue100)}
#zx-electrical-steel .cta-in{max-width:1280px;margin:0 auto;padding:52px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
#zx-electrical-steel .cta-in h2{font-size:clamp(24px,3vw,32px);max-width:760px}
#zx-electrical-steel .cta-in p{color:var(--steel700);margin-top:8px;font-size:15.5px}
#zx-electrical-steel .cta-btns{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Reveal-on-scroll ---------- */
#zx-electrical-steel .reveal{opacity:1;transform:none}
#zx-electrical-steel.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
#zx-electrical-steel.js .reveal.in{opacity:1;transform:none}

/* ---------- Photo placeholder (generic form/step photo) ---------- */
#zx-electrical-steel .form-photo{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;margin-bottom:14px;border:1px solid var(--line)}
#zx-electrical-steel .form-photo::before{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--zx-mono);font-size:11px;color:var(--steel400);background:repeating-linear-gradient(45deg,#eceff2 0 11px,#e5e9ee 11px 22px);text-align:center;padding:8px}
#zx-electrical-steel .form-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Downloads ---------- */
#zx-electrical-steel .dl-featured{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:34px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}
#zx-electrical-steel .dl-tag{font-family:var(--zx-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--copper,#b76b2c);margin-bottom:10px}
#zx-electrical-steel .dl-featured h3{font-size:22px;margin-bottom:10px}
#zx-electrical-steel .dl-featured>div:first-child>p{color:var(--steel700);font-size:15.5px;margin-bottom:22px;max-width:440px}
#zx-electrical-steel .dl-featured-specs{list-style:none;border-top:1px solid var(--line2)}
#zx-electrical-steel .dl-featured-specs li{display:flex;justify-content:space-between;gap:12px;font-family:var(--zx-mono);font-size:13px;padding:11px 0;border-bottom:1px solid var(--line2)}
#zx-electrical-steel .dl-featured-specs li span{color:var(--steel500)}
#zx-electrical-steel .dl-featured-specs li b{color:var(--ink);font-weight:600}
#zx-electrical-steel .dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#zx-electrical-steel .dl-grid.dl-2{grid-template-columns:repeat(2,1fr)}
#zx-electrical-steel .dl-card{display:flex;align-items:flex-start;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px;transition:border-color .15s,transform .15s}
#zx-electrical-steel .dl-card:hover{border-color:var(--blue);transform:translateY(-2px)}
#zx-electrical-steel .dl-icon{flex-shrink:0;width:40px;height:46px;border-radius:4px;background:var(--blue);color:#fff;font-family:var(--zx-mono);font-size:10.5px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;position:relative}
#zx-electrical-steel .dl-icon::before{content:attr(data-ext)}
#zx-electrical-steel .dl-icon.xlsx{background:var(--copper,#b76b2c)}
#zx-electrical-steel .dl-body{flex:1;min-width:0}
#zx-electrical-steel .dl-body b{display:block;font-size:15px;color:var(--ink);font-weight:600;margin-bottom:6px}
#zx-electrical-steel .dl-meta{display:block;font-size:12.5px;color:var(--steel600);line-height:1.55}
#zx-electrical-steel .dl-file{display:block;font-family:var(--zx-mono);font-size:11.5px;color:var(--steel500);margin-top:8px}
#zx-electrical-steel .dl-arrow{flex-shrink:0;font-family:var(--zx-mono);font-size:15px;color:var(--blue600);margin-top:2px}
#zx-electrical-steel .dl-note{background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}
#zx-electrical-steel .dl-note p{font-size:14.5px;color:var(--steel700);max-width:640px}
#zx-electrical-steel .dl-note p b{color:var(--ink)}

/* ---------- Scan strip (WhatsApp/WeChat) ---------- */
#zx-electrical-steel .scanstrip{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#zx-electrical-steel .scanstrip-in{padding-block:26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
#zx-electrical-steel .scanstrip-txt .kick{font-family:var(--zx-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
#zx-electrical-steel .scanstrip-txt p:last-child{font-size:15px;color:var(--steel700)}
#zx-electrical-steel .scan-codes{display:flex;gap:32px}
#zx-electrical-steel .scan-item{display:flex;flex-direction:column;align-items:center;gap:8px}
#zx-electrical-steel .scan-qr-box{width:92px;height:92px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#zx-electrical-steel .scan-qr{width:100%;height:100%;object-fit:contain;transition:opacity .15s}
#zx-electrical-steel .scan-label{font-family:var(--zx-mono);font-size:12px;color:var(--steel600);font-weight:600}

/* ---------- Contact cards / locations ---------- */
#zx-electrical-steel .contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#zx-electrical-steel .contact-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px 20px;transition:border-color .15s,transform .15s}
#zx-electrical-steel .contact-card:hover{border-color:var(--blue);transform:translateY(-3px)}
#zx-electrical-steel .contact-card .cl{font-family:var(--zx-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel500);margin-bottom:10px}
#zx-electrical-steel .contact-card .cv{font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;word-break:break-word}
#zx-electrical-steel .contact-card .cv a{color:var(--blue600);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--blue100)}
#zx-electrical-steel .contact-card .cv a:hover{text-decoration-color:currentColor}
#zx-electrical-steel .contact-card .cn{font-size:13px;color:var(--steel600);margin-top:6px}
#zx-electrical-steel .loc-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
#zx-electrical-steel .loc-card{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
#zx-electrical-steel .loc-photo{aspect-ratio:16/9;background:var(--paper2);border-bottom:1px solid var(--line)}
#zx-electrical-steel .loc-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .15s}
#zx-electrical-steel .loc-body{padding:20px 22px 24px}
#zx-electrical-steel .loc-body .lt{font-family:var(--zx-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
#zx-electrical-steel .loc-body h3{font-size:17px;margin-bottom:8px}
#zx-electrical-steel .loc-body p{font-size:14px;color:var(--steel700)}
#zx-electrical-steel .loc-map-full{border:1px solid var(--line);border-radius:12px;overflow:hidden;height:340px}
#zx-electrical-steel .loc-map-full iframe{width:100%;height:100%;border:0;display:block}

/* ---------- RFQ form ---------- */
#zx-electrical-steel .rfq-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}
#zx-electrical-steel .rfq-form{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:32px}
#zx-electrical-steel .rfq-legend{font-size:13px;color:var(--steel600);margin-bottom:22px}
#zx-electrical-steel .rfq-legend b{color:var(--ink)}
#zx-electrical-steel .rfq-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#zx-electrical-steel .rfq-field{margin-bottom:18px}
#zx-electrical-steel .rfq-field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:7px}
#zx-electrical-steel .rfq-field label .req{color:var(--blue);margin-left:2px}
#zx-electrical-steel .rfq-field label .opt{color:var(--steel500);font-weight:400;margin-left:4px}
#zx-electrical-steel .rfq-field input[type=text],#zx-electrical-steel .rfq-field input[type=email],#zx-electrical-steel .rfq-field input[type=tel],#zx-electrical-steel .rfq-field input[type=number],#zx-electrical-steel .rfq-field textarea{width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper2);border:1px solid var(--line);border-radius:7px;padding:11px 13px;transition:border-color .15s,background .15s}
#zx-electrical-steel .rfq-field input:focus,#zx-electrical-steel .rfq-field textarea:focus{outline:none;border-color:var(--blue);background:var(--white)}
#zx-electrical-steel .rfq-field textarea{resize:vertical;min-height:96px}
#zx-electrical-steel .rfq-file{display:flex;align-items:center;gap:12px;background:var(--paper2);border:1px dashed var(--steel300);border-radius:7px;padding:14px}
#zx-electrical-steel .rfq-file input{font-size:13px;color:var(--steel600)}
#zx-electrical-steel .rfq-file .fh{font-size:12.5px;color:var(--steel500);margin-top:4px}
#zx-electrical-steel .rfq-submit-note{font-size:12.5px;color:var(--steel500);margin-top:12px;text-align:center}
#zx-electrical-steel .rfq-side{display:flex;flex-direction:column;gap:20px}
#zx-electrical-steel .rfq-panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px}
#zx-electrical-steel .rfq-panel h3{font-size:16px;margin-bottom:16px}
#zx-electrical-steel .rfq-steps{list-style:none;counter-reset:rfq}
#zx-electrical-steel .rfq-steps li{counter-increment:rfq;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2)}
#zx-electrical-steel .rfq-steps li:last-child{border-bottom:none;padding-bottom:0}
#zx-electrical-steel .rfq-steps li::before{content:counter(rfq);flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--blue050);color:var(--blue);font-family:var(--zx-mono);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
#zx-electrical-steel .rfq-steps li span{font-size:13.5px;color:var(--steel700);line-height:1.5;padding-top:2px}
#zx-electrical-steel .rfq-steps li span b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
#zx-electrical-steel .rfq-quick{background:var(--paper2)}
#zx-electrical-steel .rfq-quick p{font-size:13.5px;color:var(--steel700);margin-bottom:16px}
#zx-electrical-steel .rfq-quick .btn{margin-bottom:10px}
#zx-electrical-steel .rfq-quick .btn:last-child{margin-bottom:0}
#zx-electrical-steel .rfq-form .wpcf7-form-control-wrap{display:block}
#zx-electrical-steel .rfq-form input.wpcf7-form-control,#zx-electrical-steel .rfq-form textarea.wpcf7-form-control{width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper2);border:1px solid var(--line);border-radius:7px;padding:11px 13px;transition:border-color .15s,background .15s}
#zx-electrical-steel .rfq-form input.wpcf7-form-control:focus,#zx-electrical-steel .rfq-form textarea.wpcf7-form-control:focus{outline:none;border-color:var(--blue);background:var(--white)}
#zx-electrical-steel .rfq-form textarea.wpcf7-form-control{resize:vertical;min-height:96px}
#zx-electrical-steel .rfq-form input.wpcf7-submit{display:flex;align-items:center;justify-content:center;width:100%;background:var(--blue);color:#fff;font-family:inherit;font-weight:600;font-size:15px;padding:12px 20px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
#zx-electrical-steel .rfq-form input.wpcf7-submit:hover{background:var(--blue700);transform:translateY(-1px)}
#zx-electrical-steel .rfq-form .wpcf7-spinner{margin-left:8px}
#zx-electrical-steel .rfq-form .wpcf7-not-valid-tip{display:block;font-size:12px;color:#c0392b;margin-top:6px}
#zx-electrical-steel .rfq-form .wpcf7-response-output{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:13.5px;border:1px solid var(--line)}
#zx-electrical-steel .rfq-form form.sent .wpcf7-response-output{border-color:#bfe3c8;color:#1e7e34;background:#eafaf0}
#zx-electrical-steel .rfq-form form.invalid .wpcf7-response-output,#zx-electrical-steel .rfq-form form.failed .wpcf7-response-output,#zx-electrical-steel .rfq-form form.aborted .wpcf7-response-output{border-color:#e0b4b4;color:#c0392b;background:#fdf0f0}

/* ---------- Certifications page ---------- */
#zx-electrical-steel .certband{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:start}
#zx-electrical-steel .certband .cap{margin-top:14px;font-family:var(--zx-mono);font-size:12px;color:var(--steel500);text-align:center}
#zx-electrical-steel .certband .kick{font-family:var(--zx-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
#zx-electrical-steel .certband h2{font-size:clamp(26px,3.4vw,34px);margin-bottom:12px}
#zx-electrical-steel .certband p{color:var(--steel700);font-size:16px;margin-bottom:18px}
#zx-electrical-steel .certband .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* ---------- Blog: recent posts grid (native Latest Posts block) ---------- */
#zx-electrical-steel .zx-recent-posts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0}
#zx-electrical-steel .zx-recent-posts li{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .15s,transform .15s}
#zx-electrical-steel .zx-recent-posts li:hover{border-color:var(--blue);transform:translateY(-3px)}
#zx-electrical-steel .zx-recent-posts .wp-block-latest-posts__featured-image{margin:0}
#zx-electrical-steel .zx-recent-posts .wp-block-latest-posts__featured-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
#zx-electrical-steel .zx-recent-posts a.wp-block-latest-posts__post-title{display:block;font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);text-decoration:none;margin:16px 18px 6px;line-height:1.3}
#zx-electrical-steel .zx-recent-posts time.wp-block-latest-posts__post-date{display:block;font-family:var(--zx-mono);font-size:12px;color:var(--blue);letter-spacing:.05em;margin:0 18px}
#zx-electrical-steel .zx-recent-posts .wp-block-latest-posts__post-excerpt{font-size:13px;color:var(--steel700);line-height:1.55;margin:8px 18px 18px}

/* ============================================================
   Responsive — every breakpoint consolidated here, once each.
   ============================================================ */
@media (max-width:960px){
  #zx-electrical-steel .lines,#zx-electrical-steel .forms,#zx-electrical-steel .apps,#zx-electrical-steel .trust-grid,#zx-electrical-steel .steps{grid-template-columns:repeat(2,1fr)}
  #zx-electrical-steel .lines.cols-2{grid-template-columns:1fr}
  #zx-electrical-steel .apps.cols-3{grid-template-columns:repeat(2,1fr)}
  #zx-electrical-steel .gradeband{grid-template-columns:1fr;gap:28px}
  #zx-electrical-steel .dl-grid{grid-template-columns:repeat(2,1fr)}
  #zx-electrical-steel .dl-featured{grid-template-columns:1fr}
  #zx-electrical-steel .contact-grid{grid-template-columns:repeat(2,1fr)}
  #zx-electrical-steel .loc-cards{grid-template-columns:1fr}
  #zx-electrical-steel .loc-map-full{height:260px}
  #zx-electrical-steel .rfq-grid{grid-template-columns:1fr}
  #zx-electrical-steel .rfq-row{grid-template-columns:1fr}
  #zx-electrical-steel .certband{grid-template-columns:1fr;gap:28px}
  #zx-electrical-steel .certband .imgslot.portrait{max-width:280px;margin:0 auto}
  #zx-electrical-steel .zx-recent-posts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  #zx-electrical-steel .lines,#zx-electrical-steel .forms,#zx-electrical-steel .apps,#zx-electrical-steel .trust-grid,#zx-electrical-steel .steps{grid-template-columns:1fr}
  #zx-electrical-steel .apps.cols-3{grid-template-columns:1fr}
  #zx-electrical-steel .section{padding:52px 0}
  #zx-electrical-steel .hero-in{padding-top:56px;padding-bottom:48px}
  #zx-electrical-steel .cta-in{padding-top:40px;padding-bottom:40px}
  #zx-electrical-steel .dl-grid,#zx-electrical-steel .dl-grid.dl-2{grid-template-columns:1fr}
  #zx-electrical-steel .contact-grid{grid-template-columns:1fr}
  #zx-electrical-steel .scanstrip-in{justify-content:center;text-align:center}
  #zx-electrical-steel .rfq-form{padding:22px}
  #zx-electrical-steel .zx-recent-posts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  #zx-electrical-steel.js .reveal{opacity:1;transform:none;transition:none}
  #zx-electrical-steel .faq .fa,#zx-electrical-steel .faq summary::after{transition:none}
  #zx-electrical-steel .btn:hover,#zx-electrical-steel .line-card:hover,#zx-electrical-steel .app-c:hover{transform:none}
}

/* ============================================================
   FOOTER COMPONENT — #zx-footer
   Independent from #zx-electrical-steel (page content wrapper).
   This lives in Astra's Custom Footer builder, a separate
   template area rendered once per page load outside the page
   content, so it gets its own ID and its own local copy of the
   handful of custom properties it needs — it cannot inherit
   variables from #zx-electrical-steel because that element does
   not exist in the same DOM branch as the footer.
   ========================================================= */
#zx-footer{
  text-align:left;
  --f-ink:#0c1622;
  --f-line:rgba(255,255,255,.09);
  --f-body:#a9b4c0;
  --f-body2:#c7cfd8;
  --f-white:#fff;
  --f-blue:#005fb3;
  --f-bluelight:#4a9ada;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --wrap:1280px;
  font-family:inherit;
  background:var(--f-ink);
  color:var(--f-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow-x:clip;
}
#zx-footer *{box-sizing:border-box;text-align:left}
#zx-footer a{color:inherit;text-decoration:none}
#zx-footer ul{list-style:none;margin:0;padding:0}
#zx-footer h3{margin:0}
#zx-footer .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
#zx-footer :focus-visible{outline:2px solid var(--f-bluelight);outline-offset:2px}

#zx-footer .zxf-accent{height:3px;background:linear-gradient(90deg,var(--f-blue),var(--f-bluelight) 45%,var(--f-blue))}

#zx-footer .zxf-top{padding:68px 0 48px;border-bottom:1px solid var(--f-line)}
#zx-footer .zxf-grid{display:grid;grid-template-columns:1.5fr .85fr .85fr .85fr 1.15fr;gap:36px}

#zx-footer .zxf-logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
#zx-footer .zxf-logo img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06);overflow:hidden;color:transparent;font-size:0}
#zx-footer .zxf-logo span{font-size:16px;font-weight:700;color:var(--f-white);letter-spacing:-.01em}
#zx-footer .zxf-tag{font-size:14px;color:var(--f-body);max-width:340px;margin-bottom:20px}
#zx-footer .zxf-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--f-bluelight);background:rgba(74,154,218,.1);border:1px solid rgba(74,154,218,.3);padding:6px 12px;border-radius:20px;margin-bottom:24px}
#zx-footer .zxf-badge svg{width:12px;height:12px;flex-shrink:0}

#zx-footer .zxf-qr{display:flex;gap:14px}
#zx-footer .zxf-qr-item{display:flex;flex-direction:column;align-items:center;gap:8px}
#zx-footer .zxf-qr-item .zxf-qr-box{background:var(--f-white);padding:7px;border-radius:8px;line-height:0}
#zx-footer .zxf-qr-item img{display:block;width:76px;height:76px;border-radius:2px;object-fit:cover;color:transparent;font-size:0}
#zx-footer .zxf-qr-item span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#7c8896}

#zx-footer .zxf-col h3{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--f-bluelight);margin-bottom:20px}
#zx-footer .zxf-col li{margin-bottom:13px}
#zx-footer .zxf-col a{font-size:14.5px;color:var(--f-body2);display:inline-flex;transition:color .15s ease,transform .15s ease}
#zx-footer .zxf-col a:hover{color:var(--f-white);transform:translateX(2px)}

#zx-footer .zxf-contactlist li{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin-bottom:14px}
#zx-footer .zxf-contactlist .zxf-clabel{flex:0 0 68px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--f-bluelight);padding-top:2px}
#zx-footer .zxf-contactlist a{color:var(--f-body2)}
#zx-footer .zxf-contactlist a:hover{color:var(--f-white)}
#zx-footer .zxf-contactlist span.addr{color:var(--f-body)}

#zx-footer .zxf-cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;font-size:14px;color:var(--f-white);background:var(--f-blue);padding:11px 18px;border-radius:6px;transition:background .15s ease,transform .15s ease}
#zx-footer .zxf-cta:hover{background:var(--f-bluelight);transform:translateY(-1px)}

#zx-footer .zxf-bottom{padding:22px 0}
#zx-footer .zxf-bottom-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
#zx-footer .zxf-bottom-in p{font-size:12.5px;color:#697585;margin:0}
#zx-footer .zxf-bottom-in nav{display:flex;gap:22px}
#zx-footer .zxf-bottom-in nav a{font-size:12.5px;color:#8b96a3}
#zx-footer .zxf-bottom-in nav a:hover{color:var(--f-white)}

@media (max-width:960px){
  #zx-footer .zxf-grid{grid-template-columns:1fr 1fr;row-gap:36px}
  #zx-footer .zxf-grid>.zxf-brand{grid-column:1 / -1}
}
@media (max-width:560px){
  #zx-footer .zxf-grid{grid-template-columns:1fr}
  #zx-footer .zxf-top{padding:52px 0 36px}
  #zx-footer .zxf-bottom-in{flex-direction:column;align-items:flex-start}
}
/* About Us page — CSS increment v5
   */
#zx-electrical-steel .whygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#zx-electrical-steel .why-item{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:28px 26px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#zx-electrical-steel .why-item:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,28,43,.1);border-color:var(--steel300)}
#zx-electrical-steel .why-item .wn{display:block;font-family:var(--zx-mono);font-size:12px;color:var(--blue);letter-spacing:.08em;margin-bottom:14px}
#zx-electrical-steel .why-item h3{font-size:19px;font-weight:800;margin-bottom:10px;letter-spacing:-.005em}
#zx-electrical-steel .why-item p{font-size:14.5px;color:var(--steel700)}

/* "What we stand behind" 用的 .forms 3 列变体（主文件默认 .forms 是 4 列） */
#zx-electrical-steel .forms.cols-3{grid-template-columns:repeat(3,1fr)}

/* 独立图文卡片组件（公司故事、团队/工厂照片两处用），主文件里没有这个类 */
#zx-electrical-steel .photocap .imgslot{border-radius:12px;border:1px solid var(--line)}
#zx-electrical-steel .photocap figcaption{margin-top:10px;font-size:13.5px;color:var(--steel700)}

/* gradeband 里按钮组的间距（避免用内联 style，单独给个类名） */
#zx-electrical-steel .story-cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}

/* 时间线组件：年份 + 圆点 + 竖线 + 满宽文字内容，整行 hover 高亮 */
#zx-electrical-steel .timeline{display:flex;flex-direction:column}
#zx-electrical-steel .titem{display:grid;grid-template-columns:84px 28px 1fr;column-gap:0;border-radius:10px;margin:0 -18px;padding:0 18px;transition:background .2s ease}
#zx-electrical-steel .titem:hover{background:var(--paper2)}
#zx-electrical-steel .titem .ty{font-family:var(--zx-mono);font-size:14.5px;font-weight:700;color:var(--blue);text-align:right;padding-right:18px;padding-top:14px;transition:color .2s ease}
#zx-electrical-steel .titem:hover .ty{color:var(--blue700)}
#zx-electrical-steel .titem .tdot{position:relative;display:flex;justify-content:center}
#zx-electrical-steel .titem .tdot::before{content:"";position:absolute;top:0;bottom:-38px;left:50%;width:2px;background:var(--line);transform:translateX(-50%)}
#zx-electrical-steel .titem:last-child .tdot::before{display:none}
#zx-electrical-steel .titem .tdot::after{content:"";width:13px;height:13px;border-radius:50%;background:var(--blue);border:3px solid var(--white);box-shadow:0 0 0 1px var(--line);margin-top:17px;position:relative;z-index:1;transition:transform .2s ease}
#zx-electrical-steel .titem:hover .tdot::after{transform:scale(1.25)}
#zx-electrical-steel .titem .tbody{width:100%;padding:14px 0 38px 20px}
#zx-electrical-steel .titem:last-child .tbody{padding-bottom:14px}
#zx-electrical-steel .titem h3{font-size:16.5px;margin-bottom:5px}
#zx-electrical-steel .titem p{font-size:14px;color:var(--steel700);width:100%}

/* 响应式：并入你主文件里两个统一断点块的写法习惯，这里单独追加一段（因为不能去改中间已有的两个 @media 块） */
@media (max-width:960px){
  #zx-electrical-steel .whygrid,#zx-electrical-steel .forms.cols-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  #zx-electrical-steel .whygrid,#zx-electrical-steel .forms.cols-3{grid-template-columns:1fr}
  #zx-electrical-steel .titem{grid-template-columns:60px 24px 1fr}
  #zx-electrical-steel .titem .ty{font-size:13px;padding-right:12px}
}
/* ---------- Body product photo (standard 800x500, centered) ---------- */
#zx-electrical-steel .figc-sm{max-width:800px;margin:0 auto}
#zx-electrical-steel .figc-sm-img{border-radius:12px;overflow:hidden;border:1px solid var(--line)}
#zx-electrical-steel .figc-sm-img img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover}
#zx-electrical-steel .photocap{margin-top:12px;text-align:center;font-family:var(--zx-mono);font-size:12.5px;color:var(--steel500)}

/* ---------- Two-up body photo grid (pairs .figc-sm side by side, matches .wrap content width) ---------- */
#zx-electrical-steel .photogrid-2{display:flex;gap:24px;width:100%}
#zx-electrical-steel .photogrid-2 .figc-sm{flex:1 1 0;min-width:0;max-width:none}
#zx-electrical-steel .photogrid-2 .figc-sm-img{width:100%;min-width:0}
#zx-electrical-steel .photogrid-2 .figc-sm-img img{width:100%;min-width:0}
@media (max-width:768px){#zx-electrical-steel .photogrid-2{flex-direction:column;gap:20px}}