/* Claude v3: страница «洗浄・検品» (/inspection/) — parts/inspection-v3.php, inc/inspection-v3.php, inspection-v3.js. Подключается только здесь.
   Движение — только transform/opacity; раскладка не зависит от анимаций (CLS 0). Классы <html> ставятся в <head> до отрисовки:
   hg-insp3-js — панель схемы вместо списка карточек; hg-insp3-motion — липкая сцена пути (≥1000 px), линия-прогресс, появление при прокрутке.
   Без JS и при «уменьшить движение» всё статично и видно: путь — чередование сцен слева/справа, как на «О нас»; карточки схемы — списком (без JS).
   v3.6: колесо схемы — картинка E2 (inc: hg_insp3_wheel_art): накладка дефекта выбранной точки, лёгкий наезд к следу, кольцо-указатель, лупа в карточке. */

.hg-store .jp-editorial:has(> .hg-insp3){max-width:1120px}
.hg-store .hg-insp3{
  --i3-gap:clamp(76px,9vw,124px);--i3-ease:cubic-bezier(.16,1,.3,1);
  --i3-panel:#f3f2ef;--i3-panel-line:#e5e3de;--i3-tread:#e2e1dc;--i3-shadow:0 18px 44px #171b2214;
  --i3-tyre:#2a2c30;--i3-tyre-line:#45484e;--i3-side1:#2a2c30;--i3-side2:#3a3d43;--i3-letter:#8d939b;--i3-crack:#b9bec4;
  --i3-lip:#cfd3d8;--i3-spoke:#d6dade;--i3-spoke-side:#9da3aa;
  --i3-dark:#1d1f22;--i3-dark-2:#26292d;--i3-dark-ink:#f1efea;--i3-dark-muted:#c3c7cc;--i3-dark-line:#3a3d42;
  position:relative;color:var(--hg-ink);line-break:strict}
html[data-theme=dark] .hg-store .hg-insp3{
  --i3-panel:#1b1c1d;--i3-panel-line:#2f3134;--i3-tread:#26282a;--i3-shadow:0 18px 50px #0007;
  --i3-tyre:#34363b;--i3-tyre-line:#55595f;--i3-side1:#303237;--i3-side2:#40434a;--i3-letter:#9aa0a8;--i3-crack:#c9ced4;
  --i3-dark:#1b1c1d;--i3-dark-2:#232426;--i3-dark-line:#383b40}
/* Сброс правил статьи (hub.css/store.css: section, figure, figcaption, p) внутри страницы */
.hg-store .hg-insp3 :is(section,figure,ol,ul,dl,dd,p,h1,h2,h3){margin:0;padding:0}
.hg-store .hg-insp3 :is(ol,ul){list-style:none}
.hg-store .hg-insp3 section{margin-top:0}
.hg-store .hg-insp3 :is(h1,h2,h3){color:var(--hg-ink);text-wrap:balance}
html[lang=ja] .hg-store .hg-insp3 :is(h1,h2,h3,p,li,dd,strong,span){word-break:auto-phrase}
.hg-store .hg-insp3 img{display:block;max-width:none;border-radius:0}
.hg-store .hg-insp3 .hg-insp3-icon{display:block;width:24px;height:24px;flex:none}
.hg-store .hg-insp3 :is(a,button):focus-visible{outline:2px solid var(--hg-red);outline-offset:3px}
.hg-store .hg-insp3 [data-hg-scene-theme=night],.hg-store .hg-insp3 [data-hg-mascot-theme=night],
html[data-theme=dark] .hg-store .hg-insp3 [data-hg-scene-theme=day],html[data-theme=dark] .hg-store .hg-insp3 [data-hg-mascot-theme=day]{display:none}
html[data-theme=dark] .hg-store .hg-insp3 :is([data-hg-scene-theme=night],[data-hg-mascot-theme=night]){display:block}

/* Общие: метка «イラスト», рамки сцен, ссылки со стрелкой, заголовки разделов, реплика маскота */
.hg-store .hg-insp3 .hg-insp3-badge{position:absolute;z-index:3;top:12px;left:12px;margin:0;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--hg-paper) 88%,transparent);color:var(--hg-ink);font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.04em}
.hg-store .hg-insp3 .hg-insp3-frame{position:relative;display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--hg-soft);box-shadow:var(--i3-shadow)}
.hg-store .hg-insp3 .hg-insp3-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hg-store .hg-insp3 .hg-insp3-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--hg-ink);font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:var(--hg-red);text-decoration-thickness:2px;text-underline-offset:5px}
.hg-store .hg-insp3 .hg-insp3-link svg{width:18px;height:18px;color:var(--hg-red);transition:transform .25s var(--i3-ease)}
@media (hover:hover){.hg-store .hg-insp3 .hg-insp3-link:hover{color:var(--hg-red)}.hg-store .hg-insp3 .hg-insp3-link:hover svg{transform:translateX(4px)}}
.hg-store .hg-insp3 .hg-insp3-head{max-width:680px;margin:0 0 40px}
.hg-store .hg-insp3 .hg-insp3-head h2,.hg-store .hg-insp3 :is(.hg-insp3-limits__copy,.hg-insp3-trouble__copy)>h2{font-size:clamp(27px,2.9vw,38px);font-weight:800;line-height:1.28;letter-spacing:-.02em}
.hg-store .hg-insp3 .hg-insp3-head p{margin-top:12px;color:var(--hg-muted);font-size:16px;line-height:1.85}
.hg-store .hg-insp3 .hg-insp3-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--hg-red);font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.06em}
.hg-store .hg-insp3 .hg-insp3-kicker svg{width:20px;height:20px}
.hg-store .hg-insp3 .hg-insp3-say{display:flex;align-items:flex-start;gap:12px}
.hg-store .hg-insp3 .hg-insp3-say p{position:relative;flex:1 1 auto;min-width:0;padding:13px 18px 14px;border-radius:16px;background:var(--hg-soft);color:var(--hg-ink);font-size:15px;line-height:1.8}
.hg-store .hg-insp3 .hg-insp3-say.has-face p::before{content:"";position:absolute;left:-9px;top:15px;width:10px;height:16px;background:inherit;clip-path:polygon(0 50%,100% 0,100% 100%)}
.hg-store .hg-insp3 .hg-insp3-say a{color:var(--hg-red);font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.hg-store .hg-insp3 .hg-insp3-face{flex:none;display:block;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--hg-white);box-shadow:0 0 0 1px var(--hg-line)}
.hg-store .hg-insp3 .hg-insp3-face img{width:100%;height:100%;object-fit:cover}

