`; rowsContainer.insertBefore(ui, rows[0]); const kicker = ui.querySelector("#ypds-step-kicker"); const title = ui.querySelector("#ypds-step-title"); const nav = ui.querySelector("#ypds-nav"); const backBtn = ui.querySelector("#ypds-back"); const nextBtn = ui.querySelector("#ypds-next"); const submit = findSubmitControl(form); const submitRow = submit ? fieldWrap(submit) : null; const titles = [ "Get Your Instant Quote", "Your Contact Details", "Your Address", "Where Should We Pay You?", ]; const markerRows = new Set([row2, row3, row4]); function moveNavUnderActiveStep(activeRows) { const last = [...activeRows] .filter((r) => r && r !== ui && !markerRows.has(r) && r.style.display !== "none") .pop(); if (last && last.parentNode) last.insertAdjacentElement("afterend", nav); else ui.appendChild(nav); } function applyStep(step) { // Hide marker rows setRowVisible(row2, false); setRowVisible(row3, false); setRowVisible(row4, false); const step1Rows = rows.slice(0, i2); const step2Rows = rows.slice(i2, i3); const step3Rows = rows.slice(i3, i4); const step4Rows = rows.slice(i4); const activeRows = step === 1 ? step1Rows : step === 2 ? step2Rows : step === 3 ? step3Rows : step4Rows; const showSet = new Set(activeRows); kicker.textContent = `Step ${step} of 4`; title.textContent = titles[step - 1]; // Show/hide rows (except UI + markers) rows.forEach((r) => { if (r === ui) return; if (markerRows.has(r)) return; setRowVisible(r, showSet.has(r)); }); // Submit only on step 4 if (submitRow && !markerRows.has(submitRow)) { setRowVisible(submitRow, step === 4); } else if (submit) { submit.style.display = step === 4 ? "" : "none"; } // Disable future steps’ inputs so validation doesn't fire early const disableRows = step === 1 ? step2Rows.concat(step3Rows, step4Rows) : step === 2 ? step3Rows.concat(step4Rows) : step === 3 ? step4Rows : []; rows.forEach((r) => { if (r === ui) return; setRowInputsDisabled(r, false); }); disableRows.forEach((r) => setRowInputsDisabled(r, true)); // Nav buttons backBtn.style.display = step === 1 ? "none" : "inline-flex"; nextBtn.style.display = step === 4 ? "none" : "inline-flex"; moveNavUnderActiveStep(activeRows); ui.dataset.step = String(step); ui.scrollIntoView({ behavior: "smooth", block: "start" }); } function currentStep() { return Number(ui.dataset.step || "1"); } backBtn.addEventListener("click", () => { const s = currentStep(); if (s > 1) applyStep(s - 1); }); nextBtn.addEventListener("click", () => { const s = currentStep(); const step1Rows = rows.slice(0, i2); const step2Rows = rows.slice(i2, i3); const step3Rows = rows.slice(i3, i4); const range = s === 1 ? step1Rows : s === 2 ? step2Rows : step3Rows; if (!validateStepRange(range)) return; applyStep(s + 1); }); const style = document.createElement("style"); style.textContent = ` .ypds-step__kicker{font-size:12px;opacity:.7;margin:0 0 6px} .ypds-wizard-ui .ypds-step__head{ width:100% !important; display:flex !important; flex-direction:column !important; align-items:center !important; } .ypds-wizard-ui .ypds-step__kicker{ width:100% !important; text-align:left !important; } .ypds-wizard-ui .ypds-step__title{ font-size:18px; font-weight:700; margin:0 0 14px; width:100% !important; display:block !important; text-align:center !important; } .ypds-nav{ display:flex; justify-content:flex-start; gap:12px; margin:10px 0 18px; width:100%; box-sizing:border-box; } #ypds-next{margin-left:auto} .ypds-btn{ padding:12px 18px; border-radius:8px; border:1px solid #ddd; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; } .ypds-btn--primary{background:#111;color:#fff;border-color:#111} .ypds-btn--ghost{background:#fff;color:#111} `; document.head.appendChild(style); applyStep(1); return true; } // Hulk renders async; retry for a bit let tries = 0; const t = setInterval(() => { if (mountWizard()) clearInterval(t); else if (++tries > 120) clearInterval(t); }, 200); })(); /* === Info accordions under the price (Grading Guide + Send-In Instructions) === */ (function () { const CHEV = ''; const GUIDE_HTML = `

`; function headerEl() { return document.getElementById("ypds-price") || document.querySelector(".ypds-price"); } function mountAccordions() { if (document.getElementById("ypds-info-accordions")) return; // avoid double-mount const price = headerEl(); if (!price || !price.parentNode) return; const wrap = document.createElement("div"); wrap.innerHTML = GUIDE_HTML; const node = wrap.firstElementChild; price.insertAdjacentElement("afterend", node); node.querySelectorAll(".ypds-acc__btn").forEach((btn) => { const panelId = btn.getAttribute("aria-controls"); const panel = panelId && node.querySelector(`#${CSS.escape(panelId)}`); if (!panel) return; btn.addEventListener("click", () => { const open = btn.getAttribute("aria-expanded") === "true"; btn.setAttribute("aria-expanded", String(!open)); panel.style.display = open ? "none" : "block"; }); }); } let tries = 0; const t = setInterval(() => { if (headerEl()) { clearInterval(t); mountAccordions(); } else if (++tries > 80) clearInterval(t); }, 200); })();

Country/region

Graded Cards