/* P04-4 Certifications: document-led cards within the existing Julong inner-page system. */
.jli-certifications-page figure { margin:0; }
.jli-certifications-page .jlc-hero {
  position:relative; display:flex; align-items:center; min-height:38rem; padding:5rem 0;
  overflow:hidden; isolation:isolate; border:0; background:#087af4;
}
.jli-certifications-page .jlc-hero-media { position:absolute; z-index:0; inset:0 0 0 auto; width:min(68vw,1100px); height:100%; }
.jli-certifications-page .jlc-hero-media::after { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(90deg,#087af4 0%,rgb(8 122 244 / .96) 13%,rgb(8 122 244 / .78) 40%,rgb(8 122 244 / .24) 78%,rgb(8 122 244 / .12) 100%); }
.jli-certifications-page .jlc-hero-media img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
.jli-certifications-page .jlc-hero .jl-container { position:relative; z-index:1; }
.jli-certifications-page .jlc-hero-copy { max-width:55%; color:#fff; }
.jli-certifications-page .jlc-hero-copy h1 { max-width:12em; color:#fff; }
.jli-certifications-page .jlc-hero-copy p { max-width:41rem; color:rgb(255 255 255 / .95); font-size:1.06rem; }
.jli-certifications-page .jlc-hero .wxkn-breadcrumb-wrapper { margin:0 0 .7rem; padding:0; border:0; background:transparent; box-shadow:none; }
.jli-certifications-page .jlc-hero nav.wxkn-breadcrumb { margin:0; padding:0; }
.jli-certifications-page .jlc-hero .wxkn-breadcrumb,.jli-certifications-page .jlc-hero .wxkn-breadcrumb a,.jli-certifications-page .jlc-hero .wxkn-breadcrumb-current { color:#fff; }
.jli-certifications-page .jlc-hero .wxkn-breadcrumb-separator { color:rgb(255 255 255 / .72); }
.jli-certifications-page .jlc-hero .jli-actions { margin-top:1.8rem; }
.jli-certifications-page .jlc-hero .jli-button { min-width:195px; border-color:#fff; background:#fff; color:var(--jl-blue)!important; }
.jli-certifications-page .jlc-hero .jli-button:hover { background:#eaf3ff; }

.jli-certifications-page .jlc-gallery { background:#fff; }
.jli-certifications-page .jlc-section-head { margin-bottom:2.6rem; padding-bottom:2rem; border-bottom:1px solid #dce5ef; text-align:center; }
.jli-certifications-page .jlc-section-head .jli-title { max-width:none; margin-bottom:1.3rem!important; text-align:center; }
.jli-certifications-page .jlc-section-head .jli-title::after { margin-inline:auto; }
.jli-certifications-page .jlc-section-head p { max-width:52rem; margin:0 auto; }
.jli-certifications-page .jlc-cert-group + .jlc-cert-group { margin-top:3rem; }
.jli-certifications-page .jlc-group-title { margin:0 0 1.3rem; font-size:1.5rem; line-height:1.25; }
.jli-certifications-page .jlc-cert-grid { display:grid; gap:1.5rem; }
.jli-certifications-page .jlc-cert-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.jli-certifications-page .jlc-cert-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.jli-certifications-page .jlc-cert-card { min-width:0; border:1px solid var(--jl-gray-200); background:#fff; }
.jli-certifications-page .jlc-cert-visual { position:relative; display:flex; width:100%; height:285px; align-items:center; justify-content:center; overflow:hidden; padding:1.4rem; border:0; background:#f5f8fc; cursor:pointer; color:var(--jl-blue); text-decoration:none; }
.jli-certifications-page .jlc-cert-visual img { width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }
.jli-certifications-page .jlc-cert-visual--logo img { max-width:55%; max-height:100px; }
.jli-certifications-page .jlc-cert-visual:focus-visible { outline:2px solid var(--jl-blue); outline-offset:-3px; }
.jli-certifications-page .jlc-cert-copy { padding:1.25rem 1.35rem 1.5rem; border-top:3px solid var(--jl-blue); }
.jli-certifications-page .jlc-cert-copy h4 { font-family:var(--jl-font-heading); font-size:1.35rem; line-height:1.25; }
.jli-certifications-page .jlc-cert-copy p { margin:.65rem 0 0; font-size:.92rem; line-height:1.65; }

.jli-certifications-page .jlc-documents { background:#f5f8fc; }
.jli-certifications-page .jlc-documents .jli-title { max-width:none; margin:0 auto 2.25rem!important; text-align:center; }
.jli-certifications-page .jlc-documents .jli-title::after { margin-inline:auto; }
.jli-certifications-page .jlc-doc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.jli-certifications-page .jlc-doc-card { min-width:0; padding:1.7rem 1.6rem 1.8rem; border:1px solid #e0e7ef; background:#fff; }
.jli-certifications-page .jlc-doc-icon { display:grid; width:48px; height:48px; margin-bottom:1.2rem; place-items:center; background:#e8f2ff; }
.jli-certifications-page .jlc-doc-icon .jli-icon { width:24px; height:24px; }
.jli-certifications-page .jlc-doc-card h3 { font-size:1.25rem; }
.jli-certifications-page .jlc-doc-card p { margin-top:.65rem; font-size:.92rem; line-height:1.65; }

.jli-certifications-page .jlc-production .jli-split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:4rem; }
.jli-certifications-page .jlc-production-copy .jli-title { margin-bottom:1.5rem!important; }
.jli-certifications-page .jlc-production-copy p+p { margin-top:1rem; }
.jli-certifications-page .jlc-production-media { position:relative; padding:.65rem; background:#fff; box-shadow:0 18px 46px rgb(13 42 77 / .12); }
.jli-certifications-page .jlc-production-media::after { position:absolute; z-index:0; right:-.8rem; bottom:-.8rem; width:36%; height:35%; background:var(--jl-blue); content:""; }
.jli-certifications-page .jlc-production-media img { position:relative; z-index:1; width:100%; aspect-ratio:4/3; object-fit:cover; }

.jli-certifications-page .jlc-inquiry { border-top:0; background-color:#081428; background-image:linear-gradient(105deg,rgb(8 20 40 / .8),rgb(8 20 40 / .58)),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-certifications-page .jlc-inquiry .jli-split { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:3.5rem; }
.jli-certifications-page .jli-inquiry-copy { align-self:center; padding-top:0; color:#fff; }
.jli-certifications-page .jli-inquiry-copy h2 { color:#fff; }
.jli-certifications-page .jli-inquiry-copy>p { color:rgb(255 255 255 / .9); }
.jli-certifications-page .jli-inquiry .jli-points li { color:rgb(255 255 255 / .96); }
.jli-certifications-page .jli-inquiry .jli-points li::before { color:#78bcff; }
.jli-certifications-page .jli-inquiry .jl-infility-card { box-shadow:0 24px 64px rgb(3 16 36 / .34); }

.jli-certifications-page .jlc-cert-dialog { position:relative; width:min(900px,calc(100% - 2rem)); max-width:none; max-height:calc(100dvh - 2rem); overflow:auto; padding:2rem; border:0; background:#f1f4f8; color:#172231; box-shadow:0 20px 80px rgb(0 0 0 / .3); }
.jli-certifications-page .jlc-cert-dialog::backdrop { background:rgb(3 15 31 / .78); }
.jli-certifications-page .jlc-cert-dialog img { width:auto; max-width:100%; max-height:calc(100dvh - 6rem); margin:0 auto; object-fit:contain; background:#fff; }
.jli-certifications-page .jlc-cert-dialog p { margin:1rem 0 0; color:#6b7786; font-size:.8rem; text-align:center; }
.jli-certifications-page .jlc-cert-close { position:sticky; z-index:1; top:0; float:right; display:grid; width:40px; height:40px; margin:-1.4rem -1.4rem .5rem .5rem; place-items:center; border:0; background:#fff; color:#172231; font-size:1.6rem; cursor:pointer; }

@media(max-width:1023px) {
  .jli-certifications-page .jlc-hero { min-height:35rem; }
  .jli-certifications-page .jlc-cert-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jli-certifications-page .jlc-cert-grid--three { gap:1rem; }
  .jli-certifications-page .jlc-production .jli-split { gap:2.5rem; }
}
@media(max-width:767px) {
  .jli-certifications-page .jlc-hero { min-height:0; padding:3rem 0 3.25rem; align-items:flex-start; }
  .jli-certifications-page .jlc-hero-media { width:100%; height:100%; }
  .jli-certifications-page .jlc-hero-media img { object-position:63% center; }
  .jli-certifications-page .jlc-hero-media::after { background:linear-gradient(180deg,rgb(8 122 244 / .96),rgb(8 122 244 / .91) 58%,rgb(8 122 244 / .74)); }
  .jli-certifications-page .jlc-hero-copy { max-width:100%; }
  .jli-certifications-page .jlc-hero-copy h1 { max-width:12em; font-size:clamp(2.15rem,9vw,2.8rem); }
  .jli-certifications-page .jlc-hero-copy p { font-size:1rem; }
  .jli-certifications-page .jlc-section-head { margin-bottom:2rem; }
  .jli-certifications-page .jlc-group-title { font-size:1.3rem; }
  .jli-certifications-page .jlc-cert-grid--three,.jli-certifications-page .jlc-cert-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
  .jli-certifications-page .jlc-cert-visual { height:220px; padding:1rem; }
  .jli-certifications-page .jlc-cert-copy { padding:1rem .85rem 1.2rem; }
  .jli-certifications-page .jlc-cert-copy h4 { font-size:1.15rem; }
  .jli-certifications-page .jlc-cert-copy p { font-size:.82rem; }
  .jli-certifications-page .jlc-doc-grid { grid-template-columns:1fr; gap:.75rem; }
  .jli-certifications-page .jlc-doc-card { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:.9rem; padding:1.1rem; }
  .jli-certifications-page .jlc-doc-icon { grid-row:span 2; width:44px; height:44px; margin:0; }
  .jli-certifications-page .jlc-doc-card h3 { font-size:1.08rem; }
  .jli-certifications-page .jlc-doc-card p { margin-top:.35rem; font-size:.86rem; }
  .jli-certifications-page .jlc-production .jli-split { grid-template-columns:1fr; gap:2rem; }
  .jli-certifications-page .jlc-inquiry { background-position:70% center; }
  .jli-certifications-page .jlc-inquiry .jli-split { grid-template-columns:1fr; gap:2rem; }
  .jli-certifications-page .jlc-cert-dialog { padding:1rem; }
  .jli-certifications-page .jlc-cert-close { margin:-.5rem -.5rem .5rem .5rem; }
}
@media(prefers-reduced-motion:reduce) { .jli-certifications-page *,.jli-certifications-page *::before,.jli-certifications-page *::after { transition:none!important; scroll-behavior:auto!important; } }