/*
Theme Name: Jiuzhou Chemical Fiber Gutenberg
Theme URI: https://example.com/
Author: OpenAI
Description: Gutenberg-ready WordPress reconstruction of the supplied Jiuzhou Nylon preview.
Version: 1.7.7
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: jiuzhou
*/
/* 九洲化纤全局样式｜“纤维的秩序”：深蓝矿物底色、连续细线、工业编辑感与克制动效。 */
:root {
  --ink: #10212e;
  --navy: #0b3e64;
  --navy-deep: #005197;
  --blue: #1474aa;
  --fiber: #f6f5f0;
  --mist: #e8edf0;
  --steel: #7f909c;
  --line: rgba(16, 33, 46, 0.16);
  --page: min(1240px, calc(100vw - 80px));
  --sans: "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
  --display: "Noto Serif SC", "Songti SC", serif;
  --tech: "Manrope", "Noto Sans SC", sans-serif;
  color: var(--ink);
  background: var(--fiber);
  font-family: var(--sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--fiber); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { display: block; max-width: 100%; }
.site-shell { overflow: clip; }
.page-width { width: var(--page); margin: 0 auto; }
.section-space { padding: 108px 0; }

.site-header { align-items: center; color: white; display: flex; height: 76px; justify-content: space-between; left: 0; padding: 0 max(40px, calc((100vw - 1240px) / 2)); position: fixed; right: 0; top: 0; transition: background .2s cubic-bezier(.23,1,.32,1), box-shadow .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1); z-index: 30; }
.site-header--solid { background: rgba(246,245,240,.96); box-shadow: 0 3px 18px rgba(6,30,49,.08); color: var(--ink); }
.site-header--inner { background: var(--navy-deep); color: white; }
.desktop-nav a.is-current { color: #9cd6e6; position: relative; }
.desktop-nav a.is-current::after { background: currentColor; bottom: -8px; content: ""; height: 1px; left: 0; position: absolute; right: 0; }
.brand-lockup { align-items: center; display: inline-flex; gap: 12px; min-width: 226px; position: relative; }
.brand-lockup::after { background: currentColor; bottom: -5px; box-shadow: 0 3px 0 rgba(255,255,255,.28), 0 6px 0 rgba(255,255,255,.14); content: ""; height: 1px; left: 61px; opacity: .5; position: absolute; width: 85px; }
.site-header--solid .brand-lockup::after { box-shadow: 0 3px 0 rgba(11,62,100,.25), 0 6px 0 rgba(11,62,100,.12); }
.brand-mark { height: 50px; object-fit: contain; width: 50px; }
.brand-type { display: flex; flex-direction: column; font-family: var(--tech); gap: 0; letter-spacing: .12em; line-height: 1; }
.brand-type strong { font-size: 17px; font-weight: 800; letter-spacing: .19em; }
.brand-type span { font-size: 7px; font-weight: 700; letter-spacing: .24em; margin-top: 5px; opacity: .72; }
.desktop-nav { align-items: center; display: flex; gap: 26px; }
.desktop-nav a, .language-switch { font-family: var(--tech); font-size: 12px; font-weight: 600; letter-spacing: .03em; transition: color .16s ease; }
.desktop-nav a:hover { color: #5fc0e7; }
.language-switch { align-items: center; background: transparent; border: 0; color: inherit; display: flex; gap: 5px; padding: 4px 0; }
.header-cta { align-items: center; background: white; color: var(--navy-deep); display: inline-flex; font-family: var(--tech); font-size: 12px; font-weight: 800; gap: 7px; letter-spacing: .025em; padding: 13px 16px; transition: transform .16s cubic-bezier(.23,1,.32,1), background .16s ease; }
.header-cta:hover { background: #d9eff8; transform: translateY(-2px); }
.site-header--solid .header-cta { background: var(--navy); color: white; }
.menu-trigger, .mobile-panel { display: none; }

.hero-section { color: white; height: 650px; min-height: 0; position: relative; }
.hero-image, .hero-shadow, .hero-grid { inset: 0; position: absolute; }
.hero-image { background-color: #092942; background-position: center 54%; background-size: cover; }
.hero-shadow { background: linear-gradient(90deg, rgba(3,20,34,.88) 0%, rgba(4,25,42,.72) 35%, rgba(5,30,50,.18) 70%, rgba(5,30,50,.10) 100%); }
.hero-grid { display: none; }
.hero-content, .hero-bottom { position: relative; z-index: 1; }
.hero-content { margin: 0 auto; padding-top: 218px; width: var(--page); }
.eyebrow { align-items: center; color: var(--blue); display: flex; font-family: var(--tech); font-size: 10px; font-weight: 800; gap: 9px; letter-spacing: .17em; line-height: 1.2; text-transform: uppercase; }
.eyebrow span { background: currentColor; display: inline-block; height: 1px; width: 31px; }
.eyebrow--light { color: #b1d9e8; }
h1, h2, h3, p { margin: 0; }
h1, h2 { font-family: var(--tech); font-weight: 600; letter-spacing: -.05em; }
h1 { font-size: clamp(40px, 3.7vw, 62px); line-height: 1.06; margin: 18px 0 20px; max-width: 610px; }
h1 em, h2 em { color: inherit; font-style: normal; font-weight: 500; }
.hero-section h1 em { color: #9cd6e6; }
.hero-copy { color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.7; max-width: 485px; }
.hero-actions { align-items: center; display: flex; gap: 23px; margin-top: 29px; }
.button { align-items: center; display: inline-flex; font-family: var(--tech); font-size: 12px; font-weight: 800; gap: 10px; justify-content: center; letter-spacing: .02em; padding: 16px 21px; transition: transform .16s cubic-bezier(.23,1,.32,1), background .16s ease; }
.button:hover { transform: translateY(-3px); }
.button--light { background: white; color: var(--navy-deep); }
.button--light:hover { background: #d9eff8; }
.button--blue { background: var(--navy); color: white; margin-top: 35px; }
.button--blue:hover { background: var(--blue); }
.text-link, .line-link { align-items: center; display: inline-flex; font-family: var(--tech); font-size: 12px; font-weight: 800; gap: 10px; letter-spacing: .04em; }
.text-link--light { color: white; }
.text-link span { color: #9cd6e6; font-size: 17px; }
.hero-bottom { display: none; }
.metrics-strip { background: var(--navy); color: white; overflow: hidden; position: relative; }
.metrics-strip::before { background: rgba(190,227,239,.42); box-shadow: 0 5px 0 rgba(190,227,239,.24), 0 10px 0 rgba(190,227,239,.11); content: ""; height: 1px; left: -5%; position: absolute; top: 21px; transform: rotate(-1.5deg); width: 56%; }
.metrics-grid { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
.metrics-grid article { border-left: 1px solid rgba(255,255,255,.18); min-height: 148px; padding: 20px max(20px, calc((100vw - 1500px) / 10)) 18px; position: relative; }
.metrics-grid article:last-child { border-right: 1px solid rgba(255,255,255,.18); }
.metrics-grid span { color: #94cee1; font-family: var(--tech); font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.metrics-grid strong { display: block; font-family: var(--tech); font-size: clamp(24px, 2.3vw, 37px); letter-spacing: -.07em; line-height: 1; margin: 25px 0 8px; }
.metrics-grid p { color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.45; }

.about-section { background: var(--fiber); }
.about-layout { align-items: center; display: grid; gap: clamp(55px, 10vw, 142px); grid-template-columns: 1.08fr .92fr; position: relative; z-index: 1; }
.about-visual { height: 595px; position: relative; }
.about-visual::after { background: rgba(183,221,231,.6); box-shadow: 0 6px 0 rgba(183,221,231,.32), 0 12px 0 rgba(183,221,231,.16); content: ""; height: 1px; left: -9%; position: absolute; top: 46px; transform: rotate(-6deg); width: 46%; z-index: 2; }
.about-image-main { height: 100%; overflow: hidden; width: calc(100% - 74px); }
.about-image-main img { height: 100%; object-fit: cover; width: 100%; }
.about-image-inset { border: 9px solid var(--fiber); bottom: 38px; height: 188px; overflow: hidden; position: absolute; right: 0; width: 214px; }
.about-image-inset img { height: 100%; object-fit: cover; width: 100%; }
.about-caption { align-items: end; background: var(--navy); bottom: -23px; color: white; display: flex; flex-direction: column; gap: 7px; left: 0; padding: 16px 20px; position: absolute; text-align: right; }
.about-caption span { color: #a8d6e5; font-family: var(--tech); font-size: 9px; letter-spacing: .1em; }
.about-caption b { font-family: var(--display); font-size: 17px; font-weight: 500; }
h2 { font-size: clamp(34px, 3.45vw, 50px); line-height: 1.12; margin: 18px 0 22px; }
.about-copy > p, .quality-copy > p { color: #52636d; font-size: 14px; line-height: 1.85; margin-bottom: 14px; max-width: 505px; }
.line-link { border-bottom: 1px solid var(--ink); margin-top: 18px; padding-bottom: 8px; transition: color .16s ease, border-color .16s ease; }
.line-link:hover { border-color: var(--blue); color: var(--blue); }

.products-section { background: var(--navy-deep); color: white; }
.products-section .section-heading-row, .products-section .product-rail { position: relative; z-index: 1; }
.section-heading-row { align-items: end; display: flex; justify-content: space-between; }
.section-heading-row h2 { margin-bottom: 0; }
.section-heading-row > p { color: rgba(255,255,255,.67); font-size: 14px; line-height: 1.75; max-width: 350px; }
.product-rail { display: grid; gap: 16px; grid-template-columns: repeat(4, 1fr); margin-top: 62px; }
.product-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.16); min-height: 430px; overflow: hidden; position: relative; transition: background .22s ease, transform .22s cubic-bezier(.23,1,.32,1); }
.product-card::before { background: rgba(178,223,235,.46); box-shadow: 0 4px 0 rgba(178,223,235,.26), 0 8px 0 rgba(178,223,235,.12); content: ""; height: 1px; position: absolute; right: -17px; top: 18px; transform: rotate(-29deg); width: 65px; z-index: 2; }
.product-card:hover { background: rgba(255,255,255,.10); transform: translateY(-7px); }
.product-media { background: #c9e3ef; height: 215px; overflow: hidden; position: relative; }
.product-media::after { background: linear-gradient(138deg, rgba(6,30,49,.60), rgba(11,62,100,.24) 52%, rgba(225,243,247,.06)); content: ""; inset: 0; mix-blend-mode: multiply; pointer-events: none; position: absolute; z-index: 1; }
.product-media img { filter: grayscale(.48) saturate(.46) brightness(.91) contrast(1.08); height: 100%; object-fit: cover; transition: transform .35s cubic-bezier(.23,1,.32,1), filter .25s ease; width: 100%; }
.product-card:hover .product-media img { filter: grayscale(.30) saturate(.58) brightness(.95) contrast(1.06); transform: scale(1.025); }
.product-media span { background: var(--navy); bottom: 0; color: white; font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .14em; padding: 8px 10px; position: absolute; right: 0; }
.product-info { padding: 21px 20px 19px; }
.product-info small { color: #9ad4e6; font-family: var(--tech); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.product-info h3 { font-family: var(--display); font-size: 23px; font-weight: 500; line-height: 1.2; margin: 11px 0 10px; }
.product-info p { color: rgba(255,255,255,.66); font-size: 12px; line-height: 1.55; min-height: 56px; }
.product-info a { align-items: center; color: #d8f1f8; display: flex; font-family: var(--tech); font-size: 10px; font-weight: 800; gap: 7px; letter-spacing: .05em; margin-top: 15px; }

.strengths-section { background: #e7edf0; }
.strengths-layout { display: grid; gap: 100px; grid-template-columns: .9fr 1.1fr; position: relative; z-index: 1; }
.strengths-title { position: sticky; top: 128px; align-self: start; }
.strengths-list { border-top: 1px solid var(--line); }
.strengths-list article { align-items: start; border-bottom: 1px solid var(--line); display: grid; gap: 22px; grid-template-columns: 44px 1fr 28px; padding: 29px 0; transition: padding .2s cubic-bezier(.23,1,.32,1); }
.strengths-list article:hover { padding-left: 12px; }
.strengths-list span { color: var(--blue); font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .12em; padding-top: 4px; }
.strengths-list h3 { font-family: var(--display); font-size: 26px; font-weight: 500; }
.strengths-list p { color: #5c6b74; font-size: 13px; line-height: 1.7; margin-top: 9px; max-width: 410px; }

.factory-section { color: white; height: 670px; position: relative; }
.factory-section > img, .factory-veil { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.factory-section > img { filter: saturate(.52) contrast(1.08) brightness(.79); }
.factory-veil { background: linear-gradient(90deg, rgba(3,24,39,.85), rgba(3,24,39,.35) 65%, rgba(3,24,39,.12)), linear-gradient(0deg, rgba(3,24,39,.6), transparent 65%); }
.factory-content { display: flex; flex-direction: column; height: 100%; justify-content: center; position: relative; z-index: 1; }
.factory-content h2 { margin-top: 19px; }
.factory-footer { align-items: center; border-top: 1px solid rgba(255,255,255,.45); display: flex; justify-content: space-between; margin-top: 48px; max-width: 690px; padding-top: 17px; }
.factory-footer p { color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.6; max-width: 285px; }
.circle-link { align-items: center; background: white; color: var(--navy-deep); display: flex; font-family: var(--tech); font-size: 10px; font-weight: 800; gap: 9px; letter-spacing: .08em; padding: 13px 15px; transition: transform .17s cubic-bezier(.23,1,.32,1), background .17s ease; }
.circle-link:hover { background: #b6e3ef; transform: translateY(-3px); }

.quality-section { background: var(--fiber); }
.quality-layout { align-items: center; display: grid; gap: 96px; grid-template-columns: .75fr 1.25fr; position: relative; z-index: 1; }
.quality-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }
.quality-tags span { border: 1px solid rgba(11,62,100,.35); color: var(--navy); font-family: var(--tech); font-size: 9px; font-weight: 800; letter-spacing: .1em; padding: 8px 10px; }
.quality-image { height: 430px; position: relative; }
.quality-image > img { filter: saturate(.62) contrast(1.04); height: 100%; object-fit: cover; width: 100%; }
.quality-image > div { background: var(--navy); bottom: -18px; color: white; display: flex; flex-direction: column; left: -18px; padding: 17px 20px; position: absolute; }
.quality-image strong { font-family: var(--tech); font-size: 13px; letter-spacing: .08em; }
.quality-image span { color: #a8d6e5; font-family: var(--tech); font-size: 9px; letter-spacing: .12em; margin-top: 4px; }

.news-section { background: var(--blue); color: white; padding: 88px 0; }
.news-layout { position: relative; z-index: 1; }
.news-layout { align-items: end; display: grid; grid-template-columns: 1fr 1fr; }
.news-layout h2 { margin-bottom: 0; }
.news-empty { border-left: 1px solid rgba(255,255,255,.46); padding: 10px 0 8px 35px; }
.news-empty > span { color: #d6f4fc; font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.news-empty p { color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.65; margin: 12px 0 22px; max-width: 390px; }
.news-empty a { align-items: center; border-bottom: 1px solid white; display: inline-flex; font-family: var(--tech); font-size: 12px; font-weight: 800; gap: 9px; padding-bottom: 7px; }

.contact-section { background: #dbe4e8; padding: 115px 0; }
.contact-layout { display: grid; gap: 95px; grid-template-columns: 1fr 1fr; }
.contact-layout h2 { margin-bottom: 0; }
.contact-card { border-top: 2px solid var(--navy); padding-top: 23px; }
.contact-card > p { color: #52636d; font-size: 15px; line-height: 1.75; max-width: 430px; }
.contact-phone { align-items: center; display: inline-flex; font-family: var(--tech); font-size: clamp(20px, 2.4vw, 30px); font-weight: 800; gap: 10px; letter-spacing: -.04em; margin: 28px 0; }
.contact-lines { border-top: 1px solid var(--line); color: #596a74; display: grid; font-size: 12px; gap: 11px; line-height: 1.55; padding-top: 17px; }
.contact-card .line-link { margin-top: 25px; }

.site-footer { background: var(--navy-deep); color: white; overflow: hidden; padding: 48px 0 22px; position: relative; }
.site-footer::before { background: rgba(188,227,238,.45); box-shadow: 0 5px 0 rgba(188,227,238,.24), 0 10px 0 rgba(188,227,238,.11); content: ""; height: 1px; position: absolute; right: -5%; top: 24px; transform: rotate(-1.4deg); width: 42%; }
.site-footer .page-width { position: relative; }
.footer-top { align-items: start; display: grid; gap: 30px; grid-template-columns: 1fr 1fr auto; }
.brand-lockup--footer { color: white; }
.footer-top p { color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.65; max-width: 270px; }
.back-top { border-bottom: 1px solid rgba(255,255,255,.6); font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .07em; padding-bottom: 7px; text-transform: uppercase; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.45); display: flex; font-family: var(--tech); font-size: 9px; justify-content: space-between; letter-spacing: .07em; margin-top: 44px; padding-top: 17px; text-transform: uppercase; }

.inner-main { background: var(--fiber); padding-top: 76px; }
.subhero { align-items: end; background-color: var(--navy-deep); background-position: center; background-size: cover; color: white; display: flex; min-height: 365px; position: relative; }
.subhero::before { background: linear-gradient(90deg, rgba(3,22,37,.9) 0%, rgba(3,22,37,.65) 42%, rgba(3,22,37,.18) 100%); content: ""; inset: 0; position: absolute; }
.subhero-content { padding: 76px 0 50px; position: relative; z-index: 1; }
.subhero-content h1 { font-size: clamp(42px, 4.4vw, 67px); margin: 14px 0; }
.subhero-content p { color: rgba(255,255,255,.77); font-size: 14px; line-height: 1.65; max-width: 445px; }
.page-code { color: #a8d6e5; font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .17em; }





.page-section { padding: 94px 0; }
.page-intro { align-items: end; display: flex; justify-content: space-between; margin-bottom: 54px; }
.page-intro h2 { margin-bottom: 0; }
.page-intro > p { color: #55666f; font-size: 14px; line-height: 1.75; max-width: 380px; }
.catalog-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr); }
.catalog-card { background: white; border: 1px solid rgba(16,33,46,.12); }
.catalog-media { background: #dbe7eb; height: 224px; overflow: hidden; position: relative; }
.catalog-media img { filter: grayscale(.42) saturate(.52) contrast(1.05); height: 100%; object-fit: cover; width: 100%; }
.catalog-media span { background: var(--navy); bottom: 0; color: white; font-family: var(--tech); font-size: 10px; font-weight: 800; padding: 7px 9px; position: absolute; right: 0; }
.catalog-copy { padding: 21px 20px 20px; }
.catalog-copy small { color: var(--blue); font-family: var(--tech); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.catalog-copy h3 { font-family: var(--tech); font-size: 19px; line-height: 1.25; margin: 12px 0 10px; }
.catalog-copy strong { font-family: var(--tech); font-size: 12px; }
.catalog-copy p { color: #5d6c75; font-size: 12px; line-height: 1.6; min-height: 77px; margin-top: 10px; }
.catalog-copy a { align-items: center; border-bottom: 1px solid var(--ink); display: inline-flex; font-family: var(--tech); font-size: 10px; font-weight: 800; gap: 6px; margin-top: 13px; padding-bottom: 6px; }
.spec-section, .film-section { background: var(--navy-deep); color: white; padding: 84px 0; }
.spec-layout, .film-layout { align-items: start; display: grid; gap: 80px; grid-template-columns: .9fr 1.1fr; }
.spec-layout h2, .film-layout h2 { font-size: clamp(30px, 3vw, 45px); margin-bottom: 0; }
.spec-table { border-top: 1px solid rgba(255,255,255,.25); }
.spec-table > div { border-bottom: 1px solid rgba(255,255,255,.18); display: grid; gap: 18px; grid-template-columns: 130px 1fr; padding: 17px 0; }
.spec-table span, .spec-table b { font-size: 12px; line-height: 1.55; }
.spec-table span { color: #94cee1; font-family: var(--tech); letter-spacing: .06em; }
.spec-table b { font-weight: 500; }
.spec-table a { align-items: center; border-bottom: 1px solid white; display: inline-flex; font-family: var(--tech); font-size: 11px; font-weight: 800; gap: 8px; margin-top: 23px; padding-bottom: 7px; }
.document-layout { align-items: center; display: grid; gap: 88px; grid-template-columns: .92fr 1.08fr; }
.document-copy p { color: #52636d; font-size: 14px; line-height: 1.85; margin-bottom: 13px; max-width: 490px; }
.document-image { height: 410px; position: relative; }
.document-image img { filter: saturate(.62) contrast(1.05); height: 100%; object-fit: cover; width: 100%; }
.document-image span { background: var(--navy); bottom: -15px; color: white; font-family: var(--tech); font-size: 9px; font-weight: 700; left: -14px; letter-spacing: .1em; padding: 12px 15px; position: absolute; }
.company-data { background: #e1e9ec; }
.company-data-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.company-data-grid article { border-left: 1px solid rgba(16,33,46,.14); min-height: 150px; padding: 25px 24px; }
.company-data-grid article:last-child { border-right: 1px solid rgba(16,33,46,.14); }
.company-data-grid strong { display: block; font-family: var(--tech); font-size: 31px; letter-spacing: -.06em; }
.company-data-grid span { color: #596b74; display: block; font-size: 12px; line-height: 1.5; margin-top: 10px; }
.capability-layout { display: grid; gap: 100px; grid-template-columns: .85fr 1.15fr; }
.capability-list { border-top: 1px solid var(--line); }
.capability-list article { border-bottom: 1px solid var(--line); display: grid; gap: 20px; grid-template-columns: 42px 1fr; padding: 24px 0; }
.capability-list b { color: var(--blue); font-family: var(--tech); font-size: 10px; letter-spacing: .12em; }
.capability-list h3 { font-family: var(--tech); font-size: 19px; margin: 0; }
.capability-list p { color: #5a6b74; font-size: 13px; line-height: 1.7; margin-top: 8px; }
.factory-grid { display: grid; gap: 16px; grid-template-columns: repeat(12, 1fr); }
.factory-shot { margin: 0; overflow: hidden; position: relative; }
.factory-shot img { filter: saturate(.55) contrast(1.05); height: 100%; object-fit: cover; transition: transform .25s ease; width: 100%; }
.factory-shot:hover img { transform: scale(1.025); }
.factory-shot figcaption { background: linear-gradient(0deg, rgba(3,22,37,.8), transparent); bottom: 0; color: white; display: flex; flex-direction: column; left: 0; padding: 35px 16px 14px; position: absolute; right: 0; }
.factory-shot figcaption span { color: #a8d6e5; font-family: var(--tech); font-size: 9px; letter-spacing: .1em; }
.factory-shot figcaption strong { font-family: var(--tech); font-size: 14px; margin-top: 5px; }
.factory-shot figcaption em { color: rgba(255,255,255,.74); font-size: 10px; font-style: normal; margin-top: 3px; }
.factory-shot--1 { grid-column: span 7; height: 370px; }.factory-shot--2 { grid-column: span 5; height: 370px; }.factory-shot--3 { grid-column: span 4; height: 260px; }.factory-shot--4 { grid-column: span 4; height: 260px; }.factory-shot--5 { grid-column: span 4; height: 260px; }
.film-layout { align-items: center; }.film-link { align-items: center; background: white; color: var(--navy-deep); display: inline-flex; font-family: var(--tech); font-size: 11px; font-weight: 800; gap: 9px; justify-self: start; letter-spacing: .06em; padding: 16px 18px; }
.news-page { padding: 110px 0; }.news-page-layout { align-items: start; display: grid; gap: 100px; grid-template-columns: 1fr 1fr; }.news-notice { border-left: 2px solid var(--navy); padding: 4px 0 4px 25px; }.news-notice span { color: var(--blue); font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.news-notice p { color: #566871; font-size: 15px; line-height: 1.8; margin: 14px 0 20px; max-width: 440px; }.news-notice a { border-bottom: 1px solid var(--ink); font-family: var(--tech); font-size: 11px; font-weight: 800; padding-bottom: 7px; }
.contact-page { padding: 105px 0; }.contact-page-layout { display: grid; gap: 110px; grid-template-columns: .8fr 1.2fr; }.contact-page-layout > div > p { color: #586a73; font-size: 14px; line-height: 1.75; max-width: 350px; }.contact-detail-list { border-top: 1px solid var(--line); }.contact-detail-list > a { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 17px; grid-template-columns: 26px 1fr 22px; padding: 20px 0; }.contact-detail-list span, .contact-detail-list em { color: #65747c; display: block; font-size: 11px; font-style: normal; line-height: 1.5; }.contact-detail-list strong { display: block; font-family: var(--tech); font-size: 17px; margin: 3px 0; }.address-section { background: #e1e9ec; padding: 56px 0; }.address-layout { align-items: start; display: grid; gap: 20px; grid-template-columns: 32px 1fr; }.address-layout span { color: var(--blue); display: block; font-family: var(--tech); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.address-layout strong { display: block; font-family: var(--tech); font-size: clamp(18px, 2vw, 26px); line-height: 1.4; margin-top: 8px; max-width: 800px; }

@media (max-width: 980px) {
  :root { --page: min(100% - 48px, 720px); }
  .site-header { height: 70px; padding: 0 24px; }
  .desktop-nav, .header-cta { display: none; }
  .menu-trigger { background: transparent; border: 0; color: inherit; display: inline-flex; padding: 6px; }
  .mobile-panel { background: var(--navy-deep); display: flex; flex-direction: column; gap: 0; left: 0; opacity: 0; padding: 20px 24px 25px; pointer-events: none; position: absolute; right: 0; top: 70px; transform: translateY(-8px); transition: opacity .2s ease, transform .2s cubic-bezier(.23,1,.32,1); }
  .mobile-panel--open { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .mobile-panel a { align-items: center; border-bottom: 1px solid rgba(255,255,255,.16); color: white; display: grid; font-family: var(--tech); font-size: 17px; font-weight: 700; grid-template-columns: 35px 1fr 20px; padding: 16px 0; }
  .mobile-panel a span { color: #9cd6e6; font-size: 9px; letter-spacing: .08em; }
  .hero-section { min-height: 710px; padding-top: 115px; }
  .hero-content { margin-bottom: 50px; }
  .metrics-grid { grid-template-columns: 1fr 1fr; }
  .metrics-grid article:nth-child(3) { border-left: 0; }
  .metrics-grid article { min-height: 172px; }
  .about-layout, .strengths-layout, .quality-layout, .contact-layout { gap: 58px; grid-template-columns: 1fr; }
  .about-visual { height: 500px; max-width: 600px; }
  .strengths-title { position: static; }
  .product-rail { grid-template-columns: 1fr 1fr; }
  .section-heading-row { align-items: start; flex-direction: column; gap: 22px; }
  .factory-section { height: 590px; }
  .news-layout { gap: 45px; grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .back-top { justify-self: start; }
  .subhero { min-height: 330px; }
  .page-section { padding: 76px 0; }
  .page-intro { align-items: start; display: grid; gap: 28px; grid-template-columns: 1fr; }
  .catalog-grid { grid-template-columns: 1fr 1fr; }
  .spec-layout, .film-layout, .document-layout, .capability-layout, .news-page-layout, .contact-page-layout { gap: 48px; grid-template-columns: 1fr; }
  .company-data-grid { grid-template-columns: 1fr 1fr; }
  .company-data-grid article:nth-child(3) { border-left: 0; }
  .factory-shot--1, .factory-shot--2 { grid-column: span 6; height: 310px; }
  .factory-shot--3, .factory-shot--4, .factory-shot--5 { grid-column: span 4; height: 225px; }
}

@media (max-width: 620px) {
  :root { --page: calc(100% - 36px); }
  .brand-lockup { min-width: 180px; }
  .brand-mark { height: 40px; width: 40px; }
  .brand-lockup::after { bottom: -3px; left: 49px; width: 54px; }
  .brand-type strong { font-size: 14px; }
  .hero-section { min-height: 710px; padding-bottom: 30px; }
  .hero-image { background-position: 61% center; }
  .hero-shadow { background: linear-gradient(90deg, rgba(3,20,34,.91), rgba(3,20,34,.51)), linear-gradient(0deg, rgba(3,20,34,.75), transparent 55%); }
  h1 { font-size: 46px; }
  h2 { font-size: 40px; }
  .hero-copy { font-size: 14px; }
  .hero-actions { align-items: start; flex-direction: column; gap: 20px; }
  .hero-bottom { align-items: start; flex-direction: column; gap: 21px; }
  .scroll-cue { display: none; }
  .hero-capacity strong { font-size: 23px; }
  .metrics-grid article { min-height: 150px; padding: 19px 16px; }
  .metrics-grid strong { font-size: 28px; margin-top: 28px; }
  .metrics-grid p { font-size: 10px; }
  .section-space { padding: 80px 0; }
  .about-visual { height: 405px; }
  .about-image-main { width: calc(100% - 37px); }
  .about-image-inset { bottom: 28px; height: 134px; width: 150px; }
  .about-caption { bottom: -13px; padding: 12px 14px; }
  .product-rail { gap: 11px; margin-top: 35px; }
  .product-card { min-height: 380px; }
  .product-media { height: 150px; }
  .product-info { padding: 15px 13px; }
  .product-info h3 { font-size: 19px; }
  .product-info p { font-size: 11px; min-height: 77px; }
  .strengths-list h3 { font-size: 22px; }
  .factory-section { height: 555px; }
  .factory-footer { align-items: start; flex-direction: column; gap: 20px; margin-top: 32px; }
  .quality-image { height: 315px; }
  .quality-image > div { bottom: -12px; left: -8px; }
  .news-section { padding: 80px 0; }
  .news-empty { padding-left: 20px; }
  .contact-section { padding: 80px 0; }
  .footer-top { gap: 25px; grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 7px; line-height: 1.5; }
  .inner-main { padding-top: 70px; }
  .subhero { min-height: 300px; }
  .subhero-content { padding: 61px 0 36px; }
  .subhero-content h1 { font-size: 39px; }
  .subhero-content p { font-size: 13px; max-width: 290px; }
  .page-section { padding: 64px 0; }
  .page-intro { margin-bottom: 34px; }
  .page-intro > p { font-size: 13px; }
  .catalog-grid { gap: 12px; grid-template-columns: 1fr 1fr; }
  .catalog-media { height: 150px; }
  .catalog-copy { padding: 14px 12px 15px; }
  .catalog-copy h3 { font-size: 16px; }
  .catalog-copy strong, .catalog-copy p { font-size: 10px; }
  .catalog-copy p { min-height: 90px; }
  .catalog-copy a { font-size: 9px; }
  .spec-section, .film-section { padding: 64px 0; }
  .spec-layout, .film-layout, .document-layout, .capability-layout, .news-page-layout, .contact-page-layout { gap: 38px; }
  .spec-table > div { gap: 5px; grid-template-columns: 1fr; padding: 14px 0; }
  .spec-table span, .spec-table b { font-size: 11px; }
  .document-image { height: 270px; }
  .company-data-grid { grid-template-columns: 1fr 1fr; }
  .company-data-grid article { min-height: 125px; padding: 17px 15px; }
  .company-data-grid strong { font-size: 25px; }
  .company-data-grid span { font-size: 10px; }
  .capability-list h3 { font-size: 18px; }
  .factory-grid { grid-template-columns: 1fr; }
  .factory-shot--1, .factory-shot--2, .factory-shot--3, .factory-shot--4, .factory-shot--5 { grid-column: auto; height: 245px; }
  .film-link { justify-self: start; }
  .news-page, .contact-page { padding: 70px 0; }
  .contact-detail-list > a { gap: 13px; grid-template-columns: 24px 1fr 18px; }
  .contact-detail-list strong { font-size: 15px; }
  .address-section { padding: 45px 0; }
  .address-layout strong { font-size: 19px; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-content { animation: hero-copy-in .65s cubic-bezier(.23,1,.32,1) both; }
  .hero-bottom { animation: hero-bottom-in .65s .16s cubic-bezier(.23,1,.32,1) both; }
  @keyframes hero-copy-in { from { opacity: 0; transform: translate3d(-18px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
  @keyframes hero-bottom-in { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
}

/* WordPress/Gutenberg integration */
body.admin-bar .site-header{top:32px}.entry-content{margin:0}.entry-content>.wp-block-group,.entry-content>.wp-block-cover{margin-block-start:0;margin-block-end:0}.wp-site-blocks{padding:0}
.entry-content .wp-block-image{margin:0}.entry-content figure{margin:0}.entry-content .wp-block-heading{margin-top:0}
.hero-section.wp-block-cover{height:650px;min-height:0;padding:0;align-items:stretch}.hero-section .wp-block-cover__image-background{object-position:center 54%}.hero-section::after{background:linear-gradient(90deg,rgba(3,20,34,.88) 0%,rgba(4,25,42,.72) 35%,rgba(5,30,50,.18) 70%,rgba(5,30,50,.10) 100%);content:"";inset:0;position:absolute;z-index:1}.hero-section .wp-block-cover__inner-container{position:relative;z-index:2;width:100%}.hero-section .hero-content{padding-top:218px}
.eyebrow.wp-block-paragraph{margin:0}.hero-copy.wp-block-paragraph{margin:0}.button.wp-block-button__link{border-radius:0}.hero-actions.wp-block-buttons{align-items:center;display:flex;gap:23px;margin-top:29px}.hero-actions .wp-block-button{margin:0}.hero-actions .text-link{display:flex;align-items:center}
.metrics-grid .wp-block-group{margin:0}.metrics-grid article,.metric-item{border-left:1px solid rgba(255,255,255,.18);min-height:148px;padding:20px max(20px,calc((100vw - 1500px)/10)) 18px;position:relative}.metrics-grid .metric-item:last-child{border-right:1px solid rgba(255,255,255,.18)}.metric-number{color:#94cee1;font-family:var(--tech);font-size:10px;font-weight:700;letter-spacing:.16em}.metric-value{display:block;font-family:var(--tech);font-size:clamp(24px,2.3vw,37px);letter-spacing:-.07em;line-height:1;margin:25px 0 8px!important}.metric-desc{color:rgba(255,255,255,.68);font-size:12px;line-height:1.45}
.about-image-main.wp-block-image{height:100%;overflow:hidden;width:calc(100% - 74px)}.about-image-main.wp-block-image img{height:100%;object-fit:cover;width:100%}.about-image-inset.wp-block-image{border:9px solid var(--fiber);bottom:38px;height:188px;overflow:hidden;position:absolute;right:0;width:214px}.about-image-inset.wp-block-image img{height:100%;object-fit:cover;width:100%}.about-caption{position:absolute!important}.about-copy .wp-block-paragraph{color:#52636d;font-size:14px;line-height:1.85;margin-bottom:14px;max-width:505px}.line-link.wp-block-button__link{background:transparent!important;border:0;border-bottom:1px solid currentColor;border-radius:0;color:inherit;padding:0 0 8px}
.product-media-wrap{background:#c9e3ef;height:215px;overflow:hidden;position:relative}.product-media.wp-block-image{height:100%;margin:0}.product-media.wp-block-image::after{background:linear-gradient(138deg,rgba(6,30,49,.60),rgba(11,62,100,.24) 52%,rgba(225,243,247,.06));content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;z-index:1}.product-media img{height:100%;object-fit:cover;width:100%}.product-code{background:var(--navy);bottom:0;color:white;font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.14em;margin:0!important;padding:8px 10px;position:absolute;right:0;z-index:2}.product-info .wp-block-paragraph{margin:0}.product-info h3{margin:11px 0 10px}.product-info .product-desc{color:rgba(255,255,255,.66);font-size:12px;line-height:1.55;min-height:56px}.product-request{color:#d8f1f8;font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.05em;margin-top:15px!important}.product-request a{color:inherit}
.strengths-list .strength-item{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:22px;grid-template-columns:44px 1fr 28px;padding:29px 0}.strengths-list .strength-item:first-child{border-top:1px solid var(--line)}.strength-index{color:var(--blue);font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.12em;padding-top:4px}.strength-title{font-family:var(--display);font-size:26px!important;font-weight:500!important;margin:0!important}.strength-desc{color:#5c6b74;font-size:13px;line-height:1.7;margin-top:9px!important;max-width:410px}.strength-arrow{font-size:20px}
.factory-section.wp-block-cover{height:670px;min-height:0;padding:0}.factory-section .wp-block-cover__image-background{filter:saturate(.52) contrast(1.08) brightness(.79)}.factory-section::after{background:linear-gradient(90deg,rgba(3,24,39,.85),rgba(3,24,39,.35) 65%,rgba(3,24,39,.12)),linear-gradient(0deg,rgba(3,24,39,.6),transparent 65%);content:"";inset:0;position:absolute;z-index:1}.factory-section .wp-block-cover__inner-container{height:100%;position:relative;z-index:2;width:100%}.factory-content{height:100%}.film-link.wp-block-button__link{border-radius:0}
.quality-image .wp-block-image{height:100%}.quality-image .wp-block-image img{filter:saturate(.62) contrast(1.04);height:100%;object-fit:cover;width:100%}.quality-badge{position:absolute!important;bottom:-18px;left:-18px}
.news-empty .wp-block-paragraph{margin:0}.contact-card .wp-block-paragraph{margin:0}.contact-phone.wp-block-button__link{background:transparent!important;border-radius:0;color:var(--ink);padding:0}.contact-phone .phone-icon{font-size:.72em}.contact-lines .wp-block-paragraph{margin:0}
.subhero.wp-block-cover{align-items:end;min-height:365px;padding:0}.subhero::after{background:linear-gradient(90deg,rgba(3,22,37,.9) 0%,rgba(3,22,37,.65) 42%,rgba(3,22,37,.18) 100%);content:"";inset:0;position:absolute;z-index:1}.subhero .wp-block-cover__inner-container{position:relative;z-index:2;width:100%}.subhero-content{padding:76px 0 50px}.page-code{margin:0}.subhero-content h1{margin:14px 0}.subhero-content .wp-block-paragraph{margin:0}
.catalog-media-wrap{background:#dbe7eb;height:224px;overflow:hidden;position:relative}.catalog-media.wp-block-image{height:100%;margin:0}.catalog-media.wp-block-image img{filter:grayscale(.42) saturate(.52) contrast(1.05);height:100%;object-fit:cover;width:100%}.catalog-code{background:var(--navy);bottom:0;color:white;font-family:var(--tech);font-size:10px;font-weight:800;margin:0!important;padding:7px 9px;position:absolute;right:0}.catalog-copy .wp-block-paragraph{margin:0}.catalog-copy h3{margin:12px 0 10px}.catalog-spec{font-family:var(--tech);font-size:12px;font-weight:700}.catalog-desc{color:#5d6c75;font-size:12px;line-height:1.6;min-height:77px;margin-top:10px!important}.catalog-request{font-family:var(--tech);font-size:10px;font-weight:800;margin-top:13px!important}.catalog-request a{border-bottom:1px solid var(--ink);padding-bottom:6px}
.spec-row{border-bottom:1px solid rgba(255,255,255,.18);display:grid;gap:18px;grid-template-columns:130px 1fr;padding:17px 0}.spec-row:first-child{border-top:1px solid rgba(255,255,255,.25)}.spec-label{color:#94cee1;font-family:var(--tech);font-size:12px;letter-spacing:.06em;line-height:1.55}.spec-value{font-size:12px;font-weight:500;line-height:1.55}.document-image .wp-block-image{height:100%}.document-image .wp-block-image img{filter:saturate(.62) contrast(1.05);height:100%;object-fit:cover;width:100%}.document-tag{position:absolute!important;bottom:-15px;left:-14px}.company-data-grid .data-item{border-left:1px solid rgba(16,33,46,.14);min-height:150px;padding:25px 24px}.company-data-grid .data-item:last-child{border-right:1px solid rgba(16,33,46,.14)}.data-value{font-family:var(--tech);font-size:31px!important;letter-spacing:-.06em;margin:0!important}.data-desc{color:#596b74;font-size:12px;line-height:1.5;margin-top:10px!important}.capability-list .capability-item{border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:42px 1fr;padding:24px 0}.capability-list .capability-item:first-child{border-top:1px solid var(--line)}.cap-index{color:var(--blue);font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.12em}.cap-title{font-family:var(--tech);font-size:19px!important;margin:0!important}.cap-desc{color:#5a6b74;font-size:13px;line-height:1.7;margin-top:8px!important}
.factory-shot{position:relative}.factory-shot>.wp-block-image{height:100%;margin:0}.factory-shot>.wp-block-image img{filter:saturate(.55) contrast(1.05);height:100%;object-fit:cover;width:100%}.factory-caption{background:linear-gradient(0deg,rgba(3,22,37,.8),transparent);bottom:0;color:white;left:0;padding:35px 16px 14px;position:absolute!important;right:0}.factory-caption .wp-block-paragraph{margin:0}.factory-caption .shot-num{color:#a8d6e5;font-family:var(--tech);font-size:9px;letter-spacing:.1em}.factory-caption .shot-title{font-family:var(--tech);font-size:14px;font-weight:700;margin-top:5px}.factory-caption .shot-detail{color:rgba(255,255,255,.74);font-size:10px;margin-top:3px}
.contact-detail-list .contact-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:17px;grid-template-columns:26px 1fr 22px;padding:20px 0}.contact-detail-list .contact-row:first-child{border-top:1px solid var(--line)}.contact-row .wp-block-paragraph{margin:0}.contact-row .contact-label,.contact-row .contact-meta{color:#65747c;font-size:11px;line-height:1.5}.contact-row .contact-value{font-family:var(--tech);font-size:17px;font-weight:700;margin:3px 0}.contact-row .contact-icon,.contact-row .contact-arrow{font-size:20px}.address-layout .wp-block-paragraph{margin:0}
@media(max-width:980px){body.admin-bar .site-header{top:32px}.hero-section.wp-block-cover{min-height:710px;height:auto}.hero-section .hero-content{padding-top:115px;padding-bottom:70px}.metrics-grid{grid-template-columns:1fr 1fr!important}.metrics-grid .metric-item{min-height:172px}.about-image-main.wp-block-image{width:calc(100% - 37px)}.product-rail{grid-template-columns:1fr 1fr!important}.factory-section.wp-block-cover{height:590px}.catalog-grid{grid-template-columns:1fr 1fr!important}.company-data-grid{grid-template-columns:1fr 1fr!important}.factory-grid{grid-template-columns:repeat(12,1fr)!important}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:620px){.hero-section.wp-block-cover{min-height:710px}.hero-section .hero-content{padding-top:165px;padding-bottom:50px}.about-image-inset.wp-block-image{bottom:28px;height:134px;width:150px}.product-media-wrap{height:150px}.product-info h3{font-size:19px!important}.product-info .product-desc{font-size:11px;min-height:77px}.factory-section.wp-block-cover{height:555px}.subhero.wp-block-cover{min-height:300px}.subhero-content{padding:61px 0 36px}.catalog-media-wrap{height:150px}.catalog-copy h3{font-size:16px!important}.catalog-desc{min-height:90px}.factory-grid{grid-template-columns:1fr!important}.factory-shot--1,.factory-shot--2,.factory-shot--3,.factory-shot--4,.factory-shot--5{grid-column:auto!important;height:245px}.contact-detail-list .contact-row{gap:13px;grid-template-columns:24px 1fr 18px}.contact-row .contact-value{font-size:15px}}

.desktop-nav li{list-style:none;margin:0;padding:0}.desktop-nav .current-menu-item>a{color:#9cd6e6;position:relative}.desktop-nav .current-menu-item>a::after{background:currentColor;bottom:-8px;content:"";height:1px;left:0;position:absolute;right:0}.custom-logo{height:50px!important;width:50px!important;object-fit:contain}.about-caption>.wp-block-paragraph{margin:0}.about-caption>.wp-block-paragraph:first-child{color:#a8d6e5;font-family:var(--tech);font-size:9px;letter-spacing:.1em}.about-caption>.wp-block-paragraph:last-child{font-family:var(--display);font-size:17px;font-weight:500}.quality-tags>.wp-block-paragraph{border:1px solid rgba(11,62,100,.35);color:var(--navy);font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.1em;margin:0;padding:8px 10px}.news-notice>.wp-block-paragraph:first-child{color:var(--blue);font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.12em}.news-notice>.wp-block-paragraph:nth-child(2){color:#566871;font-size:15px;line-height:1.8;margin:14px 0 20px;max-width:440px}.news-notice>.wp-block-paragraph:last-child a{border-bottom:1px solid var(--ink);font-family:var(--tech);font-size:11px;font-weight:800;padding-bottom:7px}.document-tag>.wp-block-paragraph{margin:0}.quality-badge>.wp-block-paragraph{margin:0}.quality-badge>.wp-block-paragraph:first-child{font-family:var(--tech);font-size:13px;letter-spacing:.08em;font-weight:700}.quality-badge>.wp-block-paragraph:last-child{color:#a8d6e5;font-family:var(--tech);font-size:9px;letter-spacing:.12em;margin-top:4px}.address-layout>.wp-block-paragraph:first-child{font-size:27px}.address-layout .wp-block-group>.wp-block-paragraph:first-child{color:var(--blue);font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.12em}.address-layout .wp-block-group>.wp-block-paragraph:last-child{font-family:var(--tech);font-size:clamp(18px,2vw,26px);line-height:1.4;margin-top:8px;max-width:800px}.hero-actions.wp-block-group{align-items:center;display:flex;gap:23px;margin-top:29px}.hero-actions.wp-block-group>.wp-block-paragraph{margin:0}.hero-actions.wp-block-group .wp-block-button{margin:0}@media(max-width:620px){.hero-actions.wp-block-group{align-items:flex-start;flex-direction:column;gap:20px}}

/* ============================================================
   Jiuzhou v1.1 targeted revisions
   - white light sections
   - boxed active/hover navigation + Products dropdown
   - overlapping homepage metrics strip
   - Products category sidebar
   - inquiry forms/modal
   - News cards/article pages
   ============================================================ */
:root{--fiber:#fff;--mist:#fff;background:#fff}
body,.inner-main,.about-section,.strengths-section,.quality-section,.contact-section,.company-data,.address-section,.page-section,.news-page,.contact-page,.inquiry-section{background:#fff}
.site-header--solid{background:rgba(255,255,255,.97)}
.about-image-inset.wp-block-image{border-color:#fff}
.product-media,.product-media-wrap,.catalog-media,.catalog-media-wrap{background:#fff}
.button--light:hover,.header-cta:hover,.circle-link:hover{background:#fff}

/* Header navigation: screenshot-style blue block on hover/current item. */
.desktop-nav{gap:4px}
.desktop-nav>li{position:relative}
.desktop-nav>li>a{align-items:center;display:flex;gap:6px;padding:12px 14px;transition:background .16s ease,color .16s ease}
.desktop-nav>li>a:hover,.desktop-nav>li.current-menu-item>a,.desktop-nav>li.current-menu-ancestor>a,.desktop-nav>li.current_page_item>a{background:#075da6;color:#fff!important}
.desktop-nav .current-menu-item>a::after,.desktop-nav a.is-current::after{content:none!important;display:none!important}
.desktop-nav .menu-item-has-children>a::after{content:"⌄"!important;display:inline!important;position:static!important;background:none!important;height:auto!important;width:auto!important;font-size:12px;line-height:1;margin-left:1px}
.desktop-nav .sub-menu{background:#fff;border:1px solid rgba(16,33,46,.12);box-shadow:0 18px 42px rgba(6,30,49,.14);left:0;min-width:245px;opacity:0;padding:8px;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease;visibility:hidden}
.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}
.desktop-nav .sub-menu li{list-style:none;width:100%}
.desktop-nav .sub-menu a{color:var(--ink);display:flex;font-size:11px;justify-content:space-between;line-height:1.35;padding:12px 13px;width:100%}
.desktop-nav .sub-menu a:hover{background:#075da6;color:#fff}
.site-header--solid .desktop-nav>li>a{color:var(--ink)}
.site-header--solid .desktop-nav>li>a:hover,.site-header--solid .desktop-nav>li.current-menu-item>a,.site-header--solid .desktop-nav>li.current-menu-ancestor>a{color:#fff}
.header-cta{border:0;cursor:pointer}

/* Homepage data block: contained 5-column blue panel overlapping hero bottom. */
.metrics-strip{background:transparent;margin-top:-124px;overflow:visible;padding-bottom:26px;position:relative;z-index:5}
.metrics-strip::before{display:none}
.metrics-grid{background:#075da6;border:1px solid rgba(255,255,255,.32);margin:0 auto;width:var(--page)}
.metrics-grid article,.metrics-grid .metric-item{min-height:126px;padding:18px 18px 15px}
.metrics-grid strong,.metrics-grid .metric-value{margin:20px 0 7px!important}

/* Products page with a left sticky category rail. */
.product-catalog-layout{align-items:start;display:grid;gap:38px;grid-template-columns:245px minmax(0,1fr)}
.product-sidebar{background:#fff;border:1px solid rgba(16,33,46,.14);padding:25px 22px;position:sticky;top:102px}
.product-sidebar-kicker{color:var(--blue);font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.14em;margin:0 0 8px!important}
.product-sidebar-title{font-family:var(--tech);font-size:23px!important;letter-spacing:-.04em;margin:0 0 20px!important}
.product-category-list{list-style:none;margin:0!important;padding:0!important}
.product-category-list li{border-top:1px solid var(--line);margin:0!important;padding:0!important}
.product-category-list li:last-child{border-bottom:1px solid var(--line)}
.product-category-list a{align-items:center;display:flex;font-family:var(--tech);font-size:12px;font-weight:700;justify-content:space-between;padding:15px 0;transition:color .15s ease,padding .15s ease}
.product-category-list a:hover{color:var(--blue);padding-left:5px}
.product-category-list span{color:var(--blue)}
.product-sidebar-note{color:#5d6c75;font-size:11px;line-height:1.65;margin:22px 0 0!important}
.product-sidebar-note a{border-bottom:1px solid var(--ink);color:var(--ink);font-family:var(--tech);font-size:10px;font-weight:800;padding-bottom:4px}
.catalog-main{min-width:0}
.catalog-main .catalog-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.catalog-card{scroll-margin-top:110px}

/* Inquiry form used both on Contact and in the header popup. */
.inquiry-section{border-top:1px solid var(--line);padding:100px 0 110px}
.inquiry-layout{align-items:start;display:grid;gap:90px;grid-template-columns:.75fr 1.25fr}
.inquiry-copy>p:not(.eyebrow){color:#586a73;font-size:14px;line-height:1.75;max-width:390px}
.jiuzhou-form-wrap{background:#fff;border:1px solid rgba(16,33,46,.16);padding:28px}
.form-grid{display:grid;gap:19px 16px;grid-template-columns:1fr 1fr}
.form-grid label{display:block}
.form-grid label>span{display:block;font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}
.form-grid .form-full{grid-column:1/-1}
.jiuzhou-inquiry-form input,.jiuzhou-inquiry-form select,.jiuzhou-inquiry-form textarea{appearance:none;background:#fff;border:1px solid rgba(16,33,46,.2);border-radius:0;color:var(--ink);font-family:var(--sans);font-size:13px;outline:0;padding:13px 14px;width:100%}
.jiuzhou-inquiry-form textarea{min-height:128px;resize:vertical}
.jiuzhou-inquiry-form input:focus,.jiuzhou-inquiry-form select:focus,.jiuzhou-inquiry-form textarea:focus{border-color:#075da6;box-shadow:0 0 0 2px rgba(7,93,166,.09)}
.form-submit,.mobile-inquiry{background:#075da6;border:0;color:#fff;cursor:pointer;font-family:var(--tech);font-size:11px;font-weight:800;letter-spacing:.04em;margin-top:20px;padding:15px 18px}
.form-submit span{margin-left:8px}
.form-success{background:#075da6;color:#fff;font-size:12px;margin-bottom:18px;padding:12px 14px}
body.modal-open{overflow:hidden}
.inquiry-modal{align-items:stretch;display:flex;inset:0;justify-content:flex-end;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:9999}
.inquiry-modal--open{opacity:1;pointer-events:auto}
.inquiry-modal__backdrop{background:rgba(3,22,37,.66);border:0;cursor:pointer;inset:0;position:absolute;width:100%}
.inquiry-modal__panel{background:#fff;height:100%;max-width:640px;overflow:auto;padding:58px 54px;position:relative;transform:translateX(30px);transition:transform .25s cubic-bezier(.23,1,.32,1);width:min(92vw,640px);z-index:1}
.inquiry-modal--open .inquiry-modal__panel{transform:translateX(0)}
.inquiry-modal__close{background:transparent;border:0;color:var(--ink);cursor:pointer;font-size:34px;line-height:1;padding:8px;position:absolute;right:22px;top:18px}
.inquiry-modal__panel h2{font-size:42px;margin-bottom:14px}
.inquiry-modal__intro{color:#596b74;font-size:13px;line-height:1.7;margin-bottom:25px;max-width:470px}
.inquiry-modal .jiuzhou-form-wrap{border:0;padding:0}

/* News listing and seeded WordPress article pages. */
.news-heading-row{align-items:end;display:flex;justify-content:space-between;margin-bottom:42px}
.news-heading-row>p{color:#586a73;font-size:14px;line-height:1.75;max-width:370px}
.news-card-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.news-card{background:#fff;border:1px solid rgba(16,33,46,.14);overflow:hidden}
.news-card-image{height:220px;margin:0!important;overflow:hidden}
.news-card-image img{filter:saturate(.6) contrast(1.03);height:100%;object-fit:cover;transition:transform .22s ease;width:100%}
.news-card:hover .news-card-image img{transform:scale(1.025)}
.news-card-copy{padding:22px 20px 24px}
.news-card-copy .wp-block-paragraph{margin:0}
.news-meta{color:var(--blue);font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.09em}
.news-card h3{font-family:var(--tech);font-size:20px;letter-spacing:-.035em;line-height:1.3;margin:12px 0 11px!important}
.news-card-copy>p:not(.news-meta):not(.news-read){color:#5b6b74;font-size:12px;line-height:1.65;min-height:60px}
.news-read{font-family:var(--tech);font-size:10px;font-weight:800;margin-top:18px!important}
.news-read a{border-bottom:1px solid var(--ink);padding-bottom:5px}
.home-news-links{border-top:1px solid rgba(255,255,255,.28)}
.home-news-links>p{margin:0!important}
.home-news-links>p>a{align-items:center;border-bottom:1px solid rgba(255,255,255,.22);display:grid;font-family:var(--tech);font-size:12px;font-weight:650;gap:15px;grid-template-columns:52px 1fr 20px;padding:14px 0}
.home-news-links span{color:#b1d9e8;font-size:9px;letter-spacing:.08em}
.home-news-links b{font-weight:500}
.home-news-more a{display:inline-block!important;border:0!important;font-size:10px!important;grid-template-columns:none!important;padding-top:19px!important}
.article-hero{background:var(--navy-deep);color:#fff;padding:148px 0 72px}
.article-hero h1{font-size:clamp(38px,4vw,58px);max-width:920px}
.article-date{color:#a8d6e5;font-family:var(--tech);font-size:10px;font-weight:700;letter-spacing:.09em}
.article-body{padding:78px 0 100px}
.article-body>*{max-width:780px}
.article-body p,.article-body li{color:#52636d;font-size:15px;line-height:1.9}
.article-body h2{font-size:30px;margin:38px 0 15px}
.article-body ul{padding-left:20px}
.article-back{border-top:1px solid var(--line);font-family:var(--tech);font-size:11px!important;font-weight:800;margin-top:50px;padding-top:25px}

/* Mobile menu now respects the Products submenu. */
.mobile-panel{padding:16px 24px 24px}
.mobile-menu{list-style:none;margin:0;padding:0}
.mobile-menu>li{border-bottom:1px solid rgba(255,255,255,.16);list-style:none}
.mobile-menu>li>a{color:#fff;display:block;font-family:var(--tech);font-size:16px;font-weight:700;padding:14px 0}
.mobile-menu .sub-menu{list-style:none;margin:0 0 10px;padding:0 0 0 15px}
.mobile-menu .sub-menu li{list-style:none}
.mobile-menu .sub-menu a{color:#a8d6e5;display:block;font-family:var(--tech);font-size:12px;padding:8px 0}
.mobile-inquiry{margin-top:16px;width:100%}

@media(max-width:980px){
  .metrics-strip{margin-top:0;padding-bottom:0}.metrics-grid{width:100%}
  .product-catalog-layout{gap:28px;grid-template-columns:1fr}.product-sidebar{position:static}.product-category-list{display:grid;grid-template-columns:1fr 1fr}.product-category-list li:nth-child(2){border-bottom:1px solid var(--line)}
  .inquiry-layout{gap:45px;grid-template-columns:1fr}.news-card-grid{grid-template-columns:1fr 1fr}.news-heading-row{align-items:start;flex-direction:column;gap:20px}
}
@media(max-width:620px){
  .metrics-grid{grid-template-columns:1fr 1fr!important}.metrics-grid .metric-item{min-height:130px;padding:16px 14px}.metrics-grid .metric-item:last-child{grid-column:1/-1}.metrics-grid .metric-value{font-size:25px!important}
  .product-category-list{grid-template-columns:1fr}.catalog-main .catalog-grid{grid-template-columns:1fr!important}.product-sidebar{padding:20px 18px}
  .inquiry-section{padding:70px 0}.jiuzhou-form-wrap{padding:20px 16px}.form-grid{grid-template-columns:1fr}.form-grid .form-full{grid-column:auto}.inquiry-modal__panel{padding:55px 20px 30px;width:100%}.inquiry-modal__panel h2{font-size:34px}.news-card-grid{grid-template-columns:1fr}.news-card-image{height:210px}.article-hero{padding:120px 0 55px}.article-body{padding:55px 0 75px}
}

/* ===== v1.6: only homepage hero + product detail pages ===== */

/* Homepage hero matches the supplied full-screen reference. */
.jiuzhou-home .site-header:not(.site-header--solid){
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  height:84px;
  padding-left:max(52px,calc((100vw - 1280px)/2));
  padding-right:max(52px,calc((100vw - 1280px)/2));
}
.jiuzhou-home .site-header:not(.site-header--solid) .brand-type,
.jiuzhou-home .site-header:not(.site-header--solid) .desktop-nav>li>a{color:#fff!important}
.jiuzhou-home .site-header:not(.site-header--solid) .brand-mark{filter:brightness(0) invert(1)}
.jiuzhou-home .site-header.site-header--solid .brand-mark{filter:none}
.jiuzhou-home .site-header:not(.site-header--solid) .header-cta{background:#fff!important;color:#005197!important}
.jiuzhou-home .site-header:not(.site-header--solid) .brand-lockup::after{box-shadow:0 3px 0 rgba(255,255,255,.28),0 6px 0 rgba(255,255,255,.14)!important}
.jiuzhou-home .hero-section.wp-block-cover{height:856px!important;min-height:856px!important}
.jiuzhou-home .hero-section .wp-block-cover__image-background{object-position:center center!important}
.jiuzhou-home .hero-section::after{background:linear-gradient(90deg,rgba(4,22,37,.66) 0%,rgba(4,22,37,.42) 38%,rgba(4,22,37,.10) 70%,rgba(4,22,37,.05) 100%)!important}
.jiuzhou-home .hero-section::before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:80px 80px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}
.jiuzhou-home .hero-section .wp-block-cover__inner-container{height:100%}
.jiuzhou-home .hero-section .hero-content{padding-top:226px!important;width:min(1296px,calc(100vw - 104px))}
.jiuzhou-home .hero-section h1{font-size:clamp(64px,4.55vw,86px);line-height:.98;margin:25px 0 27px;max-width:660px}
.jiuzhou-home .hero-section h1 em{color:#5f9fff}
.jiuzhou-home .hero-copy{font-size:16px;line-height:1.75;max-width:500px}
.jiuzhou-home .hero-actions{margin-top:34px!important}
.jiuzhou-home .hero-actions .wp-block-button__link{min-height:50px!important;padding:14px 20px!important}
.jiuzhou-home .metrics-strip{margin-top:-178px!important;padding-bottom:33px!important}
.jiuzhou-home .metrics-grid{border-color:rgba(255,255,255,.35);width:min(1280px,calc(100vw - 104px))}
.jiuzhou-home .metrics-grid .metric-item{min-height:145px;padding:22px 19px 17px}
.jiuzhou-home .metrics-grid .metric-value{font-size:38px!important;margin:22px 0 8px!important}

/* Product detail pages reproduce the verified four-section source layout. */
.jiuzhou-product-detail .site-header{height:84px}
.jiuzhou-product-detail .inner-main{padding-top:84px}
.product-page-width{margin-left:auto;margin-right:auto;width:min(1259px,calc(100vw - 104px))}
.product-showcase-v16{background:#fff;padding:72px 0 110px}
.product-back-v16{color:#5f6e76;font-family:var(--tech);font-size:11px;font-weight:600;margin:0 0 34px!important}
.product-showcase-grid-v16{align-items:start;display:grid;gap:96px;grid-template-columns:1.1fr .9fr}
.product-gallery-main-v16{aspect-ratio:1.145/1;background:#5ca4f2;overflow:hidden;position:relative}
.product-gallery-main-image-v16{height:100%;margin:0!important;width:100%}
.product-gallery-main-image-v16 img{height:100%;object-fit:cover;width:100%}
.product-gallery-arrow-v16{align-items:center;background:rgba(255,255,255,.88);border:0;color:#10212e;cursor:pointer;display:flex;font-size:28px;height:38px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:38px;z-index:3}
.product-gallery-arrow-v16.is-prev{left:13px}.product-gallery-arrow-v16.is-next{right:13px}
.product-gallery-counter-v16{background:#005197;bottom:0;color:#fff;font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.13em;margin:0!important;padding:12px 14px;position:absolute;right:0;z-index:3}
.product-gallery-thumbs-v16{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.product-gallery-thumb{background:#5ca4f2;border:1px solid transparent;cursor:pointer;height:96px;margin:0!important;overflow:hidden;outline:0}
.product-gallery-thumb.is-active{border-color:#aa7a12}
.product-gallery-thumb img{height:100%;object-fit:cover;width:100%}
.product-summary-card-v16{border-top:3px solid #005197;padding-top:32px}
.product-summary-kicker-v16,.product-summary-spec-v16{color:#005197;font-family:var(--tech);font-size:10px;font-weight:800;letter-spacing:.14em}
.product-summary-card-v16 h1{color:#000;font-size:clamp(48px,4.6vw,63px);font-weight:600;line-height:1.04;margin:20px 0 18px;max-width:none}
.product-summary-spec-v16{font-size:11px;margin:0 0 25px!important}
.product-summary-text-v16{color:#69737a;font-size:15px;line-height:1.75;max-width:500px}
.product-summary-rule-v16{border-bottom:1px solid rgba(0,81,151,.55);margin:27px 0 0!important}
.product-summary-button-v16{margin-top:47px}
.product-summary-button-v16 .wp-block-button__link{align-items:center;background:#005197;border-radius:0;color:#fff;display:inline-flex;font-family:var(--tech);font-size:11px;font-weight:800;gap:36px;letter-spacing:.06em;min-height:50px;padding:0 20px}
.product-summary-button-v16 .wp-block-button__link span{font-size:20px;font-weight:400}
.product-description-section-v16{background:#fff;padding:120px 0;position:relative}
.product-description-section-v16::after{background:rgba(45,105,238,.42);box-shadow:0 5px 0 rgba(45,105,238,.19),0 10px 0 rgba(45,105,238,.08);content:"";height:1px;position:absolute;right:-4%;top:24px;transform:rotate(-1.6deg);width:44%}
.product-description-layout-v16,.product-data-layout-v16{display:grid;gap:105px;grid-template-columns:.754fr 1fr}
.product-section-kicker-v16{align-items:center;color:#005197;display:flex;font-family:var(--tech);font-size:9px;font-weight:800;gap:10px;letter-spacing:.16em;margin:0!important}
.product-section-kicker-v16 span{background:currentColor;display:inline-block;height:1px;width:22px}
.product-description-layout-v16 h2,.product-data-layout-v16 h2,.product-inquiry-layout-v16 h2{color:#000;font-size:57px;font-weight:600;line-height:.98;margin:20px 0 0}
.product-description-copy-v16{padding-top:5px}
.product-description-copy-v16 p{color:#69737a;font-size:14px;line-height:1.8;margin:0 0 22px!important}
.product-data-section-v16{background:#005197;color:#fff;padding:115px 0}
.product-data-layout-v16 h2{color:#fff}
.product-section-kicker-v16.is-light{color:#b7d3e9}
.product-data-intro-v16{color:rgba(255,255,255,.68);font-size:12px;line-height:1.7;margin:32px 0 0!important;max-width:350px}
.product-data-table-v16{border-top:1px solid rgba(255,255,255,.25)}
.product-data-row-v16{align-items:start;border-bottom:1px solid rgba(255,255,255,.2);display:grid;gap:18px;grid-template-columns:36px 168px minmax(0,1fr);padding:18px 0}
.product-data-row-v16 p{margin:0!important}
.product-data-index-v16{color:#abcbe1;font-family:var(--tech);font-size:10px;letter-spacing:.1em}
.product-data-label-v16{color:#fff;font-family:var(--tech);font-size:11px;line-height:1.6}
.product-data-value-v16{color:rgba(255,255,255,.74);font-size:11px;line-height:1.65}
.product-inquiry-section-v16{background:#fff;padding:112px 0;position:relative}
.product-inquiry-section-v16::before{background:rgba(45,105,238,.42);box-shadow:0 5px 0 rgba(45,105,238,.19),0 10px 0 rgba(45,105,238,.08);content:"";height:1px;left:-3%;position:absolute;top:29px;transform:rotate(1.7deg);width:38%}
.product-inquiry-layout-v16{display:grid;gap:88px;grid-template-columns:.6fr 1fr}
.product-inquiry-intro-v16{color:#69737a;font-size:14px;line-height:1.8;margin:30px 0 0!important;max-width:390px}
.jiuzhou-product-inquiry-form-v16{border-top:3px solid #005197;box-shadow:0 16px 35px rgba(0,45,85,.1);padding:32px}
.product-form-grid-v16{display:grid;gap:20px 17px;grid-template-columns:1fr 1fr}
.product-form-grid-v16 label{display:block}.product-form-grid-v16 .is-full{grid-column:1/-1}
.product-form-grid-v16 label>span{color:#5e6970;display:block;font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.07em;margin-bottom:7px}
.product-form-grid-v16 input,.product-form-grid-v16 textarea{background:#fff;border:1px solid rgba(16,33,46,.28);border-radius:0;color:#10212e;font-family:var(--tech);font-size:12px;outline:0;padding:13px 14px;width:100%}
.product-form-grid-v16 input{height:46px}.product-form-grid-v16 textarea{min-height:86px;resize:vertical}
.product-form-grid-v16 input:focus,.product-form-grid-v16 textarea:focus{border-color:#005197}
.jiuzhou-product-inquiry-form-v16>button{align-items:center;background:#005197;border:0;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--tech);font-size:11px;font-weight:800;gap:34px;letter-spacing:.05em;margin-top:23px;min-height:50px;padding:0 20px}
.jiuzhou-product-inquiry-form-v16>button span{font-size:20px;font-weight:400}

@media(max-width:980px){
  .jiuzhou-home .site-header:not(.site-header--solid){padding-left:32px;padding-right:32px}
  .jiuzhou-home .hero-section.wp-block-cover{height:auto!important;min-height:760px!important}
  .jiuzhou-home .hero-section .hero-content{padding-top:190px!important;width:calc(100vw - 64px)}
  .jiuzhou-home .metrics-strip{margin-top:0!important;padding-bottom:0!important}
  .jiuzhou-home .metrics-grid{width:100%}
  .product-page-width{width:calc(100vw - 64px)}
  .product-showcase-grid-v16,.product-description-layout-v16,.product-data-layout-v16,.product-inquiry-layout-v16{gap:52px;grid-template-columns:1fr}
  .product-summary-card-v16{padding-top:28px}
  .product-data-row-v16{grid-template-columns:34px 150px minmax(0,1fr)}
}
@media(max-width:620px){
  .jiuzhou-home .site-header:not(.site-header--solid){height:70px;padding-left:20px;padding-right:20px}
  .jiuzhou-home .hero-section.wp-block-cover{min-height:710px!important}
  .jiuzhou-home .hero-section .hero-content{padding-top:150px!important;width:calc(100vw - 40px)}
  .jiuzhou-home .hero-section h1{font-size:49px}
  .jiuzhou-product-detail .site-header{height:70px}.jiuzhou-product-detail .inner-main{padding-top:70px}
  .product-page-width{width:calc(100vw - 36px)}
  .product-showcase-v16{padding:45px 0 72px}.product-back-v16{margin-bottom:24px!important}
  .product-showcase-grid-v16{gap:38px}.product-gallery-main-v16{aspect-ratio:1/1}
  .product-gallery-thumbs-v16{gap:7px}.product-gallery-thumb{height:68px}
  .product-summary-card-v16 h1{font-size:42px}
  .product-description-section-v16,.product-data-section-v16,.product-inquiry-section-v16{padding:76px 0}
  .product-description-layout-v16 h2,.product-data-layout-v16 h2,.product-inquiry-layout-v16 h2{font-size:44px}
  .product-data-row-v16{gap:7px;grid-template-columns:26px 1fr;padding:15px 0}
  .product-data-value-v16{grid-column:2}
  .product-form-grid-v16{grid-template-columns:1fr}.product-form-grid-v16 label.is-full{grid-column:auto}
  .jiuzhou-product-inquiry-form-v16{padding:22px 17px}
}


/* ===== v1.2 requested corrections ===== */
body{background:#fff}.site-header,.site-header--inner,.site-header--solid{background:#fff!important;color:#10212e!important;box-shadow:0 1px 0 rgba(16,33,46,.12)}
.site-header .brand-lockup::after{box-shadow:0 3px 0 rgba(0,81,151,.20),0 6px 0 rgba(0,81,151,.09)!important}.brand-type,.desktop-nav>li>a{color:#10212e}.header-cta{background:#005197!important;color:#fff!important;padding:11px 16px}.header-cta:hover{background:#1474aa!important}
.desktop-nav>li>a:hover,.desktop-nav>li.current-menu-item>a,.desktop-nav>li.current-menu-ancestor>a,.desktop-nav>li.current_page_item>a{background:#005197!important;color:#fff!important}.desktop-nav .sub-menu a:hover{background:#005197!important;color:#fff!important}
.hero-actions .wp-block-button__link,.hero-actions .button{padding:12px 18px!important;min-height:44px!important}.hero-actions{margin-top:22px!important}
.metrics-strip{margin-top:-150px!important;padding-bottom:34px!important}.metrics-grid{background:#005197!important;box-shadow:0 16px 36px rgba(0,48,92,.20)}
:root{--fiber:#fff;--mist:#fff}.about-section,.catalog-section,.gallery-section,.certification-section,.contact-section,.inquiry-section,.article-body{background:#fff!important}
.products-section,.news-section{background:#005197!important}.button--blue,.form-submit,.mobile-inquiry{background:#005197!important}

/* v1.7: native block-theme header/footer and validated Gutenberg controls. */
.jiuzhou-inner .site-header{background:#005197;color:#fff}
.site-header .wp-block-site-logo{margin:0}.site-header .wp-block-site-logo img{height:50px;object-fit:contain;width:50px}
.brand-type .brand-name,.brand-type .brand-subtitle{margin:0}.brand-type .brand-name{font-size:17px;font-weight:800;letter-spacing:.19em;line-height:1}.brand-type .brand-subtitle{font-size:7px;font-weight:700;letter-spacing:.24em;line-height:1;margin-top:5px;opacity:.72}
.desktop-nav.wp-block-navigation{gap:4px}.desktop-nav .wp-block-navigation__container{gap:4px}.desktop-nav .wp-block-navigation-item{position:relative}.desktop-nav .wp-block-navigation-item__content{padding:12px 14px}.desktop-nav .wp-block-navigation-item__content:hover,.desktop-nav .current-menu-item>.wp-block-navigation-item__content{background:#075da6;color:#fff!important}
.desktop-nav .wp-block-navigation__submenu-container{top:100%!important;margin-top:0!important;min-width:245px!important;padding:8px!important}.desktop-nav .wp-block-navigation__submenu-container::before{content:"";height:12px;left:0;position:absolute;right:0;top:-12px}
.desktop-nav .wp-block-navigation-submenu.submenu-open>.wp-block-navigation__submenu-container{height:auto;min-width:245px;opacity:1;overflow:visible;visibility:visible;width:auto}
.site-header>.wp-block-buttons{margin:0}.wp-block-button.header-cta{background:transparent;padding:0}.wp-block-button.header-cta>.wp-block-button__link{background:#fff;border-radius:0;color:#005197;font-family:var(--tech);font-size:12px;font-weight:800;padding:13px 16px}
.site-header--solid .wp-block-button.header-cta>.wp-block-button__link{background:#005197;color:#fff}
.about-image-main.wp-block-image{width:100%}
.wp-block-button.button--blue,.wp-block-button.button--light,.wp-block-button.circle-link,.wp-block-button.contact-phone,.wp-block-button.line-link{background:transparent;padding:0}
.wp-block-button.button--blue>.wp-block-button__link{background:#005197;border-radius:0;color:#fff;padding:16px 21px}.wp-block-button.button--light>.wp-block-button__link{background:#fff;border-radius:0;color:#005197;padding:16px 21px}
.wp-block-button.line-link>.wp-block-button__link{background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;color:inherit;padding:0 0 8px}.wp-block-button.circle-link>.wp-block-button__link{background:#fff;border-radius:0;color:#005197;padding:13px 15px}.wp-block-button.contact-phone>.wp-block-button__link{background:transparent;border-radius:0;color:var(--ink);padding:0}
.product-gallery-arrows-v16{inset:0;pointer-events:none;position:absolute}.product-gallery-arrow-v16{background:transparent;height:auto;pointer-events:auto;width:auto}.product-gallery-arrow-v16>.wp-block-button__link{align-items:center;background:rgba(255,255,255,.88);border-radius:0;color:#10212e;display:flex;font-size:28px;height:38px;justify-content:center;padding:0;width:38px}
.jiuzhou-product-inquiry-form-v16 .wp-block-form-submit-button>.wp-block-buttons{margin-top:23px}.jiuzhou-product-inquiry-form-v16 .wp-block-form-submit-button .wp-block-button__link{background:#005197;border-radius:0;color:#fff;font-family:var(--tech);font-size:11px;font-weight:800;letter-spacing:.05em;min-height:50px;padding:0 20px}
.jiuzhou-inquiry-form .wp-block-form-submit-button .wp-block-button.form-submit{background:transparent;margin:0;padding:0}.jiuzhou-inquiry-form .wp-block-form-submit-button .wp-block-button__link{background:#005197;border-radius:0;color:#fff;font-family:var(--tech);font-size:11px;font-weight:800;margin-top:20px;padding:15px 18px}
.form-grid>.wp-block-form-input.form-full{grid-column:1/-1}.form-grid>.wp-block-form-submit-button,.product-form-grid-v16>.wp-block-form-submit-button{grid-column:1/-1}
.site-footer .wp-block-site-title,.site-footer .wp-block-site-tagline,.site-footer p{margin:0}.footer-top>.wp-block-group{margin:0}
@media(max-width:980px){.site-header{padding-left:24px;padding-right:24px}.site-header>.wp-block-buttons{display:none}.brand-lockup{min-width:0}.desktop-nav .wp-block-navigation__responsive-container.is-menu-open{background:#005197;color:#fff;padding:28px}.desktop-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch;gap:3px}.desktop-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:15px;padding:12px}}

/* v1.7.1: WordPress gives direct children of a flow-layout template a
   default block gap. That gap appeared as the white strip between the Header
   template part and Main. Only the outer template spacing is reset here. */
.wp-site-blocks>.site-shell,
.site-shell>.wp-block-template-part,
.site-shell>main,
.site-shell.is-layout-flow>*+*{
  margin-block-start:0!important;
  margin-block-end:0!important;
}
.product-sidebar{top:96px}.catalog-grid{align-items:stretch}.catalog-card{background:#fff;border:1px solid rgba(16,33,46,.14);overflow:hidden}.catalog-card-media{position:relative}.catalog-card-image{height:310px;margin:0!important;overflow:hidden}.catalog-card-image img{height:100%;object-fit:cover;width:100%}.catalog-card-copy{padding:22px}.catalog-card-copy h3{font-size:23px;margin:8px 0 10px!important}.catalog-code{background:#005197;color:#fff;font-family:var(--tech);font-size:10px;font-weight:800;left:14px;letter-spacing:.1em;margin:0!important;padding:7px 9px;position:absolute;top:14px;z-index:2}.catalog-sub{color:#1474aa;font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.1em}.catalog-spec{font-family:var(--tech);font-size:12px;font-weight:700;margin:10px 0!important}.catalog-desc{color:#5b6b74;font-size:12px;line-height:1.7}.catalog-link{font-family:var(--tech);font-size:10px;font-weight:800;margin-top:18px!important}.catalog-link a{border-bottom:1px solid #10212e;padding-bottom:5px}
.product-detail-hero{background:#fff;padding:140px 0 70px}.product-detail-hero-grid{align-items:center;display:grid;gap:70px;grid-template-columns:.9fr 1.1fr}.product-detail-copy h1{color:#10212e;font-size:clamp(42px,5vw,70px);max-width:720px}.product-detail-lead{color:#586a73;font-size:15px;line-height:1.8;max-width:590px}.product-detail-main-image{height:560px;margin:0!important;overflow:hidden}.product-detail-main-image img{height:100%;object-fit:cover;width:100%}.product-detail-body{display:grid;gap:70px;grid-template-columns:.75fr 1.25fr}.product-detail-specs h2,.product-detail-gallery-section h2{font-size:34px}.product-facts{border-top:1px solid var(--line)}.product-fact{border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:120px 1fr;padding:17px 0}.product-fact p{margin:0!important}.product-fact-label{color:#1474aa;font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-fact-value{font-size:13px;line-height:1.6}.product-detail-gallery{display:grid;gap:14px;grid-template-columns:1fr 1fr}.product-detail-gallery-image{height:330px;margin:0!important;overflow:hidden}.product-detail-gallery-image img{height:100%;object-fit:cover;width:100%}.product-detail-gallery-image:last-child:nth-child(odd){grid-column:1/-1;height:420px}
.factory-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)!important}.factory-card{background:#fff;border:1px solid var(--line)}.factory-card-image{height:370px;margin:0!important;overflow:hidden}.factory-card-image img{height:100%;object-fit:cover;width:100%}.factory-card-title{font-family:var(--tech);font-size:12px;font-weight:700;padding:14px 16px}
.certificate-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:36px}.certificate-card{border:1px solid var(--line);padding:18px}.certificate-card .wp-block-image{height:520px;margin:0!important}.certificate-card img{height:100%;object-fit:contain;width:100%}.certificate-title{font-family:var(--tech);font-size:12px;font-weight:700;margin-top:14px!important}.certificate-links{font-family:var(--tech);font-size:11px;font-weight:800;margin-top:24px!important}.certificate-links a{border-bottom:1px solid #10212e;padding-bottom:5px}
@media(max-width:980px){.metrics-strip{margin-top:0!important}.product-detail-hero-grid,.product-detail-body{grid-template-columns:1fr}.product-detail-main-image{height:480px}.factory-grid{grid-template-columns:1fr!important}.certificate-grid{grid-template-columns:1fr}.certificate-card .wp-block-image{height:auto}}
@media(max-width:620px){.site-header{height:70px}.product-detail-hero{padding:105px 0 48px}.product-detail-main-image{height:360px}.product-detail-gallery{grid-template-columns:1fr}.product-detail-gallery-image,.product-detail-gallery-image:last-child:nth-child(odd){height:320px;grid-column:auto}.product-fact{grid-template-columns:1fr;gap:4px}.factory-card-image{height:250px}}

/* ===== v1.4 exact product/detail and category corrections ===== */

/* Product detail pages follow the supplied reference: specifications on the
   left, one full-width lead gallery image on the right, then paired images. */
.product-detail-hero{display:none!important}
.product-detail-body.section-space{align-items:start;gap:68px;grid-template-columns:440px minmax(0,1fr);padding-bottom:112px;padding-top:92px}
.product-detail-specs{position:sticky;top:112px}
.product-detail-specs h2,.product-detail-gallery-section h2{font-size:35px;letter-spacing:-.055em;line-height:1.1;margin:0 0 24px!important}
.product-facts{border-top:1px solid rgba(16,33,46,.18)}
.product-fact{border-bottom:1px solid rgba(16,33,46,.18);gap:26px;grid-template-columns:115px minmax(0,1fr);padding:19px 0}
.product-fact-label{color:#005197!important;font-size:9px!important;letter-spacing:.08em}
.product-fact-value{color:#10212e;font-size:13px!important}
.product-spec-request{margin-top:34px!important}
.product-spec-request a{border-bottom:1px solid #10212e;font-family:var(--tech);font-size:11px;font-weight:800;padding-bottom:7px}
.product-detail-gallery{gap:14px;grid-template-columns:1fr 1fr}
.product-detail-gallery-image{background:#fff;height:360px;margin:0!important;overflow:hidden}
.product-detail-gallery-image:first-child{grid-column:1/-1;height:440px}
.product-detail-gallery-image:last-child:nth-child(odd){grid-column:auto;height:360px}
.product-detail-gallery-image img{filter:none!important;height:100%;object-fit:cover;opacity:1!important;width:100%}

/* Product archive: real images remain fully visible and cards stay three per row. */
.catalog-main .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.catalog-card-media,.catalog-card-image{background:#fff!important}
.catalog-card-media::before,.catalog-card-media::after,.catalog-card-image::before,.catalog-card-image::after{content:none!important;display:none!important}
.catalog-card-image{height:310px!important}
.catalog-card-image img{display:block!important;filter:none!important;height:100%!important;mix-blend-mode:normal!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;width:100%!important}
.product-category-list li.is-active{border-color:#005197}
.product-category-list li.is-active a{background:#005197;color:#fff;margin:0 -12px;padding:15px 12px}
.product-category-list li.is-active a span{color:#fff}
.category-heading{background:#fff;border-bottom:1px solid var(--line);padding:92px 0 54px}
.category-heading h1{color:#10212e;font-size:clamp(40px,4vw,62px);margin:14px 0 16px}
.category-heading>div>p:last-child{color:#586a73;font-size:14px;line-height:1.75}
.category-product-grid{grid-template-columns:minmax(0,430px)!important}

/* Homepage product cards: white cards, true-color photographs and black copy. */
.products-section .product-card{background:#fff!important;border-color:rgba(255,255,255,.45);color:#10212e;min-height:430px}
.products-section .product-card::before{display:none!important}
.products-section .product-media-wrap{background:#fff!important}
.products-section .product-media::after{display:none!important}
.products-section .product-media img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}
.products-section .product-info>p:first-child{color:#1474aa;font-family:var(--tech);font-size:9px;font-weight:800;letter-spacing:.1em}
.products-section .product-info h3{color:#10212e;font-family:var(--tech)}
.products-section .product-info .product-desc{color:#5b6b74}
.products-section .product-info .product-request,.products-section .product-info .product-request a{color:#10212e}

/* Keep the hero copy clear of the metrics strip. */
.hero-section.wp-block-cover{height:700px!important;min-height:700px!important}
.hero-section .hero-content{padding-top:128px!important}
.metrics-strip{margin-top:-132px!important}
.wp-block-button.line-link{border-bottom:0!important;margin-top:18px;padding:0}
.wp-block-button.line-link>.wp-block-button__link{border:0!important;border-bottom:1px solid currentColor!important;padding:0 0 8px!important}

/* About page structure mirrors the supplied source page. */
.about-page-profile{background:#fff}
.about-page-profile .document-image{height:520px}
.about-page-profile .document-copy>p:not(.eyebrow){color:#52636d;font-size:14px;line-height:1.85;margin-bottom:14px}
.about-page-data{background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.about-page-capability{background:#fff}

/* Products dropdown: no hover dead-zone, and a forgiving close delay. */
.desktop-nav .sub-menu{top:100%!important;transform:translateY(0)!important;transition:opacity .16s ease .12s,visibility 0s linear .28s!important}
.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu,.desktop-nav li.submenu-open>.sub-menu{opacity:1!important;pointer-events:auto!important;transition-delay:0s!important;visibility:visible!important}
.desktop-nav .menu-item-has-children>a{cursor:pointer}

/* ===== v1.5 forced corrections verified against the user's screenshots ===== */
.catalog-code{
  bottom:auto!important;
  display:inline-block!important;
  height:auto!important;
  left:14px!important;
  line-height:1!important;
  right:auto!important;
  top:14px!important;
  width:auto!important;
}
.catalog-card-media{isolation:isolate}
.catalog-card-image{position:relative;z-index:1}
.catalog-code{z-index:3}

.hero-section.wp-block-cover{height:760px!important;min-height:760px!important}
.hero-section .hero-content{padding-top:118px!important}
.metrics-strip{margin-top:-170px!important;padding-bottom:20px!important}
.metrics-grid{box-shadow:none!important}

.document-image .document-tag{
  background:#005197!important;
  bottom:-15px!important;
  color:#fff!important;
  display:inline-block!important;
  font-family:var(--tech)!important;
  font-size:9px!important;
  font-weight:700!important;
  left:-14px!important;
  letter-spacing:.1em!important;
  line-height:1.2!important;
  margin:0!important;
  padding:12px 15px!important;
  position:absolute!important;
  width:auto!important;
  z-index:3!important;
}

.desktop-nav>li.menu-item-has-children{margin-bottom:-12px!important;padding-bottom:12px!important}
.desktop-nav .sub-menu{top:calc(100% - 1px)!important;transition:opacity .18s ease .18s,visibility 0s linear .38s!important}
.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu,.desktop-nav li.submenu-open>.sub-menu{transition-delay:0s!important}

@media(max-width:980px){
  .hero-section.wp-block-cover{height:auto!important;min-height:710px!important}
  .metrics-strip{margin-top:0!important;padding-bottom:0!important}
}

@media(max-width:1180px){
  .product-detail-body.section-space{grid-template-columns:360px minmax(0,1fr)}
  .catalog-main .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .product-detail-body.section-space{gap:45px;grid-template-columns:1fr;padding-top:72px}
  .product-detail-specs{position:static}
  .product-detail-gallery-image:first-child{height:420px}
  .hero-section .hero-content{padding-top:112px!important}
  .metrics-strip{margin-top:0!important}
}
@media(max-width:620px){
  .product-detail-body.section-space{padding-bottom:72px;padding-top:52px}
  .product-detail-specs h2,.product-detail-gallery-section h2{font-size:30px}
  .product-detail-gallery{grid-template-columns:1fr}
  .product-detail-gallery-image,.product-detail-gallery-image:first-child,.product-detail-gallery-image:last-child:nth-child(odd){grid-column:auto;height:320px}
  .catalog-main .catalog-grid{grid-template-columns:1fr!important}
  .hero-section.wp-block-cover{height:auto!important;min-height:710px!important}
  .hero-section .hero-content{padding-top:128px!important}
}


/* ===== v1.7.4 targeted product archive card alignment =====
   Keep every archive card perfectly aligned at rest. On desktop pointer
   devices only, lift the card that is actually being hovered. */
.catalog-main .catalog-grid{
  align-items:stretch!important;
}
.catalog-main .catalog-card{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  margin-block-start:0!important;
  margin-block-end:0!important;
  transform:translateY(0)!important;
  transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease!important;
  will-change:transform;
}
.catalog-main .catalog-card .catalog-card-media{
  flex:0 0 auto;
  width:100%;
}
.catalog-main .catalog-card .catalog-card-copy{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%;
}
.catalog-main .catalog-card .catalog-link{
  margin-top:auto!important;
  padding-top:18px!important;
}
@media (hover:hover) and (pointer:fine){
  .catalog-main .catalog-card:hover{
    box-shadow:0 16px 34px rgba(16,33,46,.12)!important;
    transform:translateY(-10px)!important;
  }
}
@media (hover:none), (pointer:coarse){
  .catalog-main .catalog-card,
  .catalog-main .catalog-card:hover{
    box-shadow:none!important;
    transform:translateY(0)!important;
  }
}


/* =========================================================
   v1.7.5 targeted update: supplied corporate logo
   ========================================================= */
.brand-lockup .brand-type,
.brand-lockup::after{
  display:none !important;
}
.brand-lockup{
  min-width:150px !important;
  gap:0 !important;
}
.brand-mark,
.site-header .wp-block-site-logo img{
  width:auto !important;
  height:58px !important;
  max-width:145px !important;
  object-fit:contain !important;
}
.jiuzhou-home .site-header:not(.site-header--solid) .brand-mark{
  filter:none !important;
}
.brand-lockup--footer .brand-mark,
.site-footer .wp-block-site-logo img{
  width:auto !important;
  height:72px !important;
  max-width:175px !important;
  filter:none !important;
}
@media(max-width:980px){
  .brand-lockup{min-width:116px !important;}
  .brand-mark,
  .site-header .wp-block-site-logo img{
    height:48px !important;
    max-width:118px !important;
  }
}

/* =========================================================
   v1.7.6 targeted update: header CTA + company email
   ========================================================= */
/* Keep Send inquiry blue on the homepage and all inner pages. */
.header-cta,
.jiuzhou-home .site-header:not(.site-header--solid) .header-cta{
  background:#005197 !important;
  color:#fff !important;
}
.header-cta:hover,
.jiuzhou-home .site-header:not(.site-header--solid) .header-cta:hover{
  background:#1474aa !important;
  color:#fff !important;
}
/* Block-theme Header template-part version of the same button. */
.wp-block-button.header-cta{
  background:transparent !important;
  padding:0 !important;
}
.wp-block-button.header-cta > .wp-block-button__link,
.jiuzhou-home .site-header:not(.site-header--solid) .wp-block-button.header-cta > .wp-block-button__link{
  background:#005197 !important;
  color:#fff !important;
}
.wp-block-button.header-cta > .wp-block-button__link:hover{
  background:#1474aa !important;
  color:#fff !important;
}


/* =========================================================
   v1.7.7 targeted update: card alignment + gallery hover
   + block-header inquiry popup
   ========================================================= */

/* Homepage Product range: remove Gutenberg flow offsets and force every
   card in the row to start/end on the same line. */
.product-rail{
  align-items:stretch !important;
  grid-auto-rows:1fr;
}
.product-rail > .product-card{
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  margin-block-start:0 !important;
  margin-top:0 !important;
}
.product-rail > .product-card .product-media-wrap{
  flex:0 0 215px;
  height:215px !important;
}
.product-rail > .product-card .product-info{
  display:flex !important;
  flex:1 1 auto;
  flex-direction:column !important;
}
.product-rail > .product-card .product-info h3{
  min-height:56px;
}
.product-rail > .product-card .product-desc{
  min-height:58px;
}
.product-rail > .product-card .product-request{
  margin-top:auto !important;
  padding-top:15px;
}

/* Factory Gallery: equal card starts/heights. Only the hovered card moves up. */
.gallery-section .factory-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr;
}
.gallery-section .factory-grid > .factory-card{
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  margin-block-start:0 !important;
  margin-top:0 !important;
  transform:translateY(0);
  transition:transform .24s cubic-bezier(.23,1,.32,1),box-shadow .24s ease;
}
.gallery-section .factory-card-image{
  flex:0 0 370px;
  height:370px !important;
}
.gallery-section .factory-card-title{
  margin:0 !important;
  min-height:50px;
}
@media (hover:hover) and (pointer:fine){
  .gallery-section .factory-grid > .factory-card:hover{
    box-shadow:0 16px 36px rgba(16,33,46,.12);
    transform:translateY(-10px);
  }
}
@media (hover:none), (pointer:coarse){
  .gallery-section .factory-grid > .factory-card,
  .gallery-section .factory-grid > .factory-card:hover{
    box-shadow:none !important;
    transform:translateY(0) !important;
  }
}

/* Make the saved Site Editor header CTA behave like a modal trigger. */
.wp-block-button.header-cta > .wp-block-button__link,
.header-cta.js-open-inquiry{
  cursor:pointer;
}

@media(max-width:980px){
  .product-rail > .product-card .product-media-wrap{
    flex-basis:215px;
  }
  .gallery-section .factory-card-image{
    flex-basis:310px;
    height:310px !important;
  }
}
@media(max-width:620px){
  .product-rail > .product-card .product-media-wrap{
    flex-basis:150px;
    height:150px !important;
  }
  .product-rail > .product-card .product-info h3{
    min-height:46px;
  }
  .gallery-section .factory-card-image{
    flex-basis:250px;
    height:250px !important;
  }
}