:where(body.jl-inner-page),
:where(body.jl-inner-page) *,
:where(body.jl-inner-page) *::before,
:where(body.jl-inner-page) *::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: var(--jl-gray-200);
}

:where(body.jl-inner-page) {
  margin: 0;
  font-family: var(--jl-font-body);
  line-height: 1.5;
  color: var(--jl-text);
  background-color: var(--jl-white);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
}

:where(body.jl-inner-page) h1,
:where(body.jl-inner-page) h2,
:where(body.jl-inner-page) h3,
:where(body.jl-inner-page) h4,
:where(body.jl-inner-page) h5,
:where(body.jl-inner-page) h6 {
  margin: 0;
  font-family: var(--jl-font-heading);
  font-size: inherit;
  font-weight: inherit;
  text-transform: uppercase;
}

:where(body.jl-inner-page) p,
:where(body.jl-inner-page) figure,
:where(body.jl-inner-page) blockquote,
:where(body.jl-inner-page) dl,
:where(body.jl-inner-page) dd,
:where(body.jl-inner-page) pre {
  margin: 0;
}

:where(body.jl-inner-page) ol,
:where(body.jl-inner-page) ul,
:where(body.jl-inner-page) menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(body.jl-inner-page) a {
  color: inherit;
  text-decoration: inherit;
}

:where(body.jl-inner-page) b,
:where(body.jl-inner-page) strong {
  font-weight: bolder;
}

:where(body.jl-inner-page) small {
  font-size: 80%;
}

:where(body.jl-inner-page) button,
:where(body.jl-inner-page) input,
:where(body.jl-inner-page) optgroup,
:where(body.jl-inner-page) select,
:where(body.jl-inner-page) textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

:where(body.jl-inner-page) button,
:where(body.jl-inner-page) select {
  text-transform: none;
}

:where(body.jl-inner-page) button,
:where(body.jl-inner-page) [type='button'],
:where(body.jl-inner-page) [type='reset'],
:where(body.jl-inner-page) [type='submit'] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
}

:where(body.jl-inner-page) input::placeholder,
:where(body.jl-inner-page) textarea::placeholder {
  opacity: 1;
  color: var(--jl-gray-400);
}

:where(body.jl-inner-page) textarea {
  resize: vertical;
}

:where(body.jl-inner-page) summary {
  display: list-item;
}

:where(body.jl-inner-page) img,
:where(body.jl-inner-page) svg,
:where(body.jl-inner-page) video,
:where(body.jl-inner-page) canvas,
:where(body.jl-inner-page) audio,
:where(body.jl-inner-page) iframe,
:where(body.jl-inner-page) embed,
:where(body.jl-inner-page) object {
  display: block;
  vertical-align: middle;
}

:where(body.jl-inner-page) img,
:where(body.jl-inner-page) video {
  max-width: 100%;
  height: auto;
}

:where(body.jl-inner-page) table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}


