/* Shared bottom inquiry card: same design and three-step form on completed pages. */
.jl-infility-card { position:relative; padding:2rem; background:#fff; color:var(--jl-dark,#1a1a1a); font-family:var(--jl-font-body,Arial,sans-serif); }
.jl-infility-card *, .jl-infility-card *::before, .jl-infility-card *::after { box-sizing:border-box; }
.jl-infility-card .jl-quote__accent { position:absolute; top:0; left:0; width:100%; height:.5rem; background:var(--jl-blue,#007bff); }
.jl-infility-card .jl-quote__title { margin:0 0 .5rem; font-size:1.875rem; line-height:1.2; font-weight:700; }
.jl-infility-card .jl-quote__desc { margin:0 0 2rem; font-size:16px; line-height:1.5; color:var(--jl-text,#6b7280); }
.jl-infility-card .jl-quote__note { margin:1rem 0 0; font-size:12px; line-height:1.4; text-align:center; color:#667085; }
.jli-inquiry .jli-form-card.jli-form-card--infility { padding:0; border:0; background:transparent; min-width:0; }
.jli-inquiry .jli-form-card--infility .jl-infility-card { height:100%; }
/* Keep the homepage card at its content height when a FAQ expands. */
#inquiry .jl-contact__inner > .jl-infility-card { align-self:start; height:auto; }
@media(min-width:768px) { .jl-infility-card { padding:3rem; } }
/* Homepage only: keep Infility markup and submission behavior intact. */
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form { margin:0; padding:0; width:100%; max-width:none; font-family:inherit; color:var(--jl-dark,#1a1a1a); }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .infility-form-row-input { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0 0 22px; padding:0; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .infility-form-row-input:not(:has(.infility-form-col)) { display:none; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .infility-form-row-input .infility-form-col { width:auto; min-width:0; max-width:none; margin:0; padding:0; flex:initial; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .infility-form-col:only-child { grid-column:1 / -1; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form label { display:block; margin:0; padding:0; color:var(--jl-dark,#1a1a1a); }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .label { display:flex; gap:3px; margin:0 0 8px; font-family:inherit; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.025em; text-transform:uppercase; color:var(--jl-dark,#1a1a1a); }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .input { display:block; margin:0; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea) { display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:48px; margin:0; padding:12px 14px; border:0; border-bottom:2px solid #dce2eb; border-radius:0; box-shadow:none; background:#f2f5fa; color:#1a1a1a; font-family:inherit; font-size:14px; font-weight:400; line-height:1.5; transition:border-color .15s,background-color .15s; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form textarea { min-height:120px; resize:vertical; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form select { padding-right:28px; text-overflow:ellipsis; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(input,textarea)::placeholder { color:#718096; opacity:1; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(input,select,textarea):focus { outline:2px solid var(--jl-blue,#007bff); outline-offset:2px; border-bottom-color:var(--jl-blue,#007bff); background:#fff; color:#1a1a1a; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form input[type=file] { display:block; box-sizing:border-box; width:100%; max-width:100%; margin:0; padding:10px; border:1px dashed #cbd5e1; border-radius:0; background:#f2f5fa; color:#596577; font:inherit; font-size:12px; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form input[type=file]::file-selector-button { margin-right:10px; padding:8px 10px; border:0; border-radius:0; background:#e1eaf5; color:#1a1a1a; font-family:inherit; font-weight:600; cursor:pointer; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .infility-form-row-submit { display:block; margin:28px 0 0; padding:0; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(button[type=submit],input[type=submit]) { display:block; box-sizing:border-box; width:100%; min-height:58px; margin:0; padding:16px 24px; border:0; border-radius:0; background:var(--jl-blue,#007bff); color:#fff; font-family:inherit; font-size:18px; font-weight:600; line-height:1.4; letter-spacing:.025em; clip-path:polygon(2% 0,100% 0,98% 100%,0 100%); cursor:pointer; transition:background-color .15s; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(button[type=submit],input[type=submit]):hover { background:#0062cc; color:#fff; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(button[type=submit],input[type=submit]):focus-visible { outline:0; background:#0055b3; box-shadow:inset 0 0 0 3px #1a1a1a; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(button[type=submit],input[type=submit]):disabled { background:#738398; color:#fff; cursor:wait; }
.jl-infility-card .jl-quote__note a { color:inherit; text-decoration:underline; }
@media(max-width:639px) {
 .jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .infility-form-row-input { grid-template-columns:minmax(0,1fr); gap:20px; margin-bottom:20px; }
 .jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea) { font-size:16px; }
}

/* Progressive enhancement: full plugin form remains usable without JavaScript. */
.jl-infility-card .jl-form-flow { display:flex; align-items:center; list-style:none; margin:0 0 24px; padding:0; }
.jl-infility-card .jl-form-flow li { display:flex; align-items:center; gap:6px; margin:0; padding:0; white-space:nowrap; color:#858e9b; font-size:12px; font-weight:400; line-height:1.5; }
.jl-infility-card .jl-form-flow li:not(:last-child) { flex:1; }
.jl-infility-card .jl-form-flow li:not(:last-child)::after { content:""; flex:1; height:1px; min-width:10px; margin:0 12px 0 6px; background:#dce2e9; }
.jl-infility-card .jl-form-flow__number { font-size:11px; font-weight:500; font-variant-numeric:tabular-nums; }
.jl-infility-card .jl-form-flow li[aria-current=step] { color:#1a1a1a; font-weight:600; }
.jl-infility-card .jl-form-flow li[aria-current=step] .jl-form-flow__number, .jl-infility-card .jl-form-flow li.is-complete .jl-form-flow__number { color:var(--jl-blue,#007bff); font-weight:700; }
.jl-infility-card .jl-form-flow li.is-complete::after { background:var(--jl-blue,#007bff); }
.jl-infility-card .jl-form-step-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:639px) {
 .jl-infility-card .jl-form-flow li { gap:4px; font-size:11px; }
 .jl-infility-card .jl-form-flow li:not(:last-child)::after { min-width:8px; margin:0 7px 0 3px; }
}
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-step { min-height:242px; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-step-title { margin:0 0 18px; padding:0; color:#1a1a1a; font-size:16px; font-weight:600; line-height:1.5; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-step-title:focus { outline:none; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-step[hidden], .jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation [hidden] { display:none; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation { display:flex; align-items:center; gap:18px; margin:14px 0 0; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .infility-form-row-submit { order:1; flex:1; min-width:0; margin:0; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .jl-form-back { order:0; flex:0 0 85px; width:auto; min-height:54px; margin:0; padding:12px 8px; border:0; border-radius:0; background:transparent; color:#596577; font-family:inherit; font-size:14px; font-weight:600; line-height:1.5; text-decoration:underline; cursor:pointer; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .jl-form-next { order:1; flex:1; width:auto; min-height:58px; margin:0; padding:16px 24px; border:0; border-radius:0; background:var(--jl-blue,#007bff); color:#fff; font-family:inherit; font-size:18px; font-weight:600; line-height:1.4; letter-spacing:.025em; clip-path:polygon(2% 0,100% 0,98% 100%,0 100%); cursor:pointer; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .jl-form-next:hover { background:#0062cc; color:#fff; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .jl-form-back:hover { background:transparent; color:#1a1a1a; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation :is(.jl-form-back,.jl-form-next):focus-visible { outline:2px solid #1a1a1a; outline-offset:2px; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .jl-form-next:focus-visible { outline:0; box-shadow:inset 0 0 0 3px #1a1a1a; }
.jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation button:disabled { opacity:.6; cursor:wait; }
@media(max-width:639px) {
 .jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-step { min-height:390px; }
 .jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation { gap:10px; }
 .jl-infility-card .jl-quote__infility :is(#infility_form_525,#infility_form_529).infility-form .jl-form-navigation .jl-form-back { flex-basis:64px; }
}

/* Solutions: match the established dark photographic inquiry sections. */
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry {
  background-color:#081428;
  background-image:linear-gradient(105deg,rgb(8 20 40 / .64) 0%,rgb(8 20 40 / .46) 55%,rgb(8 20 40 / .30) 100%),url('https://julong-sports.com/wp-content/uploads/2026/10/cycling-inquiry-background-ai-20261013.png');
  background-size:cover;
  background-position:center 56%;
  background-repeat:no-repeat;
  border-top:0;
}
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-split { align-items:center; }
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-inquiry-copy { align-self:center; padding-top:0; color:#fff; }
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-inquiry-copy h2 { color:#fff; }
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-inquiry-copy > p { color:rgb(255 255 255 / .84); }
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-points li { color:rgb(255 255 255 / .94); }
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-points li:before { color:#78bcff; }
:is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry .jli-form-card--infility { box-shadow:0 24px 64px rgb(3 16 36 / .3); }
@media(max-width:767px) {
 :is(.jli-oem-page,.jli-odm-page,.jli-private-page,.jli-about-page).jli-page .jli-inquiry { background-image:linear-gradient(180deg,rgb(8 20 40 / .68),rgb(8 20 40 / .48)),url('https://julong-sports.com/wp-content/uploads/2026/10/cycling-inquiry-background-ai-20261013.png'); background-position:72% center; }
}

/* One shared solid inquiry backdrop across inner pages, matching the homepage CTA. */
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry) {
  border-top:0;
  background:var(--jl-dark);
  background-image:none;
}
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry) .jli-inquiry-copy { color:#fff; }
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry) .jli-inquiry-copy h2 { color:#fff; }
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry) .jli-inquiry-copy > p { color:rgb(255 255 255 / .84); }
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry) .jli-points li { color:rgb(255 255 255 / .94); }
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry) .jli-points li::before { color:#78bcff; }

/* Keep the shared bottom inquiry sections visually consistent across the site. */
body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry),
body #inquiry.jl-contact {
  border-top:0;
  background-color:#081428;
  background-image:linear-gradient(105deg,rgb(8 20 40 / .58) 0%,rgb(8 20 40 / .42) 58%,rgb(8 20 40 / .30) 100%),url('https://julong-sports.com/wp-content/uploads/2026/10/cycling-inquiry-background-ai-20261013.png');
  background-size:cover;
  background-position:center 56%;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
@media(max-width:767px) {
  body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry),
  body #inquiry.jl-contact {
    background-image:linear-gradient(180deg,rgb(8 20 40 / .58),rgb(8 20 40 / .42)),url('https://julong-sports.com/wp-content/uploads/2026/10/cycling-inquiry-background-ai-20261013.png');
    background-position:68% center;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.jl-inner-page main.jli-page section:is(.jli-inquiry,.jlr-inquiry,.jlc-inquiry,.jlfaq-inquiry),
  body #inquiry.jl-contact { background-attachment:scroll; }
}