/* 1. Заголовок-сцена */
.hg-store .hg-insp3 .hg-insp3-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);grid-template-areas:"text scene";column-gap:72px;align-items:center;padding-top:14px}
.hg-store .hg-insp3 .hg-insp3-hero__text{grid-area:text}
.hg-store .hg-insp3 .hg-insp3-hero h1{font-size:clamp(32px,3.7vw,50px);font-weight:800;line-height:1.2;letter-spacing:-.03em}
.hg-store .hg-insp3 .hg-insp3-hero__intro{max-width:32em;margin-top:18px;color:var(--hg-muted);font-size:16px;line-height:1.9}
.hg-store .hg-insp3 .hg-insp3-hero .hg-insp3-say{max-width:34em;margin-top:28px}
.hg-store .hg-insp3 .hg-insp3-flow{margin-top:32px;max-width:560px}
.hg-store .hg-insp3 .hg-insp3-flow ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.hg-store .hg-insp3 .hg-insp3-flow li{position:relative}
.hg-store .hg-insp3 .hg-insp3-flow li+li::before{content:"";position:absolute;z-index:0;top:23px;left:calc(-50% + 30px);right:calc(50% + 30px);height:2px;background:repeating-linear-gradient(90deg,var(--hg-line) 0 6px,transparent 6px 10px);transform-origin:0 50%}
.hg-store .hg-insp3 .hg-insp3-flow a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:44px;padding:0 2px 4px;border-radius:12px;color:var(--hg-ink);text-align:center;text-decoration:none}
.hg-store .hg-insp3 .hg-insp3-flow__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--hg-white);color:var(--hg-red);box-shadow:0 0 0 1px var(--hg-line),0 8px 18px #171b2212;transition:transform .3s var(--i3-ease),box-shadow .2s ease}
.hg-store .hg-insp3 .hg-insp3-flow__icon svg{width:24px;height:24px}
/* Высоты номера и подписи не зависят от шрифта: Montserrat и срезы Noto (знак «影») приходят после первой отрисовки — без сдвига строк */
.hg-store .hg-insp3 .hg-insp3-flow__num{display:block;height:11px;margin-top:2px;color:var(--hg-red);font:800 11px/11px Montserrat,sans-serif;letter-spacing:.08em}
.hg-store .hg-insp3 .hg-insp3-flow__label{display:block;height:2.8em;overflow:visible;font-size:13px;font-weight:700;line-height:1.4}
@media (hover:hover){.hg-store .hg-insp3 .hg-insp3-flow a:hover{color:var(--hg-red)}.hg-store .hg-insp3 .hg-insp3-flow a:hover .hg-insp3-flow__icon{transform:translateY(-3px);box-shadow:0 0 0 2px var(--hg-red),0 12px 22px #171b221f}}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow__icon{animation:i3-pop .55s var(--i3-ease) backwards}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li+li::before{animation:i3-draw .45s var(--i3-ease) backwards}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(2) :is(.hg-insp3-flow__icon),.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(2)::before{animation-delay:.32s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(3) :is(.hg-insp3-flow__icon),.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(3)::before{animation-delay:.5s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(4) :is(.hg-insp3-flow__icon),.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(4)::before{animation-delay:.68s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(5) :is(.hg-insp3-flow__icon),.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(5)::before{animation-delay:.86s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-flow li:nth-child(1) .hg-insp3-flow__icon{animation-delay:.14s}
@keyframes i3-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes i3-draw{from{transform:scaleX(0)}to{transform:none}}
.hg-store .hg-insp3 .hg-insp3-hero__scene{grid-area:scene;position:relative;margin:0}
.hg-store .hg-insp3 .hg-insp3-hero__frame{position:relative;display:block;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:var(--hg-soft);box-shadow:0 24px 60px #171b221f}
.hg-store .hg-insp3 .hg-insp3-hero__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hg-store .hg-insp3 .hg-insp3-tag{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:7px 13px 7px 8px;border-radius:999px;background:var(--hg-white);color:var(--hg-ink);font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 12px 26px #171b2224}
.hg-store .hg-insp3 .hg-insp3-tag svg{width:20px;height:20px;color:var(--hg-red)}
.hg-store .hg-insp3 .hg-insp3-tag--1{left:-28px;top:17%}
.hg-store .hg-insp3 .hg-insp3-tag--2{right:-24px;top:42%}
.hg-store .hg-insp3 .hg-insp3-tag--3{left:-34px;top:60%}
.hg-store .hg-insp3 .hg-insp3-tag--4{right:-18px;bottom:7%}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-tag{box-shadow:0 12px 28px #0009,0 0 0 1px var(--hg-line)}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-hero__frame{box-shadow:0 24px 60px #0008}

/* Разделитель «протектор» — полоса блоков протектора; при прокрутке катится (inspection-v3.js, transform) */
.hg-store .hg-insp3 .hg-insp3-tread{position:relative;height:22px;margin:var(--i3-gap) 0 calc(var(--i3-gap) * .72);overflow:hidden;opacity:.9}
.hg-store .hg-insp3 .hg-insp3-tread__band{position:absolute;top:0;bottom:0;left:-48px;right:-48px;background:var(--i3-tread);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpath d='M1 0h11l7 11-7 11H1l7-11z'/%3E%3C/svg%3E") 0 0/24px 22px repeat-x;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpath d='M1 0h11l7 11-7 11H1l7-11z'/%3E%3C/svg%3E") 0 0/24px 22px repeat-x;will-change:transform}
.hg-store .hg-insp3 .hg-insp3-tread--alt .hg-insp3-tread__band{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpath d='M12 0h11l-7 11 7 11H12l-7-11z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22'%3E%3Cpath d='M12 0h11l-7 11 7 11H12l-7-11z'/%3E%3C/svg%3E")}

/* 2. Путь товара. База (без движения / без JS): этапы друг под другом, на широком экране — сцена и текст через одну слева/справа */
.hg-store .hg-insp3 .hg-insp3-path__body{position:relative}
.hg-store .hg-insp3 .hg-insp3-steps{display:grid;gap:72px}
.hg-store .hg-insp3 .hg-insp3-step{position:relative;display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:center;gap:24px 56px}
.hg-store .hg-insp3 .hg-insp3-step:nth-child(even) .hg-insp3-step__scene{order:2}
.hg-store .hg-insp3 .hg-insp3-step__scene{position:relative;margin:0}
.hg-store .hg-insp3 .hg-insp3-step__copy{position:relative}
.hg-store .hg-insp3 .hg-insp3-step__num{display:flex;align-items:baseline;gap:14px}
.hg-store .hg-insp3 .hg-insp3-step__big{color:transparent;font:700 64px/1 RoadRadio,Montserrat,sans-serif;letter-spacing:-.02em;-webkit-text-stroke:1.5px color-mix(in srgb,var(--hg-red) 60%,transparent)}
.hg-store .hg-insp3 .hg-insp3-step__label{color:var(--hg-red);font-size:13px;font-weight:800;letter-spacing:.08em}
.hg-store .hg-insp3 .hg-insp3-step h3{margin-top:12px;font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.4;letter-spacing:-.01em}
.hg-store .hg-insp3 .hg-insp3-step__text{margin-top:14px;color:var(--hg-muted);font-size:16px;line-height:1.95}
.hg-store .hg-insp3 .hg-insp3-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hg-store .hg-insp3 .hg-insp3-chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--hg-soft);color:var(--hg-ink);font-size:13px;font-weight:700;line-height:1.5}
.hg-store .hg-insp3 .hg-insp3-chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hg-red)}
.hg-store .hg-insp3 .hg-insp3-step__note{margin-top:20px;padding:16px 18px 17px;border:1px solid var(--hg-line);border-left:4px solid var(--hg-red);border-radius:12px;background:var(--hg-white)}
.hg-store .hg-insp3 .hg-insp3-step__note-title{display:flex;align-items:center;gap:8px;color:var(--hg-ink);font-size:14px;font-weight:800;line-height:1.5}
.hg-store .hg-insp3 .hg-insp3-step__note-title svg{width:20px;height:20px;color:var(--hg-red)}
.hg-store .hg-insp3 .hg-insp3-step__note p:last-child{margin-top:6px;color:var(--hg-muted);font-size:15px;line-height:1.85}
.hg-store .hg-insp3 .hg-insp3-step__links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:14px}
.hg-store .hg-insp3 .hg-insp3-node,.hg-store .hg-insp3 .hg-insp3-rail,.hg-store .hg-insp3 .hg-insp3-stage{display:none}

