/* R&D capability page: blue hero, structured development steps and a restrained product rail. */
.jli-rd-page figure { margin:0; }
.jli-rd-page .jlr-hero {
  position:relative; display:flex; align-items:center; min-height:39rem; padding:5rem 0;
  overflow:hidden; isolation:isolate; border:0; background:#087af4;
}
.jli-rd-page .jlr-hero-media { position:absolute; z-index:0; inset:0 0 0 auto; width:min(69vw,1080px); height:100%; }
.jli-rd-page .jlr-hero-media::after {
  position:absolute; inset:0; content:""; pointer-events:none;
  background:linear-gradient(90deg,#087af4 0%,rgb(8 122 244 / .96) 12%,rgb(8 122 244 / .82) 38%,rgb(8 122 244 / .28) 73%,rgb(8 122 244 / .1) 100%);
}
.jli-rd-page .jlr-hero-media img { width:100%; height:100%; max-width:none; aspect-ratio:auto!important; object-fit:cover; object-position:right center; }
.jli-rd-page .jlr-hero .jl-container { position:relative; z-index:1; }
.jli-rd-page .jlr-hero-copy { max-width:54%; color:#fff; }
.jli-rd-page .jlr-kicker { display:block; margin:.5rem 0 1.05rem; color:rgb(255 255 255 / .78); font-size:.77rem; font-weight:700; letter-spacing:.19em; }
.jli-rd-page .jlr-hero-copy h1 { max-width:13em; color:#fff; font-size:clamp(2.55rem,4vw,3.65rem); line-height:1.1; }
.jli-rd-page .jlr-hero-copy p { max-width:42rem; color:rgb(255 255 255 / .94); font-size:1.05rem; line-height:1.75; }
.jli-rd-page .jlr-hero .wxkn-breadcrumb-wrapper { margin:0 0 .7rem; padding:0; border:0; background:transparent; box-shadow:none; }
.jli-rd-page .jlr-hero .wxkn-breadcrumb,.jli-rd-page .jlr-hero .wxkn-breadcrumb a,.jli-rd-page .jlr-hero .wxkn-breadcrumb-current { color:#fff; }
.jli-rd-page .jlr-hero .wxkn-breadcrumb-separator { color:rgb(255 255 255 / .7); }
.jli-rd-page .jlr-hero .jli-actions { margin-top:1.8rem; }
.jli-rd-page .jlr-hero .jli-button { min-width:205px; border-color:#fff; background:#fff; color:var(--jl-blue)!important; }
.jli-rd-page .jlr-hero .jli-button:hover { background:#eaf3ff; }

.jli-rd-page .jlr-stats { padding-block:3.7rem; background:#102138; color:#fff; }
.jli-rd-page .jlr-stats .jli-title { max-width:none; margin:0 0 2.2rem!important; color:#fff; }
.jli-rd-page .jlr-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.jli-rd-page .jlr-stat { min-width:0; padding-left:1.35rem; border-left:1px solid rgb(255 255 255 / .24); }
.jli-rd-page .jlr-stat h3 { color:#fff; font-size:clamp(1.8rem,2.7vw,2.55rem); line-height:1.15; }
.jli-rd-page .jlr-stat p { margin-top:.65rem; color:#c4cfdd; font-size:.92rem; line-height:1.55; }

.jli-rd-page .jlr-steps { background:#fff; }
.jli-rd-page .jlr-steps .jli-title,.jli-rd-page .jlr-products .jli-title,.jli-rd-page .jlr-protection .jli-title { margin-bottom:2.25rem!important; }
.jli-rd-page .jlr-steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.65rem; }
.jli-rd-page .jlr-step-card { min-width:0; border:1px solid var(--jl-gray-200); background:#fff; }
.jli-rd-page .jlr-step-card .jli-image { aspect-ratio:4/3!important; object-fit:cover; border-bottom:3px solid var(--jl-blue); }
.jli-rd-page .jlr-step-copy { padding:1.45rem 1.55rem 1.75rem; }
.jli-rd-page .jlr-step-number { display:block; margin-bottom:.65rem; color:var(--jl-blue); font-family:var(--jl-font-heading); font-size:1.5rem; line-height:1; }
.jli-rd-page .jlr-step-copy h3 { font-size:1.35rem; line-height:1.28; }
.jli-rd-page .jlr-step-copy p { margin-top:.75rem; font-size:.94rem; line-height:1.7; }

.jli-rd-page .jlr-sport .jli-split { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:4rem; }
.jli-rd-page .jlr-sport-copy .jli-title { margin-bottom:1.7rem!important; }
.jli-rd-page .jlr-sport-copy p+p { margin-top:1rem; }
.jli-rd-page .jlr-lens-tags { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.45rem; }
.jli-rd-page .jlr-lens-tags span { padding:.42rem .62rem; border:1px solid #b9d5f7; color:#245b91; font-size:.68rem; font-weight:700; letter-spacing:.07em; }
.jli-rd-page .jlr-sport-media { position:relative; padding:.65rem; background:#fff; box-shadow:0 18px 48px rgb(13 42 77 / .12); }
.jli-rd-page .jlr-sport-media::after { position:absolute; z-index:0; inset:auto -.8rem -.8rem auto; width:36%; height:35%; background:var(--jl-blue); content:""; }
.jli-rd-page .jlr-sport-media .jli-image { position:relative; z-index:1; aspect-ratio:4/3!important; object-fit:cover; }

.jli-rd-page .jlr-products { background:#fff; }
.jli-rd-page .jlr-products-head { display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; margin-bottom:2.1rem; }
.jli-rd-page .jlr-products-head .jli-title { margin-bottom:.75rem!important; }
.jli-rd-page .jlr-products-head > div:first-child > p { margin:0; max-width:44rem; }
.jli-rd-page .jlr-carousel-controls { display:flex; gap:.55rem; flex:0 0 auto; }
.jli-rd-page .jlr-carousel-controls[hidden] { display:none; }
.jli-rd-page .jlr-carousel-controls button { display:grid; width:46px; height:46px; place-items:center; border:1px solid #cbd8e6; background:#fff; color:#1477e9; font-size:1.3rem; transition:background .2s,color .2s; }
.jli-rd-page .jlr-carousel-controls button:hover { background:#087af4; color:#fff; }
.jli-rd-page .jlr-product-track { display:grid; grid-auto-columns:calc((100% - 4.5rem)/4); grid-auto-flow:column; gap:1.5rem; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
.jli-rd-page .jlr-product-track::-webkit-scrollbar { display:none; }
.jli-rd-page .jlr-product-card { min-width:0; scroll-snap-align:start; border:1px solid var(--jl-gray-200); background:#fff; }
.jli-rd-page .jlr-product-card figure { display:grid; place-items:center; padding:1rem; background:#f7f9fc; }
.jli-rd-page .jlr-product-card .jli-image { aspect-ratio:1/1!important; object-fit:contain; mix-blend-mode:multiply; }
.jli-rd-page .jlr-product-card-copy { padding:1rem 1.15rem 1.25rem; border-top:1px solid var(--jl-gray-200); }
.jli-rd-page .jlr-product-card-copy span { color:#708096; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.jli-rd-page .jlr-product-card-copy h3 { margin-top:.35rem; font-size:1.25rem; }
.jli-rd-page a.jlr-product-card { display:block; color:var(--jl-dark); text-decoration:none!important; transition:border-color .2s ease,box-shadow .2s ease; }
.jli-rd-page a.jlr-product-card:hover { border-color:var(--jl-blue); box-shadow:0 8px 22px rgb(8 122 244 / .1); }
.jli-rd-page a.jlr-product-card:focus-visible { outline:3px solid var(--jl-blue); outline-offset:-3px; }
.jli-rd-page a.jlr-product-card h3 { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.jli-rd-page a.jlr-product-card h3::after { content:"→"; color:var(--jl-blue); font-family:var(--jl-font-body); transition:transform .2s ease; }
.jli-rd-page a.jlr-product-card:hover h3 { color:var(--jl-blue); }
.jli-rd-page a.jlr-product-card:hover h3::after { transform:translateX(3px); }
.jli-rd-page .jlr-carousel-controls button:disabled { opacity:.35; cursor:default; }
.jli-rd-page .jlr-carousel-controls button:focus-visible { outline:2px solid var(--jl-blue); outline-offset:3px; }
.jli-rd-page .jlr-products-actions { margin-top:1.8rem; }
.jli-rd-page .jlr-products-actions .jli-text-link { padding:.75rem .15rem; }

.jli-rd-page .jlr-protection { background:#f5f8fc; }
.jli-rd-page .jlr-protection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; }
.jli-rd-page .jlr-protection-card { min-width:0; padding:1.75rem 1.7rem 1.9rem; border:1px solid #e1e8f0; background:#fff; }
.jli-rd-page .jlr-protection-icon { display:grid; width:48px; height:48px; margin-bottom:1.2rem; place-items:center; background:#eaf3ff; }
.jli-rd-page .jlr-protection-icon .jli-icon { width:25px; height:25px; }
.jli-rd-page .jlr-protection-card h3 { font-size:1.28rem; line-height:1.3; }
.jli-rd-page .jlr-protection-card p { margin-top:.65rem; font-size:.93rem; line-height:1.68; }
.jli-rd-page .jlr-protection-note { margin-top:1.2rem; font-size:.88rem; }

.jli-rd-page .jlr-inquiry { border-top:0; background-color:#081428; background-image:linear-gradient(105deg,rgb(8 20 40 / .78),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-rd-page .jlr-inquiry .jli-split { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:3.5rem; }
.jli-rd-page .jli-inquiry-copy { align-self:center; padding-top:0; color:#fff; }
.jli-rd-page .jli-inquiry-copy h2 { color:#fff; }
.jli-rd-page .jli-inquiry-copy>p { color:rgb(255 255 255 / .9); }
.jli-rd-page .jli-inquiry .jli-points li { color:rgb(255 255 255 / .96); }
.jli-rd-page .jli-inquiry .jli-points li::before { color:#78bcff; }
.jli-rd-page .jli-inquiry .jl-infility-card { box-shadow:0 24px 64px rgb(3 16 36 / .34); }
.jli-rd-page .jlr-odm-link { display:inline-flex; gap:.5rem; align-items:center; margin-top:1.3rem; color:#cce4ff!important; font-size:.9rem; font-weight:650; text-underline-offset:4px; text-decoration:underline; }
.jli-rd-page .jlr-odm-link:hover { color:#fff!important; }

@media(max-width:1023px) {
  .jli-rd-page .jlr-hero { min-height:36rem; }
  .jli-rd-page .jlr-hero-copy { max-width:58%; }
  .jli-rd-page .jlr-steps-grid { gap:1rem; }
  .jli-rd-page .jlr-step-copy { padding:1.2rem; }
  .jli-rd-page .jlr-sport .jli-split { gap:2.5rem; }
  .jli-rd-page .jlr-product-track { grid-auto-columns:calc((100% - 2rem)/3); gap:1rem; }
}
@media(max-width:767px) {
  .jli-rd-page .jlr-hero { min-height:0; padding:3rem 0 3.25rem; align-items:flex-start; }
  .jli-rd-page .jlr-hero-media { width:100%; height:100%; }
  .jli-rd-page .jlr-hero-media img { object-position:64% center; }
  .jli-rd-page .jlr-hero-media::after { background:linear-gradient(180deg,rgb(8 122 244 / .95),rgb(8 122 244 / .91) 55%,rgb(8 122 244 / .73)); }
  .jli-rd-page .jlr-hero-copy { max-width:100%; }
  .jli-rd-page .jlr-hero-copy h1 { max-width:12em; font-size:clamp(2.15rem,9vw,2.8rem); }
  .jli-rd-page .jlr-hero-copy p { font-size:1rem; }
  .jli-rd-page .jlr-stat-grid { grid-template-columns:1fr; gap:1.45rem; }
  .jli-rd-page .jlr-stat { padding:0 0 .1rem 1rem; }
  .jli-rd-page .jlr-stat h3 { font-size:1.8rem; }
  .jli-rd-page .jlr-steps-grid { grid-template-columns:1fr; gap:1rem; }
  .jli-rd-page .jlr-step-card { display:grid; grid-template-columns:40% minmax(0,1fr); align-items:stretch; }
  .jli-rd-page .jlr-step-card .jli-image { height:100%; min-height:11rem; aspect-ratio:auto!important; }
  .jli-rd-page .jlr-step-copy { padding:1.1rem; }
  .jli-rd-page .jlr-step-copy h3 { font-size:1.12rem; }
  .jli-rd-page .jlr-step-copy p { margin-top:.5rem; font-size:.84rem; line-height:1.55; }
  .jli-rd-page .jlr-sport .jli-split { grid-template-columns:1fr; gap:2rem; }
  .jli-rd-page .jlr-products-head { align-items:flex-start; flex-direction:column; gap:1.25rem; }
  .jli-rd-page .jlr-product-track { grid-auto-columns:minmax(0,78%); grid-auto-columns:78%; gap:.9rem; }
  .jli-rd-page .jlr-product-card figure { padding:.7rem; }
  .jli-rd-page .jlr-protection-grid { grid-template-columns:1fr; gap:.8rem; }
  .jli-rd-page .jlr-protection-card { display:grid; grid-template-columns:42px minmax(0,1fr); column-gap:1rem; padding:1.15rem; }
  .jli-rd-page .jlr-protection-icon { grid-row:span 2; width:42px; height:42px; margin:0; }
  .jli-rd-page .jlr-protection-card h3 { font-size:1.1rem; }
  .jli-rd-page .jlr-protection-card p { margin-top:.35rem; font-size:.87rem; }
  .jli-rd-page .jlr-inquiry { background-image:linear-gradient(180deg,rgb(8 20 40 / .74),rgb(8 20 40 / .54)),url("https://julong-sports.com/wp-content/uploads/2026/09/hero-video4-poster.webp"); background-position:70% center; }
  .jli-rd-page .jlr-inquiry .jli-split { grid-template-columns:1fr; gap:2rem; }
}
@media(prefers-reduced-motion:reduce) { .jli-rd-page *,.jli-rd-page *::before,.jli-rd-page *::after { scroll-behavior:auto!important; transition:none!important; } }

/* Refine the data, process and product areas to match the Manufacturing page. */
.jli-rd-page .jlr-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; }
.jli-rd-page .jlr-stats::before { position:absolute; z-index:-1; inset:0; border-top:3px solid var(--jl-blue); content:""; pointer-events:none; }
.jli-rd-page .jlr-stats .jl-container { max-width:1320px; }
.jli-rd-page .jlr-stats .jli-title { margin:0 0 2.35rem!important; text-align:center; }
.jli-rd-page .jlr-stats .jli-title::after,
.jli-rd-page .jlr-steps .jli-title::after { display:block; width:3.5rem; height:3px; margin:.9rem auto 0; background:var(--jl-blue); content:""; }
.jli-rd-page .jlr-stat-grid { gap:1rem; }
.jli-rd-page .jlr-stat { display:flex; min-height:9rem; flex-direction:column; align-items:center; justify-content:center; 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-rd-page .jlr-stat:hover { transform:translateY(-4px); border-color:rgb(117 185 255 / .55); background:rgb(255 255 255 / .09); }
.jli-rd-page .jlr-stat h3 { font-variant-numeric:tabular-nums; }
.jli-rd-page .jlr-steps .jl-container { text-align:center; }
.jli-rd-page .jlr-steps .jli-title { max-width:none; margin:0 auto 2.75rem!important; text-align:center; }
.jli-rd-page .jlr-step-card { overflow:hidden; text-align:center; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.jli-rd-page .jlr-step-card:hover { transform:translateY(-5px); border-color:#b7d6fb; box-shadow:0 14px 34px rgb(8 122 244 / .12); }
.jli-rd-page .jlr-step-card figure { overflow:hidden; }
.jli-rd-page .jlr-step-card .jli-image { transition:transform .45s cubic-bezier(.2,.7,.25,1); }
.jli-rd-page .jlr-step-card:hover .jli-image { transform:scale(1.035); }
.jli-rd-page .jlr-step-copy { padding:0 1.5rem 1.7rem; text-align:center; }
.jli-rd-page .jlr-step-number { position:relative; display:grid; width:3.35rem; height:3.35rem; margin:-1.72rem auto .85rem; place-items:center; border:4px solid #fff; border-radius:50%; background:linear-gradient(145deg,#1685ff,#0569df); color:#fff; font-size:1.2rem; font-variant-numeric:tabular-nums; box-shadow:0 0 0 1px #087af4,0 5px 14px rgb(8 122 244 / .26); }
.jli-rd-page .jlr-step-copy h3 { text-align:center; }
.jli-rd-page .jlr-step-copy p { max-width:26rem; margin:.75rem auto 0; }
.jli-rd-page .jlr-products-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2rem; }
.jli-rd-page .jlr-products-copy { min-width:0; }
.jli-rd-page .jlr-products-tools { display:flex; flex-direction:column; align-items:flex-end; gap:.85rem; }
.jli-rd-page .jlr-products-actions { justify-content:flex-end; margin:0; }
.jli-rd-page .jlr-products-actions .jli-text-link { padding:.75rem .15rem; }
.jli-rd-page .jlr-product-carousel { position:relative; }
.jli-rd-page .jlr-product-carousel .jlr-carousel-controls { position:absolute; z-index:2; inset:0 -22px; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.jli-rd-page .jlr-product-carousel .jlr-carousel-controls[hidden] { display:none; }
.jli-rd-page .jlr-product-carousel .jlr-carousel-controls button { width:44px; height:44px; padding:0; border-radius:50%; background:#fff; box-shadow:0 4px 14px rgb(15 49 86 / .12); pointer-events:auto; }
.jli-rd-page .jlr-product-carousel .jlr-carousel-controls button:not(:disabled):hover { color:#fff; background:var(--jl-blue); }
@media(max-width:767px) {
  .jli-rd-page .jlr-stats { padding-block:3rem; }
  .jli-rd-page .jlr-stat-grid { grid-template-columns:minmax(0,1fr); gap:.8rem; }
  .jli-rd-page .jlr-stat { min-height:7rem; }
  .jli-rd-page .jlr-steps .jli-title { margin-bottom:2.25rem!important; }
  .jli-rd-page .jlr-step-card { display:block; }
  .jli-rd-page .jlr-step-card .jli-image { width:100%; height:auto; min-height:0; aspect-ratio:16/9!important; }
  .jli-rd-page .jlr-step-copy { padding:0 1rem 1.3rem; }
  .jli-rd-page .jlr-products-head { display:flex; align-items:flex-start; flex-direction:column; gap:1.2rem; }
  .jli-rd-page .jlr-products-tools { width:100%; align-items:flex-start; gap:.85rem; }
  .jli-rd-page .jlr-products-actions { justify-content:flex-start; }
  .jli-rd-page .jlr-product-carousel .jlr-carousel-controls { inset:0 -10px; }
  .jli-rd-page .jlr-product-carousel .jlr-carousel-controls button { width:36px; height:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .jli-rd-page .jlr-stat,.jli-rd-page .jlr-step-card,.jli-rd-page .jlr-step-card .jli-image { transition:none; }
  .jli-rd-page .jlr-stat:hover,.jli-rd-page .jlr-step-card:hover { transform:none; }
  .jli-rd-page .jlr-step-card:hover .jli-image { transform:none; }
}