/* Manufacturing & QC: the established Julong blue, white and workshop-photo system. */
.jli-manufacturing-page figure { margin:0; }
.jli-manufacturing-page .jlf-hero {
  position:relative; display:flex; align-items:center; min-height:39rem; padding:5rem 0;
  overflow:hidden; isolation:isolate; border:0; background:#087af4;
}
.jli-manufacturing-page .jlf-hero-media { position:absolute; z-index:0; inset:0 0 0 auto; width:min(68vw,1040px); height:100%; }
.jli-manufacturing-page .jlf-hero-media::after {
  position:absolute; inset:0; content:""; pointer-events:none;
  background:linear-gradient(90deg,#087af4 0%,rgb(8 122 244 / .97) 10%,rgb(8 122 244 / .78) 36%,rgb(8 122 244 / .27) 72%,rgb(8 122 244 / .08) 100%);
}
.jli-manufacturing-page .jlf-hero-media img { width:100%; height:100%; max-width:none; aspect-ratio:auto; object-fit:cover; object-position:right center; }
.jli-manufacturing-page .jlf-hero .jl-container { position:relative; z-index:1; }
.jli-manufacturing-page .jlf-hero-copy { max-width:51%; color:#fff; }
.jli-manufacturing-page .jlf-hero-copy h1 { max-width:13em; color:#fff; font-size:clamp(2.55rem,4vw,3.65rem); line-height:1.1; }
.jli-manufacturing-page .jlf-hero-copy p { max-width:42rem; color:rgb(255 255 255 / .94); font-size:1.05rem; line-height:1.75; }
.jli-manufacturing-page .jlf-hero .wxkn-breadcrumb-wrapper { margin:0 0 1.2rem; padding:0; border:0; background:transparent; box-shadow:none; }
.jli-manufacturing-page .jlf-hero .wxkn-breadcrumb { margin:0; padding:0; color:#fff; font-size:.82rem; }
.jli-manufacturing-page .jlf-hero .wxkn-breadcrumb a,
.jli-manufacturing-page .jlf-hero .wxkn-breadcrumb-current { color:#fff; }
.jli-manufacturing-page .jlf-hero .wxkn-breadcrumb-separator { color:rgb(255 255 255 / .7); }
.jli-manufacturing-page .jlf-hero .jli-actions { margin-top:1.8rem; }
.jli-manufacturing-page .jlf-hero .jli-button { min-width:205px; border-color:#fff; background:#fff; color:var(--jl-blue)!important; }
.jli-manufacturing-page .jlf-hero .jli-button:hover { background:#eaf3ff; }

.jli-manufacturing-page .jlf-stats { position:relative; isolation:isolate; overflow:hidden; padding-block:4.25rem; background:radial-gradient(ellipse at 50% 0%,rgb(24 70 123 / .52),transparent 62%),#0b1d35; color:#fff; }
.jli-manufacturing-page .jlf-stats::before { position:absolute; z-index:-1; inset:0; border-top:3px solid var(--jl-blue); content:""; pointer-events:none; }
.jli-manufacturing-page .jlf-stats .jl-container { max-width:1320px; }
.jli-manufacturing-page .jlf-stats h2 { margin:0 0 2.35rem; color:#fff; font-size:clamp(1.8rem,2.5vw,2.3rem); text-align:center; }
.jli-manufacturing-page .jlf-stats h2::after { display:block; width:3.5rem; height:3px; margin:.9rem auto 0; background:var(--jl-blue); content:""; }
.jli-manufacturing-page .jlf-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.jli-manufacturing-page .jlf-stat { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:9rem; padding:1.2rem; border:1px solid rgb(255 255 255 / .13); border-top:2px solid rgb(8 122 244 / .85); background:rgb(255 255 255 / .055); text-align:center; transition:transform .22s ease,border-color .22s ease,background-color .22s ease; }
.jli-manufacturing-page .jlf-stat:hover { transform:translateY(-4px); border-color:rgb(117 185 255 / .55); background:rgb(255 255 255 / .09); }
.jli-manufacturing-page .jlf-stat h3 { color:#fff; font-size:clamp(1.8rem,2.6vw,2.55rem); line-height:1.15; font-variant-numeric:tabular-nums; }
.jli-manufacturing-page .jlf-stat p { margin-top:.65rem; color:#c4cfdd; font-size:.9rem; line-height:1.55; }

.jli-manufacturing-page .jlf-workshop { background:#fff; }
.jli-manufacturing-page .jlf-workshop .jli-title,
.jli-manufacturing-page .jlf-audit .jli-title,
.jli-manufacturing-page .jlf-process .jli-title { margin-bottom:2.5rem!important; }
.jli-manufacturing-page .jlf-workshop .jli-title,
.jli-manufacturing-page .jlf-audit .jli-title { margin-right:auto; margin-left:auto; text-align:center; }
.jli-manufacturing-page .jlf-workshop .jli-title::after,
.jli-manufacturing-page .jlf-audit .jli-title::after { margin-right:auto; margin-left:auto; }
.jli-manufacturing-page .jlf-workshop-card .jli-image { aspect-ratio:4/3; }
.jli-manufacturing-page .jlf-workshop-card .jli-card-body { display:flex; flex-direction:column; align-items:center; padding:1.55rem 1.6rem 1.8rem; text-align:center; }
.jli-manufacturing-page .jlf-workshop-card h3 { font-size:1.35rem; line-height:1.25; }
.jli-manufacturing-page .jlf-workshop-card p { max-width:30rem; font-size:.94rem; line-height:1.7; }

.jli-manufacturing-page .jlf-process { background:#f5f8fc; border-block:1px solid #e4eaf1; }
.jli-manufacturing-page .jlf-process .jl-container { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:2rem; row-gap:2rem; }
.jli-manufacturing-page .jlf-process .jli-title { grid-column:1; grid-row:1; margin:0!important; }
.jli-manufacturing-page .jlf-process .jli-actions { grid-column:2; grid-row:1; justify-self:end; margin:0!important; }
.jli-manufacturing-page .jlf-steps { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.75rem; }
.jli-manufacturing-page .jlf-process .jlf-steps { grid-column:1/-1; grid-row:2; }
.jli-manufacturing-page .jlf-steps::before { position:absolute; top:1.65rem; left:1.5rem; right:1.5rem; height:1px; background:#cbd9e8; content:""; }
.jli-manufacturing-page .jlf-step { position:relative; min-width:0; padding-top:4rem; }
.jli-manufacturing-page .jlf-step::before { position:absolute; top:0; left:0; display:grid; width:3.3rem; height:3.3rem; place-items:center; border:1px solid #8fbfff; border-radius:50%; background:#fff; color:var(--jl-blue); content:attr(data-step); font-family:var(--jl-font-heading); font-size:1.3rem; line-height:1; }
.jli-manufacturing-page .jlf-step h3 { font-size:1.3rem; line-height:1.3; }
.jli-manufacturing-page .jlf-step p { margin-top:.8rem; font-size:.92rem; line-height:1.7; }
.jli-manufacturing-page .jlf-process .jli-actions { margin-top:2.6rem; }

.jli-manufacturing-page .jlf-audit { background:#fff; }
.jli-manufacturing-page .jlf-audit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
.jli-manufacturing-page .jlf-audit-card .jli-image { aspect-ratio:16/9; }
.jli-manufacturing-page .jlf-audit-card .jli-card-body { display:flex; flex-direction:column; align-items:center; padding:1.65rem 1.75rem; text-align:center; }
.jli-manufacturing-page .jlf-audit-card h3 { font-size:1.4rem; }
.jli-manufacturing-page .jlf-audit-card p { max-width:38rem; font-size:.95rem; line-height:1.7; }
.jli-manufacturing-page .jlf-audit .jli-actions { justify-content:center; margin-top:2rem; }
.jli-manufacturing-page .jlf-audit .jli-text-link { padding:.75rem .25rem; font-weight:600; text-decoration:underline; text-underline-offset:5px; }

.jli-manufacturing-page .jli-inquiry {
  border-top:0; background-color:#081428;
  background-image:linear-gradient(105deg,rgb(8 20 40 / .74),rgb(8 20 40 / .56)),url("https://julong-sports.com/wp-content/uploads/2026/09/hero-video4-poster.webp");
  background-size:cover; background-position:center 55%; background-repeat:no-repeat;
}
.jli-manufacturing-page .jli-inquiry .jli-split { align-items:center; }
.jli-manufacturing-page .jli-inquiry-copy { align-self:center; padding-top:0; color:#fff; }
.jli-manufacturing-page .jli-inquiry-copy h2 { color:#fff; }
.jli-manufacturing-page .jli-inquiry-copy>p { color:rgb(255 255 255 / .88); }
.jli-manufacturing-page .jli-inquiry .jli-points li { color:rgb(255 255 255 / .96); }
.jli-manufacturing-page .jli-inquiry .jli-points li::before { color:#78bcff; }
.jli-manufacturing-page .jli-inquiry .jl-infility-card { box-shadow:0 24px 64px rgb(3 16 36 / .34); }

@media(max-width:1000px) {
  .jli-manufacturing-page .jlf-hero { min-height:36rem; }
  .jli-manufacturing-page .jlf-hero-copy { max-width:56%; }
  .jli-manufacturing-page .jlf-stat-grid { gap:.8rem; }
  .jli-manufacturing-page .jlf-steps { gap:1rem; }
}
@media(max-width:767px) {
  .jli-manufacturing-page .jlf-hero { min-height:0; padding:3rem 0 3.25rem; align-items:flex-start; }
  .jli-manufacturing-page .jlf-hero-media { width:100%; height:100%; }
  .jli-manufacturing-page .jlf-hero-media img { object-position:64% center; }
  .jli-manufacturing-page .jlf-hero-media::after { background:linear-gradient(180deg,rgb(8 122 244 / .94),rgb(8 122 244 / .9) 56%,rgb(8 122 244 / .7)); }
  .jli-manufacturing-page .jlf-hero-copy { max-width:100%; }
  .jli-manufacturing-page .jlf-hero-copy h1 { max-width:13em; font-size:clamp(2.2rem,9vw,2.8rem); }
  .jli-manufacturing-page .jlf-hero-copy p { font-size:1rem; }
  .jli-manufacturing-page .jlf-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 1rem; }
  .jli-manufacturing-page .jlf-stat { min-height:8rem; padding:1.35rem .7rem 1.1rem; }
  .jli-manufacturing-page .jlf-stat h3 { font-size:1.65rem; }
  .jli-manufacturing-page .jlf-stat p { font-size:.8rem; }
  .jli-manufacturing-page .jli-grid { grid-template-columns:minmax(0,1fr); }
  .jli-manufacturing-page .jlf-steps { grid-template-columns:minmax(0,1fr); gap:1.75rem; }
  .jli-manufacturing-page .jlf-process .jl-container { display:block; }
  .jli-manufacturing-page .jlf-process .jli-title { margin-bottom:2rem!important; }
  .jli-manufacturing-page .jlf-process .jli-actions { justify-self:start!important; justify-content:flex-start!important; margin-top:2rem!important; }
  .jli-manufacturing-page .jlf-process .jli-actions>.jli-button { margin-left:0!important; }
  .jli-manufacturing-page .jlf-steps::before { top:1.65rem; bottom:1.8rem; left:1.6rem; right:auto; width:1px; height:auto; }
  .jli-manufacturing-page .jlf-step { min-height:4.2rem; padding:0 0 0 4.35rem; }
  .jli-manufacturing-page .jlf-audit-grid { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
  .jli-manufacturing-page .jlf-audit .jli-actions { align-items:center!important; flex-direction:column; gap:.5rem; }
  .jli-manufacturing-page .jli-inquiry { background-image:linear-gradient(180deg,rgb(8 20 40 / .7),rgb(8 20 40 / .5)),url("https://julong-sports.com/wp-content/uploads/2026/09/hero-video4-poster.webp"); background-position:70% center; }
  .jli-manufacturing-page .jli-inquiry .jli-split { gap:2rem; }
}
@media(prefers-reduced-motion:reduce) { .jli-manufacturing-page *, .jli-manufacturing-page *::before, .jli-manufacturing-page *::after { scroll-behavior:auto!important; transition:none!important; } }