/* С движением: линия-прогресс и узлы этапов. Линия — от центра первого узла до центра последнего: inspection-v3.js задаёт
   --i3-rail-top (px) и --i3-rail-s (длина / 100) — только transform, раскладка не меняется; до расчёта линия нулевой длины. */
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-rail{display:block;position:absolute;z-index:0;left:var(--i3-rail-x,27px);top:0;width:2px;height:100px;background:var(--hg-line);transform:translateY(var(--i3-rail-top,0px)) scaleY(var(--i3-rail-s,0));transform-origin:50% 0;pointer-events:none}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-rail__fill{position:absolute;inset:0;background:linear-gradient(var(--hg-red),color-mix(in srgb,var(--hg-red) 70%,#ff8a5c));transform:scaleY(var(--i3-progress,0));transform-origin:50% 0;will-change:transform}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-node{position:absolute;z-index:1;left:-92px;top:14px;display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--hg-line);border-radius:50%;background:var(--hg-paper);color:var(--hg-muted)}
html[data-theme=dark].hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step.is-reached .hg-insp3-node{color:#121313}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-node svg{position:relative;width:26px;height:26px}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-node__fill{position:absolute;inset:-2px;border-radius:50%;background:var(--hg-red);opacity:0;transform:scale(.55);transition:opacity .45s var(--i3-ease),transform .55s var(--i3-ease)}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step.is-reached .hg-insp3-node{color:#fff}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step.is-reached .hg-insp3-node__fill{opacity:1;transform:none}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-node::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--hg-red);opacity:0;pointer-events:none}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step.is-current .hg-insp3-node::after{animation:i3-ring 1.6s var(--i3-ease) 2}
@keyframes i3-ring{0%{opacity:.55;transform:scale(.8)}100%{opacity:0;transform:scale(1.35)}}

/* С движением, широкий экран: одна липкая сцена справа меняет этап (та же комната — маскот меняет позу), текст этапов слева */
@media (min-width:1000px){
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-path__body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:56px;align-items:start}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-steps{grid-column:1;grid-row:1;gap:0}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step{display:block;min-height:clamp(400px,50vh,540px);padding:clamp(16px,3vh,32px) 0 clamp(24px,5vh,48px) 92px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step:first-child{padding-top:0}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step:last-child{min-height:0;padding-bottom:0}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step__scene{display:none}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step__copy>:not(.hg-insp3-node){transition:opacity .5s var(--i3-ease)}
  /* Lead v3 (аудит M-21): текст неактивных этапов не приглушается — на высоких экранах видно сразу несколько этапов,
     и при .36 текст падал до 1,7:1. Текущий этап отмечают крупный номер, узел линии и сцена справа. */
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step:not(.is-current) .hg-insp3-step__big{opacity:.38}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step__big{font-size:84px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage{display:block;grid-column:2;grid-row:1;position:sticky;top:calc(var(--hg-sticky-h,140px) + 28px)}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__frame{position:relative;aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:var(--hg-soft);box-shadow:0 28px 70px #171b2224}
  html[data-theme=dark].hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__frame{box-shadow:0 28px 70px #000a}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__img{position:absolute;inset:0;opacity:0;transform:scale(1.045);transition:opacity .75s var(--i3-ease),transform 1.6s var(--i3-ease)}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__img.is-on{opacity:1;transform:none}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__caption{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:14px;padding:64px 24px 20px;background:linear-gradient(transparent,#0a0b0cb8);color:#fff;text-shadow:0 1px 10px #0007;pointer-events:none}
  .hg-insp3-motion .hg-store .hg-insp3 :is(.hg-insp3-stage__nums,.hg-insp3-stage__labels){display:grid}
  .hg-insp3-motion .hg-store .hg-insp3 :is(.hg-insp3-stage__num,.hg-insp3-stage__label){grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .45s var(--i3-ease),transform .55s var(--i3-ease)}
  .hg-insp3-motion .hg-store .hg-insp3 :is(.hg-insp3-stage__num,.hg-insp3-stage__label).is-on{opacity:1;transform:none}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__num{font:700 56px/1 RoadRadio,Montserrat,sans-serif;letter-spacing:-.02em}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__label{align-self:end;padding-bottom:7px;font-size:17px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__bar li{height:4px;border-radius:4px;overflow:hidden;background:var(--hg-line)}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__bar span{display:block;height:100%;background:var(--hg-red);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--i3-ease)}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-stage__bar li.is-on span{transform:none}
}
/* С движением, узкий экран: линия слева, сцена над текстом этапа */
@media (max-width:999px){
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-path__body{--i3-rail-x:19px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-steps{gap:56px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step{display:block;padding-left:56px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-step__copy{margin-top:22px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-node{left:-56px;top:6px;width:40px;height:40px}
  .hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-node svg{width:20px;height:20px}
}

/* Появление при прокрутке (inspection-v3.js): прячется только то, что при первой прокрутке ещё ниже окна */
.hg-insp3-motion .hg-store .hg-insp3 [data-insp3-reveal].is-armed{opacity:0;transform:translateY(22px) scale(.985)}
.hg-insp3-motion .hg-store .hg-insp3 [data-insp3-reveal].is-shown{opacity:1;transform:none;transition:opacity .7s var(--i3-ease),transform .9s var(--i3-ease)}
.hg-insp3-motion .hg-store .hg-insp3 :is(.hg-insp3-limits__tiles,.hg-insp3-trouble__steps)>li:nth-child(2).is-shown{transition-delay:.1s}
.hg-insp3-motion .hg-store .hg-insp3 :is(.hg-insp3-limits__tiles,.hg-insp3-trouble__steps)>li:nth-child(3).is-shown{transition-delay:.2s}
.hg-insp3-motion .hg-store .hg-insp3 :is(.hg-insp3-limits__tiles,.hg-insp3-trouble__steps)>li:nth-child(4).is-shown{transition-delay:.3s}

/* 3. Схема «что мы проверяем» */
.hg-store .hg-insp3 .hg-insp3-check{margin-top:var(--i3-gap)}
.hg-store .hg-insp3 .hg-insp3-check__body{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:40px 56px;align-items:start}
.hg-store .hg-insp3 .hg-insp3-dia__fig{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;
  background:radial-gradient(circle at 50% 46%,var(--hg-white) 0 38%,var(--i3-panel) 72%),repeating-linear-gradient(0deg,transparent 0 31px,var(--i3-panel-line) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--i3-panel-line) 31px 32px);
  background-blend-mode:normal,multiply,multiply;box-shadow:inset 0 0 0 1px var(--i3-panel-line)}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-dia__fig{background:radial-gradient(circle at 50% 46%,#26282b 0 36%,var(--i3-panel) 74%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff08 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#ffffff08 31px 32px)}
.hg-store .hg-insp3 .hg-insp3-wheel{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 26px #171b2230)}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-wheel{filter:drop-shadow(0 18px 30px #000c)}
.hg-store .hg-insp3 .i3-tyre{fill:var(--i3-tyre)}
.hg-store .hg-insp3 .i3-sipe{fill:none;stroke:var(--i3-tyre-line);stroke-width:1.4}
.hg-store .hg-insp3 .i3-s-side1{stop-color:var(--i3-side1)}
.hg-store .hg-insp3 .i3-s-side2{stop-color:var(--i3-side2)}
.hg-store .hg-insp3 .i3-shoulder{fill:none;stroke:var(--i3-tyre-line);stroke-width:1.6}
.hg-store .hg-insp3 .i3-letter{fill:var(--i3-letter);font:700 11px/1 Montserrat,sans-serif;letter-spacing:.16em}
.hg-store .hg-insp3 .i3-crack{fill:none;stroke:var(--i3-crack);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.hg-store .hg-insp3 .i3-bulge{fill:var(--i3-side2)}
.hg-store .hg-insp3 .i3-bulge-hi{fill:none;stroke:var(--i3-letter);stroke-width:1.5;stroke-linecap:round;opacity:.75}
.hg-store .hg-insp3 .i3-plug{fill:#5d6167;stroke:var(--i3-letter);stroke-width:1}
.hg-store .hg-insp3 .i3-s-met1{stop-color:#fbfbfc}
.hg-store .hg-insp3 .i3-s-met2{stop-color:#dfe2e6}
.hg-store .hg-insp3 .i3-s-met3{stop-color:#b4b9c0}
.hg-store .hg-insp3 .i3-bead{fill:none;stroke:#1b1d20;stroke-width:1.6}
.hg-store .hg-insp3 .i3-lip{fill:var(--i3-lip)}
.hg-store .hg-insp3 .i3-s-bar1{stop-color:#767c84}
.hg-store .hg-insp3 .i3-s-bar2{stop-color:#b3b8bf}
.hg-store .hg-insp3 .i3-barrel-ring{fill:none;stroke:#5f656c;stroke-width:1;opacity:.55}
.hg-store .hg-insp3 .i3-weld{fill:none;stroke:#565c63;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.hg-store .hg-insp3 .i3-spoke{fill:var(--i3-spoke)}
.hg-store .hg-insp3 .i3-spoke-side{fill:var(--i3-spoke-side)}
.hg-store .hg-insp3 .i3-spoke-hi{fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;opacity:.85}
.hg-store .hg-insp3 .i3-hub{fill:#e7e9ec;stroke:#b3b8be;stroke-width:1.2}
.hg-store .hg-insp3 .i3-lug{fill:#2c2f33}
.hg-store .hg-insp3 .i3-bore{fill:#c8ccd1;stroke:#999fa6;stroke-width:1}
.hg-store .hg-insp3 .i3-cap{fill:#f0f2f4;stroke:#b5bac0;stroke-width:1}
.hg-store .hg-insp3 .i3-valve{fill:#383b40}
.hg-store .hg-insp3 .i3-rash{fill:none;stroke:#80868e;stroke-width:1.4;stroke-linecap:round}
.hg-store .hg-insp3 .i3-hl{opacity:0;transition:opacity .4s var(--i3-ease)}
.hg-store .hg-insp3 .i3-hl--band{fill:none;stroke:var(--hg-red);stroke-width:10;stroke-linecap:round}
.hg-store .hg-insp3 .i3-hl--thin{stroke-width:5}
.hg-store .hg-insp3 .i3-hl-line{fill:none;stroke:var(--hg-red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hg-store .hg-insp3 .i3-hl-ring{fill:none;stroke:var(--hg-red);stroke-width:2.4;stroke-dasharray:5 4}
.hg-store .hg-insp3 .i3-hl--spoke{fill:color-mix(in srgb,var(--hg-red) 20%,transparent);stroke-width:2.4}
.hg-store .hg-insp3 .i3-hl--weld{stroke-width:3.4}
.hg-store .hg-insp3 :is([data-active=tread] .i3-hl[data-pt=tread],[data-active=crack] .i3-hl[data-pt=crack],[data-active=bulge] .i3-hl[data-pt=bulge],[data-active=repair] .i3-hl[data-pt=repair],[data-active=dot] .i3-hl[data-pt=dot],[data-active=rim] .i3-hl[data-pt=rim],[data-active=spoke] .i3-hl[data-pt=spoke],[data-active=bead] .i3-hl[data-pt=bead],[data-active=weld] .i3-hl[data-pt=weld]){opacity:1}

/* v3.6: колесо картинкой (E2). Слой наезда .hg-insp3-art__zoom: база, накладки дефектов, кольца-указатели и цифры даты (SVG в px кадра 2048).
   Наезд — transform слоя к центру следа выбранной точки: --zx/--zy (% картинки) ставит inspection-v3.js вместе с data-zoom, --zs — масштаб.
   Картинка и номера — в рамке 94 % схемы с 600 px (--i3-in: 3 % с каждой стороны, наезд 1,08) и 96 % уже (2 %, наезд 1,05): колесо остаётся
   в рамке при любой точке. Номера едут за картинкой свойством translate по тем же --z* (cqw — ширина слоя номеров), их размер не меняется;
   у края схемы поджаты на 16 px; выбранный номер уже 600 px увеличен ×1,08 (не ×1,14) — не ложится на свой след (work/v36/E6/tools/label_eval.py).
   Только transform/opacity — раскладка не меняется (CLS 0). Ночью за шиной свет (::before слоя наезда) — край чёрной шины читается на тёмном фоне. */
.hg-store .hg-insp3 .hg-insp3-dia__fig{--zs:1;--zx:50;--zy:50;--i3-zoom:1;--i3-in:0;--i3-inq:0}
.hg-store .hg-insp3 .hg-insp3-dia__fig.has-art{--i3-zoom:1.05;--i3-in:2;--i3-inq:2.083}
@media (min-width:600px){.hg-store .hg-insp3 .hg-insp3-dia__fig.has-art{--i3-zoom:1.08;--i3-in:3;--i3-inq:3.19}}
@media (max-width:599px){.hg-store .hg-insp3 .has-art .hg-insp3-dot.is-active .hg-insp3-dot__n{transform:scale(1.08)}}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-dia__fig[data-zoom]{--zs:var(--i3-zoom)}
.hg-store .hg-insp3 .hg-insp3-art{position:absolute;inset:calc(var(--i3-in) * 1%)}
.hg-store .hg-insp3 .hg-insp3-art__zoom{position:absolute;inset:0;transform-origin:0 0;transform:translate(calc((1 - var(--zs)) * var(--zx) * 1%),calc((1 - var(--zs)) * var(--zy) * 1%)) scale(var(--zs));transition:transform .95s var(--i3-ease)}
.hg-store .hg-insp3 .hg-insp3-art__base{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 16px 22px #171b2229)}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-art__base{filter:none}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-art__zoom::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,#9ea4ac00 84%,#9ea4acdb 89.3%,#9ea4acc4 91.2%,#70757d4f 94.5%,#4a4e5400 99.5%)}
.hg-store .hg-insp3 .hg-insp3-art__patch{position:absolute;opacity:0;transition:opacity .5s ease}
.hg-store .hg-insp3 .hg-insp3-art__patch img{display:block;width:100%;height:100%;max-width:none}
.hg-store .hg-insp3 .hg-insp3-art__patch.is-on.is-loaded{opacity:1}
.hg-store .hg-insp3 .hg-insp3-art__marks{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
/* Кольцо-указатель: красная линия с белой подложкой (читается и на резине, и на металле), при показе сходится к следу и дважды «дышит» */
.hg-store .hg-insp3 .i3a-ring{opacity:0;transition:opacity .35s ease}
.hg-store .hg-insp3 .i3a-ring.is-on{opacity:1}
.hg-store .hg-insp3 .i3a-ring circle{fill:none;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
.hg-store .hg-insp3 .i3a-ring__halo{stroke:#fff;stroke-width:5;stroke-opacity:.6}
.hg-store .hg-insp3 .i3a-ring__line{stroke:var(--hg-red);stroke-width:2.2}
.hg-store .hg-insp3 .i3a-ring__echo{stroke:var(--hg-red);stroke-width:1.6;opacity:0}
.hg-insp3-motion .hg-store .hg-insp3 .i3a-ring.is-on :is(.i3a-ring__halo,.i3a-ring__line){animation:i3a-ring-in .7s var(--i3-ease) .15s backwards}
.hg-insp3-motion .hg-store .hg-insp3 .i3a-ring.is-on .i3a-ring__echo{animation:i3-pulse 1.9s var(--i3-ease) .6s 2}
@keyframes i3a-ring-in{from{opacity:0;transform:scale(1.45)}to{opacity:1;transform:none}}
/* Цифры даты в овале клейма — оттиск резины: тень, блик, заливка в тон линии овала; на колесе — вместе с накладкой dot */
.hg-store .hg-insp3 .i3a-stamp text{font-family:Montserrat,sans-serif;font-weight:800;text-anchor:middle}
.hg-store .hg-insp3 .i3a-stamp__sh{fill:#08090a;opacity:.85}
.hg-store .hg-insp3 .i3a-stamp__hi{fill:#a3a8ae;opacity:.6}
.hg-store .hg-insp3 .i3a-stamp__fill{fill:#45474b}
.hg-store .hg-insp3 .hg-insp3-art .i3a-stamp{opacity:0;transition:opacity .5s ease}
.hg-store .hg-insp3 .hg-insp3-art .i3a-stamp.is-on{opacity:1}

/* Точки схемы: поле нажатия 44 px, видимый номер 30 px; активная — красная; подпись — при наведении и фокусе */
.hg-store .hg-insp3 .hg-insp3-dots{position:absolute;inset:0}
.hg-store .hg-insp3 .has-art .hg-insp3-dots{inset:calc(var(--i3-in) * 1%);container-type:inline-size}
.hg-store .hg-insp3 .hg-insp3-dot{position:absolute;z-index:2;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);display:grid;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;color:var(--hg-ink);text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hg-store .hg-insp3 .has-art .hg-insp3-dot{transition:translate .95s var(--i3-ease);
  translate:calc(clamp(16px - var(--i3-inq) * 1cqw,(var(--zx) + var(--zs) * (var(--x) - var(--zx))) * 1cqw,100cqw + var(--i3-inq) * 1cqw - 16px) - var(--x) * 1cqw)
            calc(clamp(16px - var(--i3-inq) * 1cqw,(var(--zy) + var(--zs) * (var(--y) - var(--zy))) * 1cqw,100cqw + var(--i3-inq) * 1cqw - 16px) - var(--y) * 1cqw)}
.hg-store .hg-insp3 .hg-insp3-dot:is(:hover,:focus-visible,.is-active){z-index:3}
.hg-store .hg-insp3 .hg-insp3-dot__n{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hg-white);color:var(--hg-ink);font:800 13px/1 Montserrat,sans-serif;box-shadow:0 0 0 2px var(--hg-red),0 8px 18px #0000004d;transition:transform .35s var(--i3-ease)}
.hg-store .hg-insp3 .hg-insp3-dot--wheel .hg-insp3-dot__n{box-shadow:0 0 0 2px var(--hg-ink),0 8px 18px #0000004d}
.hg-store .hg-insp3 .hg-insp3-dot::before{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid var(--hg-red);opacity:0;pointer-events:none}
.hg-store .hg-insp3 .hg-insp3-dot.is-active .hg-insp3-dot__n{background:var(--hg-red);color:#fff;box-shadow:0 0 0 3px #fff,0 10px 22px #c927205c;transform:scale(1.14)}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-dot.is-active .hg-insp3-dot__n{box-shadow:0 0 0 3px #121313,0 10px 22px #0009}
html[data-theme=dark] .hg-store .hg-insp3 :is(.hg-insp3-dot.is-active .hg-insp3-dot__n,.hg-insp3-card__n,.hg-insp3-trouble__n){color:#121313}
/* Пульс точек — когда схема вошла в окно (.is-live, inspection-v3.js), конечное число раз; после первого выбора пульсирует только выбранная */
.hg-store .hg-insp3 .is-live .hg-insp3-dots:not(.is-used) .hg-insp3-dot::before{animation:i3-pulse 2.2s var(--i3-ease) calc(var(--i,0) * .14s + 1.4s) 2}
.hg-store .hg-insp3 .hg-insp3-dots.is-used .hg-insp3-dot.is-active::before{animation:i3-pulse 1.6s var(--i3-ease) 2}
/* Колесо вкатывается при первом показе (только если при первой прокрутке схема ещё ниже окна), точки появляются после */
.hg-insp3-motion .hg-store .hg-insp3 [data-insp3-roll].is-armed :is(.hg-insp3-wheel,.hg-insp3-art){opacity:0;transform:translateX(-55%) rotate(-68deg)}
.hg-insp3-motion .hg-store .hg-insp3 [data-insp3-roll].is-armed .hg-insp3-dot{opacity:0;transform:scale(.4)}
.hg-insp3-motion .hg-store .hg-insp3 [data-insp3-roll].is-shown :is(.hg-insp3-wheel,.hg-insp3-art){transition:opacity .4s ease,transform 1.05s var(--i3-ease)}
.hg-insp3-motion .hg-store .hg-insp3 [data-insp3-roll].is-shown .hg-insp3-dot{transition:opacity .3s ease calc(.5s + var(--i,0) * .045s),transform .5s var(--i3-ease) calc(.5s + var(--i,0) * .045s),translate .95s var(--i3-ease)}
@keyframes i3-pulse{0%{opacity:.75;transform:scale(.8)}100%{opacity:0;transform:scale(1.75)}}
@media (hover:hover){.hg-store .hg-insp3 .hg-insp3-dot:hover .hg-insp3-dot__n{transform:scale(1.14)}}
.hg-store .hg-insp3 .hg-insp3-dot__name{position:absolute;z-index:2;left:calc(100% - 4px);top:50%;padding:5px 11px;border-radius:999px;background:var(--hg-ink);color:var(--hg-paper);font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;opacity:0;transform:translate(0,-50%);transition:opacity .2s ease,transform .25s var(--i3-ease);pointer-events:none}
.hg-store .hg-insp3 .hg-insp3-dot.is-left .hg-insp3-dot__name{left:auto;right:calc(100% - 4px)}
@media (hover:hover) and (min-width:681px){.hg-store .hg-insp3 .hg-insp3-dot:is(:hover,:focus-visible) .hg-insp3-dot__name{opacity:1;transform:translate(6px,-50%)}.hg-store .hg-insp3 .hg-insp3-dot.is-left:is(:hover,:focus-visible) .hg-insp3-dot__name{transform:translate(-6px,-50%)}}
@media (hover:none),(max-width:680px){.hg-store .hg-insp3 .hg-insp3-dot__name{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.hg-store .hg-insp3 .hg-insp3-dia__legend{display:flex;justify-content:center;gap:10px;margin-top:14px;color:var(--hg-muted);font-size:13px;font-weight:700}
.hg-store .hg-insp3 .hg-insp3-dia__legend span{display:inline-flex;align-items:center;gap:7px}
.hg-store .hg-insp3 .hg-insp3-dia__legend span::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--hg-white);box-shadow:0 0 0 2px var(--hg-red)}
.hg-store .hg-insp3 .hg-insp3-dia__legend .is-wheel::before{box-shadow:0 0 0 2px var(--hg-ink)}

/* Панель точки: без JS — карточки списком; с JS — одна карточка в той же клетке сетки (высота по самой высокой, смена без сдвига) */
.hg-store .hg-insp3 .hg-insp3-panel .hg-insp3-say{margin-bottom:16px}
.hg-store .hg-insp3 .hg-insp3-cards{display:grid;gap:16px}
.hg-store .hg-insp3 .hg-insp3-card{position:relative;padding:20px 22px 22px;border:1px solid var(--hg-line);border-radius:22px;background:var(--hg-white);box-shadow:var(--i3-shadow)}
.hg-store .hg-insp3 .hg-insp3-card__art{display:grid;place-items:center;height:118px;margin-bottom:16px;border-radius:14px;background:var(--i3-panel)}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-card__art{background:#25272a}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-card__art{--i3-tyre:#4b4e54;--i3-side2:#5b5f66;--i3-tyre-line:#6b7077}
.hg-store .hg-insp3 .hg-insp3-mini{width:100%;max-width:230px;height:100%}
/* v3.6: лупа — вырезка дефекта с колеса в круге с красным ободком (как кольцо-указатель на колесе) и ручкой; рядом — прежняя маленькая схема.
   Диаметр — от ширины области рисунка карточки (cqw): 124–172 px. Поле лупы --lf (px кадра на диаметр) и начальный масштаб наезда --lz — из MANIFEST.
   Картинку вставляет inspection-v3.js (is-ready — после декодирования), без JS — <noscript>. */
.hg-store .hg-insp3 .hg-insp3-card__art.has-lens{container-type:inline-size;display:flex;align-items:center;justify-content:center;gap:18px;height:auto;min-height:118px;padding:16px 16px 16px 18px}
.hg-store .hg-insp3 .hg-insp3-card__art.has-lens .hg-insp3-mini{flex:1 1 0;min-width:0;height:auto;max-height:126px;overflow:visible}
.hg-store .hg-insp3 .hg-insp3-lens{--lens-d:clamp(124px,42cqw,172px);position:relative;flex:none;display:block;width:var(--lens-d);height:var(--lens-d)}
.hg-store .hg-insp3 .hg-insp3-lens__glass{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--hg-white);box-shadow:0 0 0 3px var(--hg-white),0 0 0 5.5px var(--hg-red),0 12px 26px #171b2233}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-lens__glass{background:#4a4e54;box-shadow:0 0 0 3px #121313,0 0 0 5.5px var(--hg-red),0 12px 26px #0009}
.hg-store .hg-insp3 .hg-insp3-lens::after{content:"";position:absolute;left:calc(85.36% + 2px);top:calc(85.36% + 2px);width:11px;height:30px;margin-left:-5.5px;border-radius:999px;background:var(--hg-ink);transform:rotate(-45deg);transform-origin:50% 0;pointer-events:none}
.hg-store .hg-insp3 .hg-insp3-lens__in{position:absolute;left:50%;top:50%;width:calc(var(--lens-d) * 640 / var(--lf));height:calc(var(--lens-d) * 640 / var(--lf));transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}
.hg-store .hg-insp3 .hg-insp3-lens.is-ready .hg-insp3-lens__in,html:not(.hg-insp3-js) .hg-store .hg-insp3 .hg-insp3-lens__in{opacity:1}
.hg-store .hg-insp3 :is(.hg-insp3-lens__img,.hg-insp3-lens__marks){position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-card.is-active .hg-insp3-lens.is-ready .hg-insp3-lens__in{animation:i3-lens-in 1s var(--i3-ease) .1s backwards}
@keyframes i3-lens-in{from{opacity:.15;transform:translate(-50%,-50%) scale(var(--lz,.6))}to{opacity:1;transform:translate(-50%,-50%)}}
.hg-store .hg-insp3 .hg-insp3-card__meta{display:flex;align-items:center;gap:10px}
.hg-store .hg-insp3 .hg-insp3-card__n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--hg-red);color:#fff;font:800 13px/1 Montserrat,sans-serif}
.hg-store .hg-insp3 .hg-insp3-card__kind{padding:3px 10px;border-radius:999px;background:var(--hg-soft);color:var(--hg-ink);font-size:12px;font-weight:800;letter-spacing:.04em}
.hg-store .hg-insp3 .hg-insp3-card h3{margin-top:12px;font-size:21px;font-weight:800;line-height:1.4}
.hg-store .hg-insp3 .hg-insp3-card__rows{display:grid;gap:12px;margin-top:14px}
.hg-store .hg-insp3 .hg-insp3-card__row dt{color:var(--hg-muted);font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.06em}
.hg-store .hg-insp3 .hg-insp3-card__row dd{margin-top:2px;color:var(--hg-ink);font-size:15px;line-height:1.8}
.hg-store .hg-insp3 .hg-insp3-card__row--note{padding:10px 12px 11px;border-radius:12px;background:color-mix(in srgb,var(--hg-red) 7%,var(--hg-white))}
.hg-store .hg-insp3 .hg-insp3-card__row--note dt{color:var(--hg-red)}
.hg-store .hg-insp3 .hg-insp3-card__more{margin-top:8px}
.hg-store .hg-insp3 .hg-insp3-cardnav{display:none}
/* С JS рамка карточки — общая (у списка), меняется только содержимое: при переключении рамка не мигает */
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-cards{gap:0;padding:20px 22px 22px;border:1px solid var(--hg-line);border-radius:22px;background:var(--hg-white);box-shadow:var(--i3-shadow)}
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-cards>.hg-insp3-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-card{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .14s ease,transform .2s ease,visibility 0s linear .14s}
/* Смена карточки: прежняя гаснет за 0,14 с, новая проявляется после неё — тексты двух карточек не накладываются */
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-card.is-active{visibility:visible;opacity:1;transform:none;transition:opacity .32s ease .12s,transform .5s var(--i3-ease) .12s,visibility 0s linear 0s}
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-check__body:not(.is-ready) .hg-insp3-cards:has(.hg-insp3-card:target) .hg-insp3-card.is-active:not(:target){visibility:hidden;opacity:0}
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-check__body:not(.is-ready) .hg-insp3-card:target{visibility:visible;opacity:1;transform:none}
.hg-insp3-js .hg-store .hg-insp3 .hg-insp3-check__body.is-ready .hg-insp3-cardnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.hg-store .hg-insp3 .hg-insp3-cardnav__btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border:1px solid var(--hg-line);border-radius:999px;background:var(--hg-white);color:var(--hg-ink);font-size:14px;font-weight:700;line-height:1.3;cursor:pointer;transition:transform .2s var(--i3-ease),border-color .2s ease}
.hg-store .hg-insp3 .hg-insp3-cardnav__btn::after{content:none}
.hg-store .hg-insp3 .hg-insp3-cardnav__btn svg{width:18px;height:18px;color:var(--hg-red)}
@media (hover:hover){.hg-store .hg-insp3 .hg-insp3-cardnav__btn:hover{border-color:var(--hg-red);transform:translateY(-1px)}}
.hg-store .hg-insp3 .hg-insp3-cardnav__count{color:var(--hg-muted);font:700 14px/1 Montserrat,sans-serif;letter-spacing:.06em}
html:not(.hg-insp3-js) .hg-store .hg-insp3 .hg-insp3-check__body{grid-template-columns:minmax(0,1fr)}
html:not(.hg-insp3-js) .hg-store .hg-insp3 .hg-insp3-dia{max-width:560px;width:100%;justify-self:center}
html:not(.hg-insp3-js) .hg-store .hg-insp3 .hg-insp3-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
html:not(.hg-insp3-js) .hg-store .hg-insp3 .hg-insp3-card{scroll-margin-top:calc(var(--hg-sticky-h,140px) + 16px)}
/* Цвета маленьких схем в карточках */
.hg-store .hg-insp3 .mk-tyre{fill:var(--i3-tyre)}
.hg-store .hg-insp3 .mk-tyre-stroke{fill:none;stroke:var(--i3-tyre);stroke-width:14;stroke-linecap:round}
.hg-store .hg-insp3 .mk-liner{fill:var(--i3-side2)}
.hg-store .hg-insp3 .mk-metal{fill:#d5d9de;stroke:#9aa0a7;stroke-width:1}
.hg-store .hg-insp3 .mk-metal-thick{fill:none;stroke:#d5d9de;stroke-width:22}
.hg-store .hg-insp3 .mk-hi{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.hg-store .hg-insp3 .mk-ink{fill:none;stroke:var(--hg-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hg-store .hg-insp3 .mk-w2{stroke-width:2.4}
.hg-store .hg-insp3 .mk-w3{stroke-width:3}
.hg-store .hg-insp3 .mk-w4{stroke-width:4.5}
.hg-store .hg-insp3 .mk-red{fill:none;stroke:var(--hg-red);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hg-store .hg-insp3 .mk-dash{stroke-dasharray:5 4}
.hg-store .hg-insp3 .mk-soft-line{fill:none;stroke:var(--i3-tyre-line);stroke-width:1.4}
.hg-store .hg-insp3 .mk-crack{fill:none;stroke:var(--i3-crack);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hg-store .hg-insp3 .mk-crack--big{stroke:var(--hg-red);stroke-width:2.4}
.hg-store .hg-insp3 .mk-lens{fill:color-mix(in srgb,var(--hg-white) 22%,transparent);stroke:var(--hg-ink);stroke-width:3}
.hg-store .hg-insp3 .mk-patch{fill:color-mix(in srgb,var(--hg-red) 16%,var(--i3-side2));stroke:var(--hg-red);stroke-width:2;stroke-dasharray:4 3}
.hg-store .hg-insp3 .mk-plug{fill:var(--hg-red)}
.hg-store .hg-insp3 .mk-rash{fill:none;stroke:#7d838b;stroke-width:2;stroke-linecap:round}
.hg-store .hg-insp3 .mk-weld{fill:none;stroke:#555b62;stroke-width:3;stroke-linejoin:round}
.hg-store .hg-insp3 .mk-paint{fill:#e8ebee;stroke:var(--hg-red);stroke-width:1.6;stroke-dasharray:4 3}
.hg-store .hg-insp3 .mk-txt{fill:var(--hg-ink);font:700 12px/1 Montserrat,'Noto Sans JP',sans-serif}
.hg-store .hg-insp3 .mk-txt--red{fill:var(--hg-red)}
.hg-store .hg-insp3 .mk-txt--stamp{fill:var(--i3-letter);font-size:13px;letter-spacing:.12em}
.hg-store .hg-insp3 .mk-txt--digits{fill:#f1efea;font-size:27px;letter-spacing:.1em}

/* Маленькая схема оживает при выборе точки: глубиномер опускается, лупа подъезжает, стрелка показывает, скобки появляются.
   Анимация перезапускается сама, когда карточка снова получает is-active; первая — когда блок вошёл в окно (.is-live). */
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-card :is(.mk-a-drop,.mk-a-slide,.mk-a-bounce,.mk-a-pop,.mk-a-grow){transform-box:fill-box;transform-origin:50% 50%}
.hg-insp3-motion .hg-store .hg-insp3 .is-live .hg-insp3-card.is-active .mk-a-drop{animation:i3-mk-drop .8s var(--i3-ease) .2s backwards}
.hg-insp3-motion .hg-store .hg-insp3 .is-live .hg-insp3-card.is-active .mk-a-slide{animation:i3-mk-slide .9s var(--i3-ease) .2s backwards}
.hg-insp3-motion .hg-store .hg-insp3 .is-live .hg-insp3-card.is-active .mk-a-bounce{animation:i3-mk-bounce .9s var(--i3-ease) .2s backwards}
.hg-insp3-motion .hg-store .hg-insp3 .is-live .hg-insp3-card.is-active .mk-a-pop{animation:i3-mk-pop .6s var(--i3-ease) .25s backwards}
.hg-insp3-motion .hg-store .hg-insp3 .is-live .hg-insp3-card.is-active .mk-a-grow{transform-origin:0 50%;animation:i3-mk-grow .6s var(--i3-ease) .25s backwards}
@keyframes i3-mk-drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@keyframes i3-mk-slide{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
@keyframes i3-mk-bounce{0%{opacity:0;transform:translateY(10px)}55%{opacity:1;transform:translateY(-4px)}100%{opacity:1;transform:none}}
@keyframes i3-mk-pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes i3-mk-grow{from{transform:scaleX(0)}to{transform:none}}

/* Оговорка «ひび割れ・膨らみ・修理跡» */
.hg-store .hg-insp3 .hg-insp3-safety{margin-top:44px;padding:24px 28px 26px;border:1px solid var(--hg-line);border-left:5px solid var(--hg-red);border-radius:18px;background:var(--hg-white)}
.hg-store .hg-insp3 .hg-insp3-safety h3{margin-top:8px;font-size:21px;font-weight:800;line-height:1.45}
.hg-store .hg-insp3 .hg-insp3-safety p:last-child{margin-top:10px;color:var(--hg-ink);font-size:16px;line-height:1.95}

/* 4. Честный блок «確認には限界があります» — тёмная плита с лентой ограждения, сцена фонарика */
.hg-store .hg-insp3 .hg-insp3-limits{position:relative;overflow:hidden;border-radius:30px;background:var(--i3-dark);color:var(--i3-dark-ink);box-shadow:0 30px 70px #171b2230}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-limits{box-shadow:0 0 0 1px var(--i3-dark-line),0 30px 70px #000a}
.hg-store .hg-insp3 .hg-insp3-limits__tape{position:relative;height:16px;overflow:hidden}
.hg-store .hg-insp3 .hg-insp3-limits__tape::before{content:"";position:absolute;top:0;bottom:0;left:-40px;right:-40px;background:repeating-linear-gradient(-45deg,var(--hg-red) 0 14px,#f6f4ef 14px 28px)}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-limits.is-live .hg-insp3-limits__tape::before{animation:i3-tape 1.4s var(--i3-ease) 2}
@keyframes i3-tape{from{transform:translateX(-39.6px)}to{transform:none}}
.hg-store .hg-insp3 .hg-insp3-limits__body{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding:48px 52px 52px}
.hg-store .hg-insp3 .hg-insp3-limits__body.has-art{grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:center}
.hg-store .hg-insp3 .hg-insp3-limits__scene{position:relative;margin:0}
@media (min-width:1000px){.hg-store .hg-insp3 .hg-insp3-limits__scene .hg-insp3-frame{aspect-ratio:1/1}.hg-store .hg-insp3 .hg-insp3-limits__scene img{object-position:36% 50%}}
.hg-store .hg-insp3 .hg-insp3-limits__scene .hg-insp3-frame{box-shadow:0 20px 50px #0008}
.hg-store .hg-insp3 .hg-insp3-limits .hg-insp3-kicker{color:#ff8b7a}
.hg-store .hg-insp3 .hg-insp3-limits h2{margin-top:10px;color:#fff}
.hg-store .hg-insp3 .hg-insp3-limits__text{margin-top:16px;color:var(--i3-dark-muted);font-size:17px;line-height:1.95}
.hg-store .hg-insp3 .hg-insp3-limits__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.hg-store .hg-insp3 .hg-insp3-limits__tiles li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start;align-content:start;padding:16px 16px 17px;border:1px solid var(--i3-dark-line);border-radius:16px;background:var(--i3-dark-2)}
.hg-store .hg-insp3 .hg-insp3-limits__tiles svg{grid-row:1/3;width:28px;height:28px;color:#ff8b7a}
.hg-store .hg-insp3 .hg-insp3-limits__tiles strong{color:#fff;font-size:15px;font-weight:800;line-height:1.5}
.hg-store .hg-insp3 .hg-insp3-limits__tiles span{margin-top:3px;color:var(--i3-dark-muted);font-size:14px;line-height:1.7}
.hg-store .hg-insp3 .hg-insp3-limits__ask{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:22px;color:var(--i3-dark-ink);font-size:15px;line-height:1.7}
.hg-store .hg-insp3 .hg-insp3-limits .hg-insp3-link{color:#fff;text-decoration-color:#ff8b7a}
.hg-store .hg-insp3 .hg-insp3-limits .hg-insp3-link svg{color:#ff8b7a}
.hg-store .hg-insp3 .hg-insp3-limits :is(a,button):focus-visible{outline-color:#ff8b7a}

/* 5. «異常が見つかったら» — три шага и сцена «на связи» */
.hg-store .hg-insp3 .hg-insp3-trouble{margin-top:var(--i3-gap)}
.hg-store .hg-insp3 .hg-insp3-trouble__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px 64px;align-items:center}
.hg-store .hg-insp3 .hg-insp3-trouble__grid.has-art{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
.hg-store .hg-insp3 .hg-insp3-trouble__lead{margin-top:16px;color:var(--hg-muted);font-size:16px;line-height:1.95}
.hg-store .hg-insp3 .hg-insp3-trouble__steps{position:relative;display:grid;gap:14px;margin-top:28px}
.hg-store .hg-insp3 .hg-insp3-trouble__steps::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:repeating-linear-gradient(var(--hg-line) 0 6px,transparent 6px 12px)}
.hg-store .hg-insp3 .hg-insp3-trouble__steps li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;align-items:start}
.hg-store .hg-insp3 .hg-insp3-trouble__icon{grid-row:1/3;position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--hg-white);color:var(--hg-red);box-shadow:0 0 0 1px var(--hg-line),0 10px 24px #171b2214}
.hg-store .hg-insp3 .hg-insp3-trouble__icon svg{width:28px;height:28px}
.hg-store .hg-insp3 .hg-insp3-trouble__n{position:absolute;left:40px;top:-6px;z-index:1;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--hg-red);color:#fff;font:800 12px/1 Montserrat,sans-serif}
.hg-store .hg-insp3 .hg-insp3-trouble__steps strong{padding-top:4px;font-size:17px;font-weight:800;line-height:1.5}
.hg-store .hg-insp3 .hg-insp3-trouble__steps p{margin-top:2px;color:var(--hg-muted);font-size:15px;line-height:1.8}
.hg-store .hg-insp3 .hg-insp3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:30px}
.hg-store .hg-insp3 .hg-insp3-actions .jp-button{display:inline-flex;align-items:center;gap:10px;min-height:48px}
.hg-store .hg-insp3 .hg-insp3-trouble__scene{position:relative;margin:0}
.hg-store .hg-insp3 .hg-insp3-trouble__say{position:absolute;z-index:3;right:16px;bottom:16px;max-width:70%;padding:10px 16px;border-radius:16px 16px 4px 16px;background:var(--hg-white);color:var(--hg-ink);font-size:15px;font-weight:800;line-height:1.5;box-shadow:0 12px 26px #171b2226}
html[data-theme=dark] .hg-store .hg-insp3 .hg-insp3-trouble__say{box-shadow:0 12px 28px #0009,0 0 0 1px var(--hg-line)}

/* 6. Связанные страницы */
.hg-store .hg-insp3 .hg-insp3-more{margin-top:var(--i3-gap);padding-top:36px;border-top:1px solid var(--hg-line)}
.hg-store .hg-insp3 .hg-insp3-more h2{font-size:22px;font-weight:800;line-height:1.4}
.hg-store .hg-insp3 .hg-insp3-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.hg-store .hg-insp3 .hg-insp3-more__grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 18px;border:1px solid var(--hg-line);border-radius:14px;background:var(--hg-white);color:var(--hg-ink);font-size:15px;font-weight:700;line-height:1.5;transition:transform .25s var(--i3-ease),border-color .2s ease}
.hg-store .hg-insp3 .hg-insp3-more__grid a svg{width:20px;height:20px;color:var(--hg-red)}
@media (hover:hover){.hg-store .hg-insp3 .hg-insp3-more__grid a:hover{border-color:var(--hg-red);color:var(--hg-ink);transform:translateY(-2px)}}

/* Движение заголовка: метки появляются и мягко покачиваются ограниченное число раз; сцена «дышит» (только крупная сцена) */
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-tag{animation:i3-tag-in .7s var(--i3-ease) both,i3-float 3.6s ease-in-out 4 alternate}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-tag--1{animation-delay:.35s,1.2s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-tag--2{animation-delay:.5s,1.5s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-tag--3{animation-delay:.65s,1.8s}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-tag--4{animation-delay:.8s,2.1s}
@keyframes i3-tag-in{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
@keyframes i3-float{from{transform:none}to{transform:translateY(-5px)}}
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-hero__frame img{animation:i3-breathe 8s ease-in-out 2 alternate}
@keyframes i3-breathe{from{transform:none}to{transform:scale(1.035)}}
/* «Осмотр»: мягкая полоса света проходит по сцене заголовка дважды (только transform) */
.hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-hero__frame::after{content:"";position:absolute;z-index:2;inset:-10% 0 auto;height:34%;background:linear-gradient(transparent,#ffffff2e 45%,#ffffff47 50%,#ffffff2e 55%,transparent);transform:translateY(-110%);animation:i3-scan 2.6s cubic-bezier(.45,0,.25,1) .9s 2;pointer-events:none}
html[data-theme=dark].hg-insp3-motion .hg-store .hg-insp3 .hg-insp3-hero__frame::after{background:linear-gradient(transparent,#ff523a14 45%,#ff8b7a2e 50%,#ff523a14 55%,transparent)}
@keyframes i3-scan{from{transform:translateY(-110%)}to{transform:translateY(420%)}}

/* Планшет */
@media (max-width:1099px){
  .hg-store .hg-insp3 .hg-insp3-hero{column-gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,400px)}
  .hg-store .hg-insp3 .hg-insp3-tag--2{right:-6px}
  .hg-store .hg-insp3 .hg-insp3-limits__body{padding:40px 36px 42px}
}
@media (max-width:999px){
  .hg-store .hg-insp3 .hg-insp3-check__body{grid-template-columns:minmax(0,1fr)}
  .hg-store .hg-insp3 .hg-insp3-dia{max-width:560px;width:100%;justify-self:center}
  .hg-store .hg-insp3 .hg-insp3-limits__body.has-art{grid-template-columns:minmax(0,1fr)}
  .hg-store .hg-insp3 .hg-insp3-limits__scene{max-width:600px}
  .hg-store .hg-insp3 .hg-insp3-trouble__grid.has-art{grid-template-columns:minmax(0,1fr)}
  .hg-store .hg-insp3 .hg-insp3-trouble__scene{max-width:600px}
  html:not(.hg-insp3-motion) .hg-store .hg-insp3 .hg-insp3-step{grid-template-columns:minmax(0,1fr)}
  html:not(.hg-insp3-motion) .hg-store .hg-insp3 .hg-insp3-step:nth-child(even) .hg-insp3-step__scene{order:0}
  html:not(.hg-insp3-motion) .hg-store .hg-insp3 .hg-insp3-steps{gap:56px}
}
/* Телефон: своя компоновка — сцена заголовка квадратом между текстом и репликой, метки внутри рамки, путь слева по линии */
@media (max-width:680px){
  .hg-store .hg-insp3{--i3-gap:72px}
  .hg-store .hg-insp3 .hg-insp3-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:4px}
  .hg-store .hg-insp3 .hg-insp3-hero__text{display:contents}
  .hg-store .hg-insp3 .hg-insp3-hero h1{font-size:30px;line-height:1.3}
  .hg-store .hg-insp3 .hg-insp3-hero__intro{margin-top:12px;font-size:15px}
  .hg-store .hg-insp3 .hg-insp3-hero__scene{order:1;margin:22px 0 0}
  .hg-store .hg-insp3 .hg-insp3-hero__frame{aspect-ratio:1/1;border-radius:20px}
  .hg-store .hg-insp3 .hg-insp3-hero__frame img{object-position:50% 34%}
  .hg-store .hg-insp3 .hg-insp3-hero .hg-insp3-say{order:2;margin-top:20px}
  .hg-store .hg-insp3 .hg-insp3-hero .hg-insp3-say p{font-size:15px}
  .hg-store .hg-insp3 .hg-insp3-flow{order:3;margin-top:24px;max-width:none}
  .hg-store .hg-insp3 .hg-insp3-flow__icon{width:42px;height:42px}
  .hg-store .hg-insp3 .hg-insp3-flow__icon svg{width:21px;height:21px}
  .hg-store .hg-insp3 .hg-insp3-flow li+li::before{top:20px;left:calc(-50% + 25px);right:calc(50% + 25px)}
  .hg-store .hg-insp3 .hg-insp3-flow__label{font-size:12px}
  .hg-store .hg-insp3 .hg-insp3-tag{padding:6px 11px 6px 7px;font-size:12px}
  .hg-store .hg-insp3 .hg-insp3-tag svg{width:17px;height:17px}
  .hg-store .hg-insp3 .hg-insp3-tag--1{left:10px;top:auto;bottom:62px}
  .hg-store .hg-insp3 .hg-insp3-tag--2{right:10px;top:12px}
  .hg-store .hg-insp3 .hg-insp3-tag--3{left:10px;top:auto;bottom:16px}
  .hg-store .hg-insp3 .hg-insp3-tag--4{right:10px;bottom:16px}
  .hg-store .hg-insp3 .hg-insp3-head{margin-bottom:28px}
  .hg-store .hg-insp3 .hg-insp3-head h2,.hg-store .hg-insp3 :is(.hg-insp3-limits__copy,.hg-insp3-trouble__copy)>h2{font-size:25px}
  .hg-store .hg-insp3 .hg-insp3-step__big{font-size:52px}
  .hg-store .hg-insp3 .hg-insp3-step h3{font-size:21px}
  .hg-store .hg-insp3 .hg-insp3-step__text{font-size:15px;line-height:1.9}
  .hg-store .hg-insp3 .hg-insp3-frame{border-radius:16px}
  .hg-store .hg-insp3 .hg-insp3-dia__fig{border-radius:22px}
  .hg-store .hg-insp3 .hg-insp3-card{padding:18px 18px 20px}
  .hg-insp3-js .hg-store .hg-insp3 .hg-insp3-cards{padding:18px 18px 20px}
  .hg-store .hg-insp3 .hg-insp3-card h3{font-size:19px}
  .hg-store .hg-insp3 .hg-insp3-safety{padding:20px 18px 22px}
  .hg-store .hg-insp3 .hg-insp3-safety p:last-child{font-size:15px}
  .hg-store .hg-insp3 .hg-insp3-limits{border-radius:22px;margin-inline:-6px}
  .hg-store .hg-insp3 .hg-insp3-limits__body{padding:26px 20px 28px;gap:26px}
  .hg-store .hg-insp3 .hg-insp3-limits__text{font-size:15px}
  .hg-store .hg-insp3 .hg-insp3-limits__tiles{grid-template-columns:minmax(0,1fr)}
  .hg-store .hg-insp3 .hg-insp3-trouble__say{right:10px;bottom:10px;font-size:14px}
  .hg-store .hg-insp3 .hg-insp3-more__grid{grid-template-columns:minmax(0,1fr)}
  .hg-store .hg-insp3 .hg-insp3-actions .jp-button{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .hg-store .hg-insp3 *,.hg-store .hg-insp3 *::before,.hg-store .hg-insp3 *::after{animation:none!important;transition:none!important}
}
/* Печать: статичная раскладка — сцены этапов на месте, все карточки схемы списком, без липкой сцены, линии и анимаций */
@media print{
  .hg-store .hg-insp3 :is(.hg-insp3-stage,.hg-insp3-rail,.hg-insp3-node,.hg-insp3-tread,.hg-insp3-cardnav,.hg-insp3-tag){display:none!important}
  .hg-store .hg-insp3 *,.hg-store .hg-insp3 *::before,.hg-store .hg-insp3 *::after{animation:none!important;transition:none!important}
  .hg-store .hg-insp3 .hg-insp3-path__body{display:block!important}
  .hg-store .hg-insp3 .hg-insp3-steps{gap:32px!important}
  .hg-store .hg-insp3 .hg-insp3-step{display:grid!important;grid-template-columns:minmax(0,40%) minmax(0,1fr)!important;gap:24px!important;min-height:0!important;padding:0!important;break-inside:avoid}
  .hg-store .hg-insp3 .hg-insp3-step__scene{display:block!important;order:0!important}
  .hg-store .hg-insp3 .hg-insp3-step__copy>*,.hg-store .hg-insp3 [data-insp3-reveal]{opacity:1!important;transform:none!important}
  .hg-store .hg-insp3 .hg-insp3-cards{gap:12px!important}
  .hg-store .hg-insp3 .hg-insp3-card{grid-area:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;box-shadow:none!important;break-inside:avoid}
  .hg-store .hg-insp3 .hg-insp3-dia__fig{--zs:1!important}
}