(function kaProbegAntikorservisShagovCards() { "use strict"; if (window.__kaProbegAntikorservisShagovCardsLoaded) return; window.__kaProbegAntikorservisShagovCardsLoaded = true; const HOST = "mb-kirov.ru"; const STEP_COUNT = 4; const PATH = "/avto-pod-zakaz"; const BLOCK_ID = "sol-slaider-kartochek-shagov"; const POPUP_ID = 17289; const STYLE_ID = "ka-probeg-antikorservis-shagov-cards-styles"; const MARK_SPLIT = "data-ka-shagov-split"; const MARK_ICON = "data-ka-shagov-icon"; const MARK_CARD = "data-ka-shagov-popup"; const MARK_NAV = "data-ka-shagov-nav"; const MARK_IMG = "data-ka-shagov-img"; const MARK_READY = "data-ka-shagov-applied"; const RETRY_MS = [0, 400, 1100, 2500, 5000, 8000, 12000]; const STEP_TITLES = [ "Заявка", "Подбор вариантов", "Проверка и согласование", "Доставка и выдача", ]; const BOTTOM_LABELS = [ "Оставьте заявку", "Подбор под задачи", "Согласование условий", "Выдача в салоне", ]; const STEP_ICONS = [ '', '', '', '', ]; const ROOT = "#app #" + BLOCK_ID + ".ka-shagov-ready"; let bumpTimer = null; let observerAttached = false; let applying = false; let observer = null; const STYLE_TEXT = ROOT + " .car-activation__title{display:block!important;visibility:visible!important;color:#111!important;margin:0 0 28px!important;text-align:left!important}" + ROOT + " .car-activation__content{display:grid!important;grid-template-columns:repeat(" + STEP_COUNT + ",minmax(0,1fr))!important;gap:14px!important;align-items:start!important}" + ROOT + " .car-activation__card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;position:relative!important;overflow:hidden!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 14px rgba(0,0,0,.15)!important;padding:0!important;margin:0!important;height:auto!important;min-height:0!important;width:auto!important;cursor:pointer!important;transition:box-shadow .3s ease!important}" + ROOT + " .car-activation__card:hover{box-shadow:0 10px 18px rgba(0,0,0,.17)!important}" + ROOT + " .car-activation__card-top{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1 1 auto!important;position:relative!important;z-index:2!important;width:100%!important;min-height:0!important;padding:14px 12px 0!important;background:#fff!important;overflow:visible!important}" + ROOT + " .car-activation__card-top-step{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;width:24px!important;height:24px!important;min-width:24px!important;margin:0 0 10px!important;padding:0!important;border-radius:50%!important;background:black!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;flex-shrink:0!important}" + ROOT + " .ka-shagov-card-icon{display:flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;width:52px!important;height:52px!important;margin:0 0 10px 4px!important;border:none!important;border-radius:99px!important;background:#f5f4f4!important;flex-shrink:0!important}" + ROOT + " .ka-shagov-card-icon svg{display:block!important;width:30px!important;height:30px!important}" + ROOT + " .car-activation__card-top-title{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.12!important;font-weight:700!important;color:#111!important;text-align:left!important;overflow:visible!important;white-space:normal!important}" + ROOT + " .ka-shagov-card-title{display:block!important;font-size:15px!important;line-height:1.12!important;font-weight:700!important;color:#111!important;min-height:0!important}" + ROOT + " .ka-shagov-card-desc-wrap{display:grid!important;grid-template-rows:0fr!important;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1)!important;width:100%!important}" + ROOT + " .car-activation__card:hover .ka-shagov-card-desc-wrap{grid-template-rows:1fr!important}" + ROOT + " .ka-shagov-card-desc{display:block!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:8px 0 0!important;font-size:13px!important;line-height:1.32!important;font-weight:400!important;color:#444!important;opacity:0!important;transition:opacity .38s cubic-bezier(.4,0,.2,1)!important}" + ROOT + " .car-activation__card:hover .ka-shagov-card-desc{opacity:1!important}" + ROOT + " .car-activation__card-img-wrapper{display:block!important;flex:0 0 auto!important;align-self:stretch!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;border-radius:12px!important;flex-shrink:0!important}" + ROOT + " .car-activation__card-img-wrapper img,.car-activation__card-img-wrapper .car-activation__card-img,.car-activation__card-img-wrapper .v-image,.car-activation__card-img-wrapper .v-image__image,.car-activation__card-img-wrapper .v-image__img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center bottom!important;transform:none!important;left:0!important;top:0!important;right:0!important;bottom:0!important;padding:0!important;margin:0!important;border-radius:0!important;border:none!important}" + ROOT + " .car-activation__card-img-wrapper .v-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;border-radius:12px!important}" + ROOT + " .ka-shagov-steps-nav{display:none!important;margin-top:36px!important;padding:0 4px!important}" + ROOT + " .ka-shagov-steps-nav__track{position:relative!important;display:grid!important;grid-template-columns:repeat(" + STEP_COUNT + ",minmax(0,1fr))!important;gap:0!important;padding-top:0!important}" + ROOT + ' .ka-shagov-steps-nav__track::before{content:""!important;position:absolute!important;top:13px!important;left:calc(100%/12)!important;right:calc(100%/12)!important;height:0!important;border-top:1px dashed #cfcfcf!important;z-index:0!important}' + ROOT + " .ka-shagov-steps-nav__item{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:14px!important;cursor:pointer!important;padding:0 4px!important}" + ROOT + " .ka-shagov-steps-nav__num{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#fff!important;border:2px solid #504040 !important;color:black!important;font-size:13px!important;font-weight:700!important;line-height:1!important;transition:background .25s ease,border-color .25s ease,color .25s ease!important}" + ROOT + " .ka-shagov-steps-nav__label{font-size:12px!important;line-height:1.2!important;color:#888!important;max-width:120px!important;transition:color .25s ease!important}" + ROOT + " .ka-shagov-steps-nav__item.is-active .ka-shagov-steps-nav__num{background:black!important;border-color:black!important;color:#fff!important}" + ROOT + " .ka-shagov-steps-nav__item.is-active .ka-shagov-steps-nav__label{color:#333!important}" + "@media (min-width:1200px){" + ROOT + " .car-activation__content{align-items:stretch!important}" + ROOT + " .ka-shagov-steps-nav{display:block!important}" + ROOT + " .car-activation__card{height:430px!important;min-height:430px!important;max-height:430px!important;transition:box-shadow .3s ease!important}" + ROOT + " .car-activation__card-top{flex:1 1 auto!important;min-height:0!important;overflow:visible!important;box-sizing:border-box!important;padding-bottom:8px!important}" + ROOT + " .car-activation__card-img-wrapper{flex:0 0 240px!important;height:240px!important;min-height:240px!important;max-height:240px!important;transition:flex-basis .38s cubic-bezier(.4,0,.2,1),height .38s cubic-bezier(.4,0,.2,1),min-height .38s cubic-bezier(.4,0,.2,1),max-height .38s cubic-bezier(.4,0,.2,1)!important}" + ROOT + " .car-activation__card:hover .car-activation__card-img-wrapper{flex:0 0 150px!important;height:150px!important;min-height:150px!important;max-height:150px!important}}" + "@media (max-width:1199px){" + ROOT + " .car-activation__content{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}" + ROOT + " .car-activation__card{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important}" + ROOT + " .car-activation__card-img-wrapper{height:240px!important;min-height:240px!important;max-height:240px!important;margin:0!important;padding:0!important}" + ROOT + " .ka-shagov-card-desc-wrap{grid-template-rows:1fr!important}" + ROOT + " .ka-shagov-card-desc{opacity:1!important;padding-top:8px!important}}" + "@media (max-width:767px){" + ROOT + " .car-activation__content{grid-template-columns:1fr!important;gap:16px!important}" + ROOT + " .car-activation__card-top{padding:14px 14px 0!important}" + ROOT + " .car-activation__card-img-wrapper{height:220px!important;min-height:220px!important;max-height:220px!important;margin:0!important;padding:0!important}}"; function normalizeText(value) { return (value || "").replace(/\s+/g, " ").trim(); } function isUppercaseWord(word) { return /^[A-ZА-ЯЁ][A-Za-zА-Яа-яЁё0-9-]*$/.test(word || ""); } function splitByTitlePrefix(text, titlePrefix) { const normalized = normalizeText(text); if (!titlePrefix || !normalized.startsWith(titlePrefix)) return null; const sub = normalized.slice(titlePrefix.length).trim(); if (!sub) return null; return { main: titlePrefix, sub: sub }; } function splitTitle(text) { const normalized = normalizeText(text); if (!normalized) return null; const words = normalized.split(" "); if (words.length < 2) return null; for (let i = 1; i < words.length; i++) { const currentWord = words[i].replace(/^[('"«„]+|[,.!?:;)"»“]+$/g, ""); if (!isUppercaseWord(currentWord)) continue; const main = words.slice(0, i).join(" ").trim(); const sub = words.slice(i).join(" ").trim(); if (!main || !sub) continue; return { main: main, sub: sub }; } return null; } function normalizeHost(value) { return (value || "") .replace(/^https?:\/\//i, "") .replace(/^www\./i, "") .replace(/\/+$/, "") .toLowerCase() .split("/")[0]; } function isTargetPage() { const host = normalizeHost(location.hostname); if (host !== normalizeHost(HOST)) return false; const path = (location.pathname || "/").replace(/\/+$/, "") || "/"; return path === PATH; } function openPopup() { if (typeof window.openPopup === "function") { window.openPopup(POPUP_ID); } } function ensureStyles() { if (document.getElementById(STYLE_ID)) return; const style = document.createElement("style"); style.id = STYLE_ID; style.textContent = STYLE_TEXT; document.head.appendChild(style); } function buildPart(className, text) { const part = document.createElement("span"); part.className = className; part.textContent = text; return part; } function splitCardTitles(block) { const titles = block.querySelectorAll(".car-activation__card-top-title"); for (let i = 0; i < titles.length; i++) { const titleEl = titles[i]; if (titleEl.getAttribute(MARK_SPLIT) === "1") { const desc = titleEl.querySelector(".ka-shagov-card-desc"); if (desc && !titleEl.querySelector(".ka-shagov-card-desc-wrap")) { const descWrap = document.createElement("div"); descWrap.className = "ka-shagov-card-desc-wrap"; desc.parentNode.insertBefore(descWrap, desc); descWrap.appendChild(desc); } continue; } const parts = splitByTitlePrefix(titleEl.textContent, STEP_TITLES[i]) || splitTitle(titleEl.textContent); if (!parts) continue; const descWrap = document.createElement("div"); descWrap.className = "ka-shagov-card-desc-wrap"; descWrap.appendChild(buildPart("ka-shagov-card-desc", parts.sub)); titleEl.textContent = ""; titleEl.append(buildPart("ka-shagov-card-title", parts.main), descWrap); titleEl.setAttribute(MARK_SPLIT, "1"); } } function styleStepBadges(block) { const steps = block.querySelectorAll(".car-activation__card-top-step"); for (let i = 0; i < steps.length; i++) { const next = String(i + 1); if (steps[i].textContent !== next) { steps[i].textContent = next; } } } function injectStepIcons(block) { const tops = block.querySelectorAll(".car-activation__card-top"); for (let i = 0; i < tops.length; i++) { const top = tops[i]; if (top.getAttribute(MARK_ICON) === "1") continue; const iconWrap = document.createElement("div"); iconWrap.className = "ka-shagov-card-icon"; iconWrap.innerHTML = STEP_ICONS[i] || STEP_ICONS[0]; const titleEl = top.querySelector(".car-activation__card-top-title"); if (titleEl) { top.insertBefore(iconWrap, titleEl); } else { top.appendChild(iconWrap); } top.setAttribute(MARK_ICON, "1"); } } function normalizeCardImages(block) { const wrappers = block.querySelectorAll( ".car-activation__card-img-wrapper", ); for (let i = 0; i < wrappers.length; i++) { const wrapper = wrappers[i]; if (wrapper.getAttribute(MARK_IMG) === "1") continue; const imgs = wrapper.querySelectorAll("img"); for (let j = 0; j < imgs.length; j++) { const img = imgs[j]; if (!img.classList.contains("car-activation__card-img")) { img.classList.add("car-activation__card-img"); } img.removeAttribute("style"); img.removeAttribute("width"); img.removeAttribute("height"); } wrapper.setAttribute(MARK_IMG, "1"); } } function bindCardInteractions(block) { const cards = block.querySelectorAll(".car-activation__card"); const navItems = block.querySelectorAll(".ka-shagov-steps-nav__item"); function setActive(index) { for (let i = 0; i < navItems.length; i++) { navItems[i].classList.toggle("is-active", i === index); } } for (let i = 0; i < cards.length; i++) { const card = cards[i]; const index = i; if (card.getAttribute(MARK_CARD) !== "1") { card.setAttribute(MARK_CARD, "1"); card.setAttribute("role", "button"); card.setAttribute("tabindex", "0"); card.addEventListener( "click", function (e) { e.preventDefault(); openPopup(); }, true, ); card.addEventListener("keydown", function (e) { if (e.key !== "Enter" && e.key !== " ") return; e.preventDefault(); openPopup(); }); } card.onmouseenter = function () { setActive(index); }; card.onmouseleave = function () { setActive(-1); }; } for (let i = 0; i < navItems.length; i++) { const item = navItems[i]; const index = i; item.onmouseenter = function () { setActive(index); }; item.onmouseleave = function () { setActive(-1); }; item.onclick = function (e) { e.preventDefault(); openPopup(); }; } } function buildStepsNav(block) { if (block.querySelector("[" + MARK_NAV + '="1"]')) return true; const container = block.querySelector(".car-activation .container"); const content = block.querySelector(".car-activation__content"); if (!container || !content) return false; const nav = document.createElement("div"); nav.className = "ka-shagov-steps-nav"; nav.setAttribute(MARK_NAV, "1"); const track = document.createElement("div"); track.className = "ka-shagov-steps-nav__track"; for (let i = 0; i < BOTTOM_LABELS.length; i++) { const item = document.createElement("div"); item.className = "ka-shagov-steps-nav__item"; const num = document.createElement("span"); num.className = "ka-shagov-steps-nav__num"; num.textContent = String(i + 1); const label = document.createElement("span"); label.className = "ka-shagov-steps-nav__label"; label.textContent = BOTTOM_LABELS[i]; item.appendChild(num); item.appendChild(label); track.appendChild(item); } nav.appendChild(track); content.insertAdjacentElement("afterend", nav); return true; } function isBlockReady(block) { const cards = block.querySelectorAll(".car-activation__card"); if (!cards.length) return false; if (block.getAttribute(MARK_READY) !== "1") return false; if (!block.querySelector("[" + MARK_NAV + '="1"]')) return false; if ( block.querySelectorAll("[" + MARK_ICON + '="1"]').length < cards.length ) { return false; } return true; } function applyProbegAntikorservisShagovCards() { if (!isTargetPage() || applying) return 0; const block = document.getElementById(BLOCK_ID); if (!block) return 0; if (isBlockReady(block)) { bindCardInteractions(block); return block.querySelectorAll(".car-activation__card").length; } applying = true; if (observer) observer.disconnect(); try { block.classList.add("ka-shagov-ready"); ensureStyles(); splitCardTitles(block); styleStepBadges(block); injectStepIcons(block); normalizeCardImages(block); buildStepsNav(block); bindCardInteractions(block); block.setAttribute(MARK_READY, "1"); } finally { applying = false; if (observer && block.isConnected) { observer.observe(block, { childList: true, subtree: true }); } } return block.querySelectorAll(".car-activation__card").length; } function scheduleApply() { if (applying) return; clearTimeout(bumpTimer); bumpTimer = setTimeout(applyProbegAntikorservisShagovCards, 160); } function watchProbegAntikorservisShagovCards() { if (observerAttached || typeof MutationObserver === "undefined") return; observerAttached = true; observer = new MutationObserver(function (mutations) { if (applying) return; for (let i = 0; i < mutations.length; i++) { const nodes = mutations[i].addedNodes; for (let j = 0; j < nodes.length; j++) { const node = nodes[j]; if (node.nodeType !== 1) continue; if ( node.id === BLOCK_ID || (node.querySelector && node.querySelector("#" + BLOCK_ID)) || (node.classList && (node.classList.contains("car-activation__card") || node.classList.contains("car-activation__content"))) ) { scheduleApply(); return; } } } }); const block = document.getElementById(BLOCK_ID); if (block) { observer.observe(block, { childList: true, subtree: true }); } else if (document.body) { observer.observe(document.body, { childList: true, subtree: true }); } } window.applyProbegAntikorservisShagovCards = applyProbegAntikorservisShagovCards; function init() { applyProbegAntikorservisShagovCards(); watchProbegAntikorservisShagovCards(); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } RETRY_MS.forEach(function (ms) { setTimeout(applyProbegAntikorservisShagovCards, ms); }); })();

Бренд