/* Inner-page family: Julong's current homepage tokens, scoped to new components. */
body.jl-inner-page { margin:0; font-family:var(--jl-font-body); color:var(--jl-dark); background:#fff; line-height:1.65; }
.jli-page *, .jli-dialog *, .jli-form * { box-sizing:border-box; }
.jli-page h1,.jli-page h2,.jli-page h3,.jli-dialog h2 { font-family:var(--jl-font-heading); text-transform:uppercase; font-weight:600; margin:0; line-height:1.15; }
.jli-page h1 { font-size:clamp(2.4rem,4.25vw,4rem); letter-spacing:-.015em; }
.jli-page h2,.jli-dialog h2 { font-size:clamp(2rem,3vw,2.75rem); }
.jli-page h3 { font-size:1.5rem; line-height:1.3; }
.jli-page p,.jli-dialog p { margin:1.15rem 0 0; font-size:1rem; line-height:1.75; color:#66717d; }
.jli-page a { color:inherit; }
.jli-section { padding:var(--jl-section-y,6rem) 0; }
.jli-section[id] { scroll-margin-top:6rem; }
.jli-soft { background:var(--jl-gray-50); border-block:1px solid var(--jl-gray-100); }
.jli-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5rem; align-items:center; }
.jli-split>* { min-width:0; }
.jli-hero { padding:5rem 0 5.5rem; background:#f6f9fd; position:relative; overflow:hidden; border-bottom:1px solid var(--jl-gray-200); }
.jli-hero .jli-split { gap:4rem; }
.jli-hero p { font-size:1.0625rem; max-width:36rem; }
.jli-hero-media { position:relative; isolation:isolate; margin:0 0 1rem 1rem; }
.jli-hero-media:before { content:""; position:absolute; inset:1rem 1rem -1rem -1rem; background:var(--jl-blue); z-index:-1; }
.jli-image { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; }
.jli-image--contain { object-fit:contain; background:#fff; }
.jli-support { font-size:.77rem!important; line-height:1.8!important; color:var(--jl-secondary)!important; margin-top:1.5rem!important; }
.jli-title { max-width:55rem; margin-bottom:2.75rem!important; }
.jli-title:after { content:""; display:block; width:4rem; height:4px; background:var(--jl-blue); margin-top:1.25rem; }
.jli-actions { display:flex; flex-wrap:wrap; gap:1.25rem; margin-top:2rem; align-items:center; }
.jli-button { border:1px solid var(--jl-blue); background:var(--jl-blue); color:#fff!important; display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:.85rem 1.75rem; font-family:var(--jl-font-body); font-size:.92rem; font-weight:600; letter-spacing:.02em; text-decoration:none; cursor:pointer;  }
.jli-button:focus-visible,.jli-page a:focus-visible,.jli-dialog-close:focus-visible { outline:3px solid var(--jl-light-blue); outline-offset:5px; }
.jli-text-link { display:inline-block; color:var(--jl-dark)!important; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.jli-text-link:hover { color:var(--jl-blue)!important; }
.jli-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.jli-card { border:1px solid var(--jl-gray-200); background:#fff; display:flex; flex-direction:column; min-width:0; text-decoration:none; overflow:hidden; }
.jli-card>.jli-image { border-bottom:3px solid var(--jl-blue); transition:filter .3s; }
.jli-card:hover>.jli-image { filter:brightness(1.03); }
.jli-card-body { padding:1.75rem; display:flex; flex-direction:column; flex:1; }
.jli-card-body p { margin-top:.9rem; }
.jli-card-body a { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--jl-gray-200); }
.jli-icon-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; }
.jli-icon-grid .jli-icon { margin-bottom:1.25rem; }
.jli-icon { color:var(--jl-blue); width:32px; height:32px; stroke-width:1.5; flex-shrink:0; }
.jli-feature-list { display:grid; gap:1.75rem; }
.jli-feature { display:grid; grid-template-columns:32px minmax(0,1fr); gap:1.15rem; align-items:start; }
.jli-feature p { margin-top:.65rem; }
.jli-five-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.jli-five-grid>.jli-card { grid-column:span 2; }
.jli-five-grid>.jli-card:nth-last-child(-n+2) { grid-column:span 3; }
.jli-wide-image { aspect-ratio:16/9; }
.jli-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; counter-reset:steps; }
.jli-step { border-top:1px solid var(--jl-gray-300); padding-top:1.5rem; counter-increment:steps; }
.jli-step-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.jli-step-top:before { content:counter(steps,decimal-leading-zero); font-family:var(--jl-font-heading); font-size:2.75rem; line-height:1; color:var(--jl-blue); }
.jli-banner { background:#0b1b3d; color:#fff; }
.jli-banner .jl-container { display:flex; gap:3rem; align-items:center; justify-content:space-between; }
.jli-banner p { color:#cbd5e1; }
.jli-banner .jli-button { flex-shrink:0; }
.jli-badges { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.75rem; }
.jli-badge { font-size:.75rem; padding:.4rem .65rem; background:#fff; border:1px solid var(--jl-gray-200); font-weight:600; color:var(--jl-secondary); display:flex; align-items:center; gap:.35rem; }
.jli-badge img { height:24px; width:50px; object-fit:contain; }
.jli-faq { max-width:58rem; margin:auto; }
.jli-faq details { border-bottom:1px solid var(--jl-gray-200); }
.jli-faq details:first-of-type { border-top:1px solid var(--jl-gray-200); }
.jli-faq summary { list-style:none; padding:1.4rem 3rem 1.4rem 0; position:relative; cursor:pointer; }
.jli-faq summary::-webkit-details-marker { display:none; }
.jli-faq summary h3 { font-size:1.25rem; }
.jli-faq summary:after { content:"+"; position:absolute; right:.25rem; top:1.2rem; font-size:1.5rem; color:var(--jl-blue); }
.jli-faq details[open] summary:after { content:"−"; }
.jli-faq details p { margin:0 0 1.75rem; }
.jli-faq summary:focus-visible { outline:2px solid var(--jl-blue); outline-offset:3px; }
.jli-inquiry { background:#f6f9fd; border-top:1px solid var(--jl-gray-200); }
.jli-inquiry .jli-split { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:start; gap:4rem; }
.jli-inquiry-copy { padding-top:1.5rem; }
.jli-points { margin:1.75rem 0 0; padding:0; list-style:none; display:grid; gap:1rem; font-family:var(--jl-font-body); }
.jli-points li { display:flex; gap:.75rem; font-size:.95rem; line-height:1.7; }
.jli-points li:before { content:"✓"; color:var(--jl-blue); font-weight:700; }
.jli-form-card { background:#fff; border:1px solid var(--jl-gray-200); border-top:4px solid var(--jl-blue); padding:2.25rem; }
.jli-form { font-family:var(--jl-font-body); color:var(--jl-dark); }
.jli-form form { margin:0; }
.jli-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem 1rem; }
.jli-form-grid>p { display:contents; }
.jli-form-grid br { display:none; }
.jli-form [id^="wpcf7-"][id$="-wrapper"] { display:none!important; }
.jli-form-grid>label,.jli-field { font-size:.78rem; font-weight:600; line-height:1.5; min-width:0; display:block; }
.jli-form input:not([type=submit]):not([type=hidden]),.jli-form select,.jli-form textarea { width:100%; min-height:46px; border:1px solid #ccd4dc; border-radius:0; background:#fff; padding:.7rem .8rem; font-size:.87rem; font-weight:400; line-height:1.5; color:#1a1a1a; font-family:inherit; margin-top:.5rem; }
.jli-form input::placeholder,.jli-form textarea::placeholder { color:#6c7782; opacity:1; }
.jli-form input:focus,.jli-form select:focus,.jli-form textarea:focus { outline:2px solid var(--jl-blue); outline-offset:1px; }
.jli-phone { display:grid; grid-template-columns:90px minmax(0,1fr); gap:.5rem; }
.jli-phone>label { min-width:0; }
.jli-field-wide { grid-column:1/-1; }
.jli-form textarea { min-height:100px; resize:vertical; }
.jli-form-submit { margin-top:1.5rem; }
.jli-form .jli-submit { min-height:48px; width:100%; background:var(--jl-blue); border:0; color:white; font-size:.9rem; font-weight:600; letter-spacing:.02em; padding:.9rem 1rem; cursor:pointer; font-family:inherit; transition:background var(--jl-button-motion),color var(--jl-button-motion),translate var(--jl-button-motion),box-shadow var(--jl-button-motion); }
.jli-form .jli-submit:hover { background:var(--jl-button-hover-bg); }
.jli-form .jli-submit:disabled { opacity:.65; cursor:wait; }
.jli-form .jli-form-privacy { font-size:.73rem; color:#66717d; line-height:1.6; margin-top:1rem; }
.jli-form .wpcf7-spinner { display:none; }
.jli-form .wpcf7-response-output { margin:1rem 0 0!important; padding:1rem!important; font-size:.85rem; }
.jli-form .wpcf7-not-valid-tip { font-size:.75rem; margin-top:.3rem; }
.jli-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.jli-dialog { border:0; padding:0; width:min(1040px,calc(100% - 2rem)); max-height:calc(100dvh - 3rem); overflow:auto; color:#1a1a1a; background:#fff; }
.jli-dialog::backdrop { background:rgb(7 19 39 / .7); }
.jli-dialog-grid { display:grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); position:relative; }
.jli-dialog-copy { padding:3rem 2.5rem; background:#0b1b3d; color:#fff; }
.jli-dialog-copy p { color:#cbd5e1; }
.jli-dialog-copy .jli-points li { color:#fff; }
.jli-dialog-form { padding:3rem 2.5rem; }
.jli-dialog-close { position:absolute; top:.625rem; right:.625rem; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:#f1f5f9; color:#1a1a1a; font-size:0; cursor:pointer; z-index:1; transition:background-color .18s ease,color .18s ease,transform .18s ease; }
.jli-dialog-close::before,.jli-dialog-close::after { position:absolute; top:50%; left:50%; width:18px; height:2px; background:currentColor; content:""; transform:translate(-50%,-50%) rotate(45deg); transform-origin:center; transition:transform .18s ease; }
.jli-dialog-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.jli-dialog-close:hover { background:var(--jl-blue,#007bff); color:#fff; transform:scale(1.04); }
.jli-dialog-close:hover::before { transform:translate(-50%,-50%) rotate(45deg) scale(1.08); }
.jli-dialog-close:hover::after { transform:translate(-50%,-50%) rotate(-45deg) scale(1.08); }
.jli-dialog-close:active { transform:scale(.94); }
.jli-dialog-close:focus-visible { outline:2px solid var(--jl-blue,#007bff); outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { .jli-dialog-close,.jli-dialog-close::before,.jli-dialog-close::after { transition:none; } }
/* Quote dialog borrows the single Infility instance; the sample dialog stays separate. */
:is(#jli-quote,#jli-sample) .jli-dialog-grid { min-height:0; }
:is(#jli-quote,#jli-sample) .jli-dialog-copy { min-width:0; min-height:540px; padding:2rem; background-color:#0d1f3b; background-image:url('https://julong-sports.com/wp-content/uploads/2026/10/quote-customer-support-ai-20261016.jpg'); background-size:cover; background-position:center calc(100% + 64px); background-repeat:no-repeat; }
:is(#jli-quote,#jli-sample) .jli-dialog-copy h2 { font-size:clamp(1.9rem,2.8vw,2.5rem); line-height:1.15; }
:is(#jli-quote,#jli-sample) .jli-dialog-copy > p { font-size:.95rem; line-height:1.8; }
:is(#jli-quote,#jli-sample) .jli-dialog-copy .jli-points { margin-top:1.25rem; gap:.75rem; }
:is(#jli-quote,#jli-sample) .jli-dialog-copy .jli-points li { font-size:.84rem; line-height:1.65; }
:is(#jli-quote,#jli-sample) .jli-dialog-form { min-width:0; display:flex; align-items:center; padding:2rem 2.5rem; background:#fff; }
:is(#jli-quote,#jli-sample) .jli-dialog-form .jl-infility-card { width:100%; min-width:0; height:auto; margin:0; padding:0; border:0; opacity:1!important; visibility:visible!important; transform:none!important; }
:is(#jli-quote,#jli-sample) .jl-quote__title,:is(#jli-quote,#jli-sample) .jl-quote__desc,:is(#jli-quote,#jli-sample) .jl-quote__accent { display:none; }
:is(#jli-quote,#jli-sample) .jl-quote__note { margin-top:1.5rem; }
@media(max-width:767px) {
 :is(#jli-quote,#jli-sample) .jli-dialog-grid { min-height:0; }
 :is(#jli-quote,#jli-sample) .jli-dialog-copy { min-height:300px; padding:2rem 1.5rem; background-image:linear-gradient(180deg,#0d1f3b 0%,rgb(13 31 59 / .96) 40%,rgb(13 31 59 / .15) 72%),url('https://julong-sports.com/wp-content/uploads/2026/10/quote-customer-support-ai-20261016.jpg'); background-size:auto 100%; background-position:right bottom; }
 :is(#jli-quote,#jli-sample) .jli-dialog-form { padding:2rem 1.5rem; }
}
@media(max-width:767px) {
 #jli-quote .jli-dialog-copy { display:flex; flex-direction:column; justify-content:center; min-height:180px; padding:1.15rem 1.25rem .8rem; background-image:linear-gradient(90deg,rgb(13 31 59 / .18) 0%,rgb(13 31 59 / .10) 100%),url('https://julong-sports.com/wp-content/uploads/2026/10/quote-dialog-mobile-20261019-1024x455.webp'); background-size:100% 100%,100% 100%; background-position:center; background-repeat:no-repeat; }
 #jli-quote .jli-dialog-copy h2 { font-size:clamp(1.6rem,6vw,1.85rem); line-height:1.1; }
 #jli-quote .jli-dialog-copy > p { max-width:17rem; margin:.55rem 0 0; font-size:.9rem; line-height:1.55; }
}
/* Sample-specific kit photography, composed from the existing eyewear/case assets. */
#jli-sample .jli-dialog-copy { background-image:url('https://julong-sports.com/wp-content/uploads/2026/10/sample-kit-background-ai-20261019.webp'); background-size:cover; background-position:center bottom; }
@media(max-width:767px) {
 #jli-sample .jli-dialog-copy { display:flex; flex-direction:column; justify-content:center; min-height:180px; padding:1.15rem 1.25rem .8rem; background-image:linear-gradient(90deg,rgb(13 31 59 / .18) 0%,rgb(13 31 59 / .10) 100%),url('https://julong-sports.com/wp-content/uploads/2026/10/sample-dialog-mobile-20261019-1024x455.webp'); background-size:100% 100%,100% 100%; background-position:center; background-repeat:no-repeat; }
 #jli-sample .jli-dialog-copy h2 { font-size:clamp(1.6rem,6vw,1.85rem); line-height:1.1; }
 #jli-sample .jli-dialog-copy > p { max-width:17rem; margin:.55rem 0 0; font-size:.9rem; line-height:1.55; }
}

.jl-inner-page .btn-dynamic { padding:.75rem 1.25rem; text-transform:none; }
.jl-inner-page .btn-dynamic-inner { display:inline-block; }
.jli-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.jli-product-grid img { width:100%; aspect-ratio:1; object-fit:contain; }
.jli-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.5rem; margin:2rem 0 0; }
.jli-pagination-link { display:inline-flex; min-width:2.75rem; min-height:2.75rem; align-items:center; justify-content:center; padding:.55rem .8rem; border:1px solid #d5deea; background:#fff; color:var(--jl-dark); font-weight:600; line-height:1; text-decoration:none; transition:background-color .2s ease,border-color .2s ease,color .2s ease; }
.jli-pagination-link:hover,.jli-pagination-link:focus-visible { border-color:var(--jl-blue); color:var(--jl-blue); }
.jli-pagination-link:focus-visible { outline:3px solid rgb(0 123 250 / .25); outline-offset:2px; }
.jli-pagination-link.is-current { border-color:var(--jl-blue); background:var(--jl-blue); color:#fff; }
.jli-pagination-direction { min-width:5.5rem; }
@media(max-width:1023px) {
  .jli-split,.jli-hero .jli-split { gap:2.5rem; }
  .jli-hero { padding:3rem 0 4rem; }
  .jli-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jli-grid,.jli-icon-grid { gap:1.25rem; }
  .jli-card-body { padding:1.25rem; }
  .jli-inquiry .jli-split { gap:2rem; }
  .jli-form-card { padding:1.5rem; }
}
@media(max-width:767px) {
  .jli-section { padding:3.25rem 0; }
  .jli-split,.jli-inquiry .jli-split { grid-template-columns:minmax(0,1fr); gap:2.25rem; }
  .jli-hero .jli-split { gap:3rem; }
  .jli-hero { padding:2.75rem 0 3.5rem; }
  .jli-hero h1 { font-size:2.55rem; }
  .jli-hero p { font-size:1rem; }
  .jli-grid,.jli-icon-grid,.jli-steps { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
  .jli-five-grid>.jli-card,.jli-five-grid>.jli-card:nth-last-child(-n+2) { grid-column:auto; }
  .jli-icon-grid { gap:2rem; }
  .jli-title { margin-bottom:2rem!important; }
  .jli-banner .jl-container { display:block; }
  .jli-banner .jli-button { margin-top:1.75rem; }
  .jli-inquiry-copy { padding-top:0; }
  .jli-dialog-grid { grid-template-columns:minmax(0,1fr); }
  .jli-dialog-copy { padding:2rem 1.5rem; }
  .jli-dialog-copy .jli-points { display:none; }
  .jli-dialog-form { padding:1.5rem; }
  .jli-dialog { max-height:calc(100dvh - 1rem); width:calc(100% - 1rem); }
  .jli-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
  .jli-button { font-size:.85rem; padding:.8rem 1.25rem; }
  .jli-form-grid { gap:1rem .75rem; }
  .jli-phone { grid-template-columns:96px minmax(0,1fr); gap:.35rem; }
}
@media(max-width:420px) {
  .jli-form-grid { grid-template-columns:minmax(0,1fr); }
  .jli-form-card { padding:1.25rem; }
}
@media(prefers-reduced-motion:reduce) {
  .jli-page *, .jli-dialog * { transition:none!important; scroll-behavior:auto!important; }
}

/* OEM hero breadcrumb: keep the shared component quiet on the soft hero background. */
.jl-inner-page .wxkn-breadcrumb-wrapper.wxkn-breadcrumb--compact .wxkn-breadcrumb { margin-left:0; padding-left:0; }
.jli-oem-page .jli-hero .wxkn-breadcrumb-wrapper { padding:0; margin:0 0 1rem; background:transparent; border:0; }
.jli-oem-page .jli-hero .wxkn-breadcrumb { margin:0; font-size:.8125rem; }
.jli-oem-page .jli-hero .wxkn-breadcrumb a { color:var(--jl-secondary); }
.jli-oem-page .jli-hero .wxkn-breadcrumb a:hover { color:var(--jl-blue); }
.jli-oem-page .jli-hero .wxkn-breadcrumb-separator { margin:0 .5rem; color:#8491a0; }
.jli-oem-page .jli-hero .wxkn-breadcrumb-current { color:var(--jl-dark); font-weight:600; }

/* Cycling hero breadcrumb: reuse the global component without its full-width bar styling. */
:is(.jli-page--category,.jli-page--cycling) .jli-hero .wxkn-breadcrumb-wrapper { padding:0; margin:0 0 1rem; background:transparent; border:0; }
:is(.jli-page--category,.jli-page--cycling) .jli-hero .wxkn-breadcrumb { margin:0; font-size:.8125rem; }
:is(.jli-page--category,.jli-page--cycling) .jli-hero .wxkn-breadcrumb a { color:var(--jl-secondary); }
:is(.jli-page--category,.jli-page--cycling) .jli-hero .wxkn-breadcrumb a:hover { color:var(--jl-blue); }
:is(.jli-page--category,.jli-page--cycling) .jli-hero .wxkn-breadcrumb-separator { margin:0 .5rem; color:#8491a0; }
:is(.jli-page--category,.jli-page--cycling) .jli-hero .wxkn-breadcrumb-current { color:var(--jl-dark); font-weight:600; }

/* Cycling category: tighter rhythm and a clearer technical product story. */
:is(.jli-page--category,.jli-page--cycling) > .jli-section:not(.jli-inquiry) { padding-block:4.25rem; }
:is(.jli-page--category,.jli-page--cycling) .jli-icon-grid { gap:1.25rem; }
:is(.jli-page--category,.jli-page--cycling) .jli-icon-grid > div { padding:1.35rem 1.5rem; border:1px solid var(--jl-gray-200); border-top:3px solid var(--jl-blue); background:#f6f9fd; }
:is(.jli-page--category,.jli-page--cycling) .jli-icon-grid .jli-icon { margin-bottom:1rem; }
:is(.jli-page--category,.jli-page--cycling) .jli-icon-grid h3 { font-size:1.35rem; }
:is(.jli-page--category,.jli-page--cycling) .jli-icon-grid p { margin-top:.75rem; font-size:1rem; }
:is(.jli-page--category,.jli-page--cycling) .jli-option-visual { position:relative; padding:1.5rem; border:1px solid var(--jl-gray-200); background:#f6f9fd; box-shadow:1rem 1rem 0 var(--jl-blue); }
:is(.jli-page--category,.jli-page--cycling) .jli-option-visual .jli-image { aspect-ratio:4/3; object-fit:contain; background:transparent; mix-blend-mode:multiply; }
@media(max-width:1023px) {
  :is(.jli-page--category,.jli-page--cycling) > .jli-section:not(.jli-inquiry) { padding-block:3.5rem; }
  :is(.jli-page--category,.jli-page--cycling) .jli-icon-grid > div { padding:1.25rem; }
}
@media(max-width:767px) {
  :is(.jli-page--category,.jli-page--cycling) > .jli-section:not(.jli-inquiry) { padding-block:3rem; }
  :is(.jli-page--category,.jli-page--cycling) .jli-icon-grid > div { min-height:0; padding:1.35rem; }
  :is(.jli-page--category,.jli-page--cycling) .jli-option-visual { padding:1rem; margin-right:.5rem; }
}

/* Cycling inquiry: atmospheric photo backdrop with a high-contrast form panel. */
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry {
  background-image:linear-gradient(105deg,rgb(8 20 40 / .58) 0%,rgb(8 20 40 / .38) 55%,rgb(8 20 40 / .22) 100%),var(--jlc-inquiry-image);
  background-size:cover;
  background-position:center 56%;
  background-repeat:no-repeat;
  border-top:0;
}
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-split { align-items:center; }
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-inquiry-copy { padding-top:0; color:#fff; }
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-inquiry-copy h2 { color:#fff; }
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-inquiry-copy > p { color:rgb(255 255 255 / .84); }
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-points li { color:rgb(255 255 255 / .94); }
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-points li:before { color:#78bcff; }
:is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-form-card { box-shadow:0 24px 64px rgb(3 16 36 / .3); }
@media(max-width:767px) {
  :is(.jli-page--category,.jli-page--cycling) .jli-inquiry {
    background-image:linear-gradient(180deg,rgb(8 20 40 / .58),rgb(8 20 40 / .42)),var(--jlc-inquiry-image);
    background-position:72% center;
  }
  :is(.jli-page--category,.jli-page--cycling) .jli-inquiry .jli-split { gap:2rem; }
}

/* P02 Sports Sunglasses Catalog: a focused archive landing page. */
.jlp-products > .jli-section { padding-block:5rem; }
.jlp-products .jl-container { width:min(100% - 2.5rem, 1280px); margin-inline:auto; }
.jlp-products .jlp-hero { position:relative; display:flex; overflow:hidden; min-height:36rem; padding-block:0!important; background:#0b1b3d; border-bottom:1px solid var(--jl-gray-200); }
.jlp-products .jlp-hero__grid { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr); gap:0; align-items:center; min-height:36rem; padding-block:4.5rem; }
.jlp-products .jlp-hero [data-slot="hero_visual"] { position:absolute; z-index:0; top:0; bottom:0; left:50%; width:100vw; height:100%; transform:translateX(-50%); aspect-ratio:auto; border:0; background:#0b1b3d; }
.jlp-products .jlp-hero [data-slot="hero_visual"] .jlp-media__image { object-position:center 54%; }
.jlp-products .jlp-hero__grid::before { content:""; position:absolute; z-index:1; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:linear-gradient(90deg,rgb(5 14 32 / .86) 0%,rgb(5 14 32 / .78) 38%,rgb(5 14 32 / .56) 62%,rgb(5 14 32 / .2) 84%,rgb(5 14 32 / .08) 100%); pointer-events:none; }
.jlp-products .jlp-hero__copy { position:relative; z-index:2; max-width:39rem; color:#fff; }
.jlp-products .jlp-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:0; margin:0 0 1.25rem; font-size:.875rem; font-weight:500; line-height:1.5; letter-spacing:.035em; }
.jlp-products .jlp-breadcrumb a { color:rgb(255 255 255 / .78); text-decoration:none; transition:color .2s ease; }
.jlp-products .jlp-breadcrumb a:hover { color:#fff; }
.jlp-products .jlp-breadcrumb .wxkn-breadcrumb-separator { margin:0 .65rem; color:rgb(255 255 255 / .58); }
.jlp-products .jlp-breadcrumb .wxkn-breadcrumb-current { color:#fff; font-weight:600; }
.jlp-products .jlp-hero__copy h1 { max-width:14ch; color:#fff; }
.jlp-products .jlp-hero__copy p { max-width:36rem; color:#fff; text-shadow:0 1px 2px rgb(3 10 24 / .42); }
.jlp-hero__copy .jli-actions { margin-top:2rem; }
.jlp-media { position:relative; isolation:isolate; overflow:hidden; aspect-ratio:4/3; border:1px solid #d6e0ea; background:linear-gradient(135deg,#edf3f8 0%,#dce7f1 52%,#f7f9fc 100%); }
.jlp-media::before { content:""; position:absolute; inset:9%; border:1px solid rgb(0 123 250 / .18); clip-path:polygon(0 10%,88% 0,100% 88%,12% 100%); }
.jlp-media::after { content:""; position:absolute; width:44%; height:70%; right:13%; bottom:-4%; background:linear-gradient(145deg,rgb(0 123 250 / .13),rgb(12 27 61 / .04)); transform:skewX(-14deg); }
.jlp-products .jlp-media--filled::before,.jlp-products .jlp-media--filled::after { display:none; }
.jlp-products .jlp-media__image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.jlp-products [data-slot="category_floating"] .jlp-media__image { object-position:left center; }
.jlp-media--wide { aspect-ratio:16/9; }
.jlp-media--quality { min-height:22rem; }
.jlp-category-grid,.jlp-path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.jlp-category-card,.jlp-path-card { min-width:0; overflow:hidden; border:1px solid var(--jl-gray-200); border-top:3px solid var(--jl-blue); background:#fff; display:flex; flex-direction:column; transition:transform .25s ease,border-color .25s ease; }
.jlp-category-card:hover,.jlp-category-card:focus-visible,.jlp-path-card:hover,.jlp-path-card:focus-within { border-color:var(--jl-blue); transform:translateY(-3px); }
.jlp-category-card:focus-visible,.jlp-path-card a:focus-visible { outline:3px solid var(--jl-light-blue); outline-offset:4px; }
.jlp-category-card .jlp-media,.jlp-path-card .jlp-media { border:0; border-bottom:1px solid var(--jl-gray-200); }
.jlp-category-card__body,.jlp-path-card__body { padding:1.5rem; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.jlp-category-card h3,.jlp-path-card h3 { font-size:1.42rem; }
.jlp-category-card p,.jlp-path-card p { margin-top:.75rem; font-size:.95rem; line-height:1.7; }
.jlp-category-card__link,.jlp-path-card__link { display:inline-block; margin-top:auto; padding-top:1rem; border-top:1px solid var(--jl-gray-200); color:var(--jl-dark)!important; font-size:.9rem; font-weight:600; text-decoration:underline!important; text-underline-offset:5px; }
.jlp-category-card__body { gap:.75rem; }
.jlp-category-card__body p { margin:0 0 1.2rem; }
.jlp-category-card:hover .jlp-category-card__link,.jlp-path-card__link:hover { color:var(--jl-blue)!important; }
.jlp-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; counter-reset:jlp-step; }
.jlp-step { min-width:0; padding:1.35rem 1.1rem 0 0; border-top:1px solid var(--jl-gray-300); counter-increment:jlp-step; }
.jlp-step__number { display:block; margin-bottom:1.35rem; color:var(--jl-blue); font-family:var(--jl-font-heading); font-size:2.9rem; line-height:1; }
.jlp-step h3 { font-size:1.35rem; }
.jlp-step p { margin-top:.8rem; font-size:.96rem; }
.jlp-section-heading { max-width:57rem; margin-bottom:2rem; }
.jlp-section-heading .jli-title { margin-bottom:0!important; }
.jlp-section-heading p { max-width:50rem; }
.jlp-quality__grid { display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr); gap:4rem; align-items:center; }
.jlp-quality__items { display:grid; gap:1.8rem; }
.jlp-quality__item { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:1rem; align-items:start; }
.jlp-quality__item .jli-icon { width:28px; height:28px; margin-top:.1rem; }
.jlp-quality__item h3 { font-size:1.3rem; }
.jlp-quality__item p { margin-top:.5rem; font-size:.95rem; }
.jlp-quality__link { margin-top:1.7rem; }
.jlp-cta { background:#0b1b3d; color:#fff; }
.jlp-cta__grid { display:flex; gap:3rem; align-items:center; justify-content:space-between; }
.jlp-cta__copy { max-width:54rem; }
.jlp-cta h2 { max-width:18ch; }
.jlp-cta p { color:#cbd5e1; max-width:54rem; }
.jlp-cta .jli-button { flex-shrink:0; }
@media(max-width:1023px) {
  .jlp-products > .jli-section { padding-block:4rem; }
  .jlp-products .jlp-hero,.jlp-products .jlp-hero__grid { min-height:32rem; }
  .jlp-products .jlp-hero__grid { padding-block:4rem; }
  .jlp-hero__grid,.jlp-quality__grid { gap:2.25rem; }
  .jlp-category-grid,.jlp-path-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
  .jlp-steps { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:2.25rem; }
}
@media(max-width:767px) {
  .jlp-products > .jli-section { padding-block:3.25rem; }
  .jlp-products .jl-container { width:min(100% - 2rem, 1280px); }
  .jlp-products .jlp-hero { min-height:0; }
  .jlp-products .jlp-hero__grid { min-height:0; padding-block:3.25rem; }
  .jlp-products .jlp-hero [data-slot="hero_visual"] .jlp-media__image { object-position:64% center; }
  .jlp-products .jlp-hero__grid::before { background:linear-gradient(180deg,rgb(5 14 32 / .84) 0%,rgb(5 14 32 / .78) 48%,rgb(5 14 32 / .68) 76%,rgb(5 14 32 / .56) 100%); }
  .jlp-hero__grid,.jlp-quality__grid { grid-template-columns:minmax(0,1fr); gap:2rem; }
  .jlp-hero__copy h1 { max-width:15ch; font-size:clamp(2.35rem,10vw,3rem); }
  .jlp-hero__copy p { font-size:1rem; }
  .jlp-media--quality { min-height:0; }
  .jlp-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
  .jlp-path-grid,.jlp-steps { grid-template-columns:minmax(0,1fr); gap:1.35rem; }
  .jlp-category-card__body,.jlp-path-card__body { padding:1.1rem; }
  .jlp-category-card h3,.jlp-path-card h3 { font-size:1.2rem; }
  .jlp-category-card p,.jlp-path-card p { font-size:.9rem; line-height:1.65; }
  .jlp-step { padding-right:0; }
  .jlp-step__number { margin-bottom:.9rem; font-size:2.5rem; }
  .jlp-section-heading { margin-bottom:1.5rem; }
  .jlp-quality__items { gap:1.4rem; }
  .jlp-cta__grid { display:block; }
  .jlp-cta .jli-button { margin-top:1.75rem; }
}
@media(max-width:390px) {
  .jlp-category-grid { gap:.65rem; }
  .jlp-category-card__body { padding:.9rem; }
  .jlp-category-card h3 { font-size:1.08rem; }
  .jlp-category-card p { font-size:.86rem; }
}
@media(prefers-reduced-motion:reduce) {
  .jlp-category-card,.jlp-path-card { transition:none; }
  .jlp-category-card:hover,.jlp-category-card:focus-visible,.jlp-path-card:hover,.jlp-path-card:focus-within { transform:none; }
}


/* Cycling category hero: reuse original site's desktop/mobile banner as a full-width background. */
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero { display:flex; align-items:center; min-height:36rem; padding:4.5rem 0; background:#19212a; isolation:isolate; border:0; }
.jli-cycling-hero__background { position:absolute; inset:0; z-index:-2; display:block; }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero__background img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
.jli-cycling-hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgb(0 48 112 / .9) 0%,rgb(0 76 160 / .78) 36%,rgb(0 104 214 / .4) 61%,rgb(0 123 250 / .08) 88%); }
.jli-cycling-hero__copy { max-width:36rem; color:#fff; }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero h1 { color:#fff; }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero p { color:rgb(255 255 255 / .94); }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero .jli-support { color:rgb(255 255 255 / .8)!important; }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero .wxkn-breadcrumb a,
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero .wxkn-breadcrumb-current { color:#fff; }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero .wxkn-breadcrumb-separator { color:rgb(255 255 255 / .65); }
:is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero .wxkn-breadcrumb a:hover { color:#8ec8ff; }
@media(max-width:1023px) { :is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero { min-height:32rem; padding:3.5rem 0; } .jli-cycling-hero__copy { max-width:32rem; } }
@media(max-width:767px) {
 :is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero { min-height:36rem; padding:3rem 0; align-items:flex-start; }
 :is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero__background img { object-position:70% center; }
 .jli-cycling-hero__copy { max-width:100%; }
 .jli-cycling-hero::before { background:linear-gradient(180deg,rgb(0 48 112 / .9) 0%,rgb(0 76 160 / .76) 55%,rgb(0 104 214 / .5) 100%); }
 :is(.jli-page--category,.jli-page--cycling) .jli-cycling-hero h1 { font-size:clamp(2.35rem,10vw,2.9rem); }
}

.jli-product-reference { display:block; margin-top:.35rem; color:var(--jl-secondary); font-family:var(--jl-font-body); font-size:.82rem; font-weight:500; text-transform:none; letter-spacing:0; }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card {
 border-color:#d9e1eb;
 box-shadow:0 2px 8px rgb(15 35 65 / .035);
 transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease;
}
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:hover,
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:focus-visible {
 transform:translateY(-5px);
 border-color:var(--jl-blue);
 box-shadow:0 16px 34px rgb(15 35 65 / .13);
}
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:focus-visible { outline:3px solid rgb(0 123 250 / .3); outline-offset:3px; }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card img {
 transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s ease;
}
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:hover img,
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:focus-visible img { transform:scale(1.035); }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body { align-items:flex-start; gap:.65rem; }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-product-reference { margin:0; color:var(--jl-blue); font-size:.82rem; font-weight:600; line-height:1.2; letter-spacing:.02em; }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body h3 {
 width:100%;
 margin:0;
 font-size:1.125rem;
 line-height:1.38;
 letter-spacing:0;
 text-transform:none;
}
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body > span:not(.jli-product-reference) {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:.7rem;
 min-height:42px;
 margin-top:auto;
 padding:.68rem 1rem;
 background:var(--jl-blue);
 color:#fff;
 font-family:var(--jl-font-body);
 font-size:.875rem;
 font-weight:600;
 line-height:1;
 letter-spacing:.01em;
 transition:background-color .2s ease,transform .2s ease;
}
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body > span:not(.jli-product-reference)::after { content:"→"; font-size:1rem; transition:transform .2s ease; }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:hover .jli-card-body > span:not(.jli-product-reference),
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:focus-visible .jli-card-body > span:not(.jli-product-reference) { background:#005fc7; }
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:hover .jli-card-body > span:not(.jli-product-reference)::after,
:is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:focus-visible .jli-card-body > span:not(.jli-product-reference)::after { transform:translateX(3px); }
@media(max-width:767px) {
 .jli-product-grid .jli-card-body { padding:1rem; }
 .jli-product-grid .jli-card-body h3 { font-size:1rem; line-height:1.3; }
 .jli-product-grid .jli-product-reference { font-size:.75rem; }
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body h3 { font-size:.9375rem; line-height:1.35; }
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body > span:not(.jli-product-reference) { min-height:38px; padding:.6rem .75rem; font-size:.8rem; }
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:hover,
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card:focus-visible { transform:translateY(-3px); }
}
@media(prefers-reduced-motion:reduce) {
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card,
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card img,
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body > span:not(.jli-product-reference),
 :is(.jli-page--category,.jli-page--cycling) [data-module="S03"] .jli-product-grid .jli-card-body > span:not(.jli-product-reference)::after { transition:none; }
}

/* Cycling production routes: editorial rows distinguish services from customization cards. */
:is(.jli-page--category,.jli-page--cycling) .jli-production-paths { background:#fff; }
:is(.jli-page--category,.jli-page--cycling) .jli-production-paths .jli-title { margin-bottom:2.25rem!important; }
.jli-production-list { border-top:1px solid #cfd8e4; }
.jli-production-row { display:grid; grid-template-columns:3.5rem 11rem minmax(0,1fr) 10.5rem; gap:1.75rem; align-items:center; min-width:0; padding:1.25rem .5rem; border-bottom:1px solid #cfd8e4; color:var(--jl-dark); text-decoration:none; transition:background-color .25s ease,padding-left .25s ease; }
.jli-production-row:hover,.jli-production-row:focus-visible { background:#f2f7fd; padding-left:1rem; }
.jli-production-row:focus-visible { outline:3px solid var(--jl-blue); outline-offset:-3px; }
.jli-production-number { align-self:start; padding-top:.45rem; color:#b3c9e3; font-family:var(--jl-font-heading); font-size:3rem; font-weight:600; line-height:1; transition:color .25s ease; }
.jli-production-row:hover .jli-production-number,.jli-production-row:focus-visible .jli-production-number { color:var(--jl-blue); }
.jli-production-image { display:block; width:100%; height:7.75rem; object-fit:cover; background:#f6f9fd; }
.jli-production-copy { min-width:0; }
:is(.jli-page--category,.jli-page--cycling) .jli-production-copy h3 { margin:0; font-size:1.6rem; line-height:1.15; }
:is(.jli-page--category,.jli-page--cycling) .jli-production-copy p { max-width:42rem; margin:.5rem 0 0; font-size:.95rem; line-height:1.65; }
.jli-production-link { display:inline-flex; align-items:center; justify-content:flex-end; gap:.6rem; color:var(--jl-blue); font-size:.9rem; font-weight:700; white-space:nowrap; }
.jli-production-link span { font-size:1.4rem; line-height:1; transition:transform .25s ease; }
.jli-production-row:hover .jli-production-link span,.jli-production-row:focus-visible .jli-production-link span { transform:translate(3px,-3px); }
@media(max-width:1023px) {
 .jli-production-row { grid-template-columns:3rem 8.5rem minmax(0,1fr); gap:1rem; }
 .jli-production-number { font-size:2.5rem; }
 .jli-production-image { height:7rem; }
 .jli-production-link { grid-column:3; justify-content:flex-start; margin-top:-.4rem; }
}
@media(max-width:767px) {
 :is(.jli-page--category,.jli-page--cycling) .jli-production-paths .jli-title { margin-bottom:1.75rem!important; }
 .jli-production-row { grid-template-columns:2.5rem minmax(0,1fr); gap:.25rem .8rem; padding:1.25rem .25rem; }
 .jli-production-row:hover,.jli-production-row:focus-visible { padding-left:.25rem; }
 .jli-production-number { grid-column:1; grid-row:1 / 3; padding-top:.1rem; font-size:2.2rem; }
 .jli-production-image { display:none; }
 .jli-production-copy,.jli-production-link { grid-column:2; }
 :is(.jli-page--category,.jli-page--cycling) .jli-production-copy h3 { font-size:1.35rem; }
 :is(.jli-page--category,.jli-page--cycling) .jli-production-copy p { font-size:.9rem; }
 .jli-production-link { margin-top:.45rem; }
}
@media(prefers-reduced-motion:reduce) {
 .jli-production-row,.jli-production-number,.jli-production-link span { transition:none; }
}

/* Cycling options: image leads on desktop, with room for its offset frame and the feature copy. */
:is(.jli-page--category,.jli-page--cycling) [data-module="S05"] .jli-split { column-gap:clamp(3.5rem,5vw,5rem); }
:is(.jli-page--category,.jli-page--cycling) [data-module="S05"] .jli-option-visual { margin:0 1rem 1rem 0; }
@media(max-width:767px) {
 :is(.jli-page--category,.jli-page--cycling) [data-module="S05"] .jli-split { row-gap:2.5rem; }
 :is(.jli-page--category,.jli-page--cycling) [data-module="S05"] .jli-option-visual { margin:0 .5rem 0 0; }
}

/* Native expandable FAQs, optional per category. */
.jlc-faq { border-bottom:1px solid var(--jl-gray-200); padding:1.25rem 0; }
.jlc-faq summary { cursor:pointer; font-weight:600; font-size:1.1rem; }
.jlc-faq summary:focus-visible { outline:2px solid var(--jl-blue); outline-offset:4px; }
.jlc-faq p { max-width:65ch; margin:1rem 0 0; }

/* Products archive: clear blue directional links and a vertically centered inquiry copy. */
.jlp-category-card__link,.jlp-path-card__link { color:var(--jl-blue)!important; }
.jlp-category-card__link::after,.jlp-path-card__link::after,.jlp-quality__link .jli-text-link::after { content:"→"; display:inline-block; margin-left:.55rem; color:var(--jl-blue); text-decoration:none; transition:transform .2s ease; }
.jlp-category-card:hover .jlp-category-card__link::after,.jlp-path-card__link:hover::after,.jlp-quality__link .jli-text-link:hover::after { transform:translateX(4px); }
.jlp-category-card:hover .jlp-category-card__link,.jlp-path-card__link:hover,.jlp-quality__link .jli-text-link { color:var(--jl-blue)!important; }
.jlp-products .jli-inquiry .jli-split { align-items:center; }
.jlp-products .jli-inquiry .jli-inquiry-copy { padding-top:0; }

/* Mobile breathing room for the catalog cards and shared inquiry modules. */
@media(max-width:767px) {
  .jlp-products .jlp-category-grid { grid-template-columns:minmax(0,1fr); gap:1rem; }
  .jlp-products .jlp-category-card .jlp-media { aspect-ratio:16/9; }
  .jli-inquiry > .jl-container { width:100%; max-width:none; padding-inline:1rem; }
}