/* Claude v3.4 (E5, D2): интерактивные гиды «подбор диска», «диаметр диска и профиль», «зимний комплект», «сезоны», «комплектность» — дополнение к gd34-guide.css.
   Разметка — inc/gd34-d2-*.php, поведение — assets/gd34-d2.js. Подключается только этим гидам. Движение — transform, opacity и цвет (раскладку не меняет), бесконечных анимаций нет (каждая не дольше 5 с); при «уменьшить движение» всё статично.
   Без JS: схемы в состоянии по умолчанию, панели и карточки идут друг за другом, ничего не прячется. */

.hg-gd34{--d2-steel:#9aa0a7;--d2-steel-hi:#d9dde2;--d2-part:#dfe2e6;--d2-part-line:#b4b9bf;--d2-hub:#a6acb3;--d2-plate:#c9ced4;--d2-red-fill:var(--hg-action,var(--hg-red));--d2-num-off:#6c7178}
html[data-theme=dark] .hg-gd34{--d2-steel:#7d838b;--d2-steel-hi:#b8bdc4;--d2-part:#3a3d42;--d2-part-line:#565a61;--d2-hub:#767c84;--d2-plate:#aab0b7}

/* ---------- Рисунки карточек: новые детали (дополняют va-* из gd34-guide.css) ---------- */
.hg-gd34 .va-hole{fill:#101113;stroke:var(--va-metal-line);stroke-width:1}
.hg-gd34 .va-bore{fill:#0d0e10;stroke:var(--va-metal-line);stroke-width:1.4}
.hg-gd34 .va-ring{fill:none;stroke:var(--hg-red);stroke-width:2.2;stroke-linecap:round}
.hg-gd34 .va-plate{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1}

.hg-gd34 .va-txt--xl{font-size:26px;font-weight:800}
.hg-gd34 .gd34-pill rect{fill:#0d0e10;fill-opacity:.9}
.hg-gd34 .gd34-pill text{fill:#fff;font:800 17px/1 Montserrat,'Noto Sans JP',sans-serif}
/* подпись-плашка на схемах лабораторий (hg_gd34_d2_tag): кегль задаёт сам текст */
.hg-gd34 .gd34-tag rect{fill:#0d0e10;fill-opacity:.92;stroke:#ffffff2e;stroke-width:1}
.hg-gd34 .gd34-tag text{fill:#fff;font-family:Montserrat,'Noto Sans JP',sans-serif;font-weight:800}
/* белый текст на красном: ночью --hg-red светлее (#ff523a, контраст с белым 3,2), поэтому заливка плашки — --hg-action темы (#dc0100), днём прежний красный */
.hg-gd34 .gd34-tag--plane rect,.hg-gd34 .gd34-tag--ring rect{fill:var(--d2-red-fill);fill-opacity:1;stroke:none}

/* ---------- «Как читать размер диска»: полоса с обозначением и схема ---------- */
.hg-gd34 .gd34-ring--lip{stroke-width:9;stroke-opacity:.55}
.hg-gd34 .gd34-ring--dash{stroke-dasharray:6 5;stroke-width:3}
.hg-store .jp-editorial .hg-gd34 .gd34-codebar{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 0;margin:0 0 16px;color:var(--hg-ink);font:800 clamp(22px,4.6vw,36px)/1.2 Montserrat,'Noto Sans JP',sans-serif;letter-spacing:.02em}
.hg-store .jp-editorial .hg-gd34 .gd34-codebar__tok{padding:2px 9px;border-radius:12px;transition:background .3s ease,color .3s ease}
.hg-store .jp-editorial .hg-gd34 .gd34-codebar__sep{padding:2px 1px;opacity:.4;white-space:pre}
.hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="dia"] .gd34-codebar__tok[data-pt="dia"],
.hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="width"] .gd34-codebar__tok[data-pt="width"],
.hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="holes"] .gd34-codebar__tok[data-pt="holes"],
.hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="pcd"] .gd34-codebar__tok[data-pt="pcd"],
.hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="et"] .gd34-codebar__tok[data-pt="et"]{background:var(--hg-red);color:#fff}
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="dia"] .gd34-codebar__tok[data-pt="dia"],
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="width"] .gd34-codebar__tok[data-pt="width"],
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="holes"] .gd34-codebar__tok[data-pt="holes"],
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="pcd"] .gd34-codebar__tok[data-pt="pcd"],
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-spec[data-active="et"] .gd34-codebar__tok[data-pt="et"]{color:#121313}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-d2-after{margin-top:var(--gd34-sec-gap)}
/* Блок «Попробуйте» (сравнение отверстий и PCD) заполняется скриптом уже после первой отрисовки: ответ .hg-gw__out вырастал с 92 px до 143-199 px, и всё ниже уезжало
   (CLS до 0,05 на 1440 при переходе по якорю ниже блока). Место держится заранее по самому короткому ответу по умолчанию на языке страницы (замер 15.10 на 390, 820, 1024 и 1440:
   JA 142,9, RU 183,9, EN 156,6 px); на узких колонках ответ длиннее минимума, лишней пустоты нет. */
.hg-store .jp-editorial .hg-gd34 .hg-gd34-d2-after .hg-gw__out{min-height:142.9px}
html:lang(ru) .hg-store .jp-editorial .hg-gd34 .hg-gd34-d2-after .hg-gw__out{min-height:183.9px}
html:lang(en) .hg-store .jp-editorial .hg-gd34 .hg-gd34-d2-after .hg-gw__out{min-height:156.6px}
/* «Подробнее» с таблицей: у сетки тела блока одна дорожка с минимумом по содержимому, и широкая таблица (её обёртка прокручивается) растягивала дорожку:
   абзацы выходили за правый край рамки и обрезались. Дорожка с минимумом 0 — таблица прокручивается в своей обёртке, текст остаётся в рамке. */
.hg-store .jp-editorial .hg-gd34 .hg-gd34-more__body{grid-template-columns:minmax(0,1fr)}

/* ---------- Лаборатория: схема + переключатель состояний + панель текста ---------- */
.hg-store .jp-editorial .hg-gd34 :where(.gd34-lab) :is(p,ul,ol,dl,dd,figure,h3,h4){margin:0;padding:0}
.hg-store .jp-editorial .hg-gd34 :where(.gd34-lab) :is(ul,ol){list-style:none}
.hg-store .jp-editorial .hg-gd34 :where(.gd34-lab){color:var(--hg-ink)}
.hg-store .jp-editorial .hg-gd34 :where(.gd34-lab) :is(a,button):focus-visible{outline:2px solid var(--hg-red);outline-offset:3px}
.hg-store .jp-editorial .hg-gd34 .gd34-labs{display:grid;gap:clamp(18px,2.6vw,28px);margin-top:8px}
.hg-store .jp-editorial .hg-gd34 .gd34-lab{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 32px;align-items:start;padding:clamp(16px,2.4vw,24px);border:1px solid var(--hg-line);border-radius:24px;background:var(--hg-white);box-shadow:var(--gd34-shadow)}
@container (min-width:740px){.hg-store .jp-editorial .hg-gd34 .gd34-lab{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}}
/* одна колонка (контейнер уже 740 px, планшет): схема и текст не шире 560 px и по центру — высокая схема (столбики внешнего диаметра) не растягивается на всю ширину */
@container (max-width:739.98px){.hg-store .jp-editorial .hg-gd34 .gd34-lab:not(.gd34-lab--cmp) :is(.gd34-lab__stage,.gd34-lab__side){width:100%;max-width:560px;margin-inline:auto}}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__stage{position:relative;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--gd34-panel-line);
  background:radial-gradient(circle at 50% 46%,var(--hg-white) 0 34%,var(--gd34-panel) 76%),repeating-linear-gradient(0deg,transparent 0 31px,var(--gd34-panel-line) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--gd34-panel-line) 31px 32px);background-blend-mode:normal,multiply,multiply}
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-lab__stage{background:radial-gradient(circle at 50% 46%,#26282b 0 34%,var(--gd34-panel) 78%),repeating-linear-gradient(0deg,transparent 0 31px,#ffffff08 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#ffffff08 31px 32px)}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__stage>svg{display:block;width:100%;height:auto;max-width:none;margin:0}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__side{min-width:0}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__title{margin:0 0 12px;color:var(--hg-ink);font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.5}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__side .hg-gd34-say{margin-bottom:14px}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
html:not(.hg-gd34-js) .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips{display:none}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__h{margin:0;font-family:inherit;color:var(--hg-ink);font-size:21px;font-weight:800;line-height:1.4} /* h3 после h2 раздела (без пропуска уровня); font-family:inherit — любой h4–h6 в гидах без шрифта Ecomus, где нет JA/RU (Lead v3.4) */
.hg-store .jp-editorial .hg-gd34 .gd34-lab__panel{display:grid;gap:12px;align-content:start}
html.hg-gd34-js .hg-store .jp-editorial .hg-gd34 .gd34-lab__panel:not(.is-on){display:none}
html:not(.hg-gd34-js) .hg-store .jp-editorial .hg-gd34 .gd34-lab__panel+.gd34-lab__panel{margin-top:16px;padding-top:16px;border-top:1px dashed var(--hg-line)}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__panel .hg-gd34-card__rows{margin-top:2px}
.hg-gd34-motion .hg-store .jp-editorial .hg-gd34 .gd34-lab__panel.is-on{animation:gd34-d2-in .5s var(--gd34-ease)}
@keyframes gd34-d2-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__note{margin-top:14px;padding:10px 12px 11px;border-radius:12px;background:color-mix(in srgb,var(--hg-red) 7%,var(--hg-white));color:var(--hg-ink);font-size:14.5px;line-height:1.8}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__note>span{display:block;color:var(--hg-red);font-size:12px;font-weight:800;letter-spacing:.06em;line-height:1.5}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-figcap{margin-top:14px;color:var(--hg-muted);font-size:13px;line-height:1.75;max-width:60em}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-figcap p{margin:0}

/* ---------- Вылет (ET): разрез с неподвижной привалочной плоскостью ---------- */
.hg-gd34 .gd34-et__axis{fill:none;stroke:var(--va-metal-line);stroke-width:1.4;stroke-dasharray:6 6}
.hg-gd34 .gd34-et__part{fill:var(--d2-part);stroke:var(--d2-part-line);stroke-width:1.2}
.hg-gd34 .gd34-et__gap{fill:var(--hg-ink);fill-opacity:.22}
.hg-gd34 .gd34-et__gap--out{fill:var(--hg-red);fill-opacity:.4}
.hg-gd34 .gd34-et__ghost{fill:none;stroke:var(--hg-red);stroke-width:1.8;stroke-dasharray:5 4;opacity:var(--ghost,0);transition:opacity .4s ease}
.hg-gd34 .gd34-et__hub{fill:var(--d2-hub);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-et__hub--flange{fill:var(--d2-plate)}
.hg-gd34 .gd34-et__web{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1.2;transform-box:fill-box;transform-origin:50% 100%;transform:skewX(var(--sk,31.2deg));transition:transform .75s var(--gd34-ease)}
.hg-gd34 .gd34-et__wheel{transform:translateX(calc(var(--dx,0) * 1px));transition:transform .75s var(--gd34-ease)}
.hg-gd34 .gd34-et__tyre{fill:var(--va-tyre);stroke:var(--va-tyre2);stroke-width:1.5}
.hg-gd34 .gd34-et__cavity{fill:var(--va-panel)}
.hg-gd34 .gd34-et__groove{fill:none;stroke:var(--va-panel);stroke-width:3.4;stroke-linecap:round}
.hg-gd34 .gd34-et__barrel{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-et__center{fill:none;stroke:var(--hg-ink);stroke-width:1.8;stroke-dasharray:7 5;opacity:.85}
.hg-gd34 .gd34-et__plane{fill:none;stroke:var(--hg-red);stroke-width:3.2}
.hg-gd34 .gd34-et__parts{opacity:var(--parts,1);transition:opacity .4s ease}
.hg-gd34 .gd34-et__gap--in{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(var(--gi,1));transition:transform .75s var(--gd34-ease)}
.hg-gd34 .gd34-et__gap--out{transform-box:fill-box;transform-origin:100% 50%;transform:scaleX(var(--go,1));transition:transform .75s var(--gd34-ease)}
.hg-gd34 .gd34-et__shift{opacity:0;transition:opacity .35s ease}
.hg-gd34 .gd34-lab[data-state="et35"] .gd34-et__shift{opacity:1}
.hg-gd34 .gd34-et__ro{font:800 34px/1 Montserrat,'Noto Sans JP',sans-serif;fill:var(--hg-ink);opacity:0;transition:opacity .35s ease}
.hg-gd34 .gd34-lab[data-state="et45"] .gd34-et__ro[data-for="et45"],.hg-gd34 .gd34-lab[data-state="et35"] .gd34-et__ro[data-for="et35"],
.hg-gd34 .gd34-lab[data-state="et0"] .gd34-et__ro[data-for="et0"],.hg-gd34 .gd34-lab[data-state="etm10"] .gd34-et__ro[data-for="etm10"]{opacity:1}

/* ---------- «Что проверить на автомобиле»: разрез колёсного узла ---------- */
.hg-store .jp-editorial .hg-gd34 .hg-gd34-ex--wide .hg-gd34-ex__fig{aspect-ratio:3/2}
.hg-gd34 .gd34-as__brake{fill:#8d949c;stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-as__caliper{fill:var(--hg-red);fill-opacity:.88;stroke:#8f1713;stroke-width:1}
.hg-gd34 .gd34-as__web{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-as__stud{fill:#7b8189;stroke:var(--va-metal-line);stroke-width:1}
.hg-gd34 .gd34-as__nut{fill:#b3b8bf;stroke:#5f656d;stroke-width:1.4}
.hg-gd34 .gd34-as__nutline{fill:none;stroke:#5f656d;stroke-width:1}
.hg-gd34 .gd34-as__pins rect{fill:#2b2d31;stroke:var(--hg-red);stroke-width:1.6}
.hg-gd34 .gd34-as__bodyline{fill:none;stroke:var(--hg-red);stroke-width:1.8;stroke-dasharray:6 5}
.hg-gd34 .gd34-as__wrench{fill:none;stroke:var(--hg-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hg-gd34 .gd34-as__ring{fill:none;stroke:var(--hg-red);stroke-width:2.6;stroke-dasharray:5 4}
.hg-gd34 .gd34-as__car{fill:var(--d2-part);stroke:var(--d2-part-line);stroke-width:1.6}
.hg-gd34 .gd34-as__axle{fill:none;stroke:var(--va-metal-line);stroke-width:2;stroke-linecap:round}
.hg-gd34 .gd34-as__tyre{fill:var(--va-tyre);stroke:var(--va-tyre2);stroke-width:1}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-duo--scene.is-swap>.hg-gd34-scene{order:2}

/* ---------- Лаборатории: общее (дополнение) ---------- */
.hg-gd34{--d2-face:#eef0f2;--d2-inner:#f6f7f8;--d2-brake:#6f7a86;--d2-line:#6b7178}
html[data-theme=dark] .hg-gd34{--d2-face:#2b2e33;--d2-inner:#1b1d20;--d2-brake:#8e99a5;--d2-line:#b8bdc3}
html[lang=ja] .hg-store .jp-editorial .hg-gd34 :is(h3,h4,small,strong){word-break:auto-phrase}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-chip{font-family:Montserrat,'Noto Sans JP',sans-serif}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-chip>span{display:block}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-chip.has-sub{flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:8px 10px 9px;border-radius:16px;text-align:center}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-chip>small{display:block;font-size:12px;font-weight:600;line-height:1.35;opacity:.82}
.hg-store .jp-editorial .hg-gd34 .gd34-lab:is(.gd34-lab--cmp,.gd34-lab--solo){grid-template-columns:minmax(0,1fr)}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--cmp :is(.gd34-lab__stage,.gd34-lab__side){width:100%;max-width:780px;margin-inline:auto}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--cmp.gd34-lab--n2 :is(.gd34-lab__stage,.gd34-lab__side){max-width:560px}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--cmp.gd34-lab--pack :is(.gd34-lab__stage,.gd34-lab__side){max-width:520px}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--cmp.gd34-lab--count :is(.gd34-lab__stage,.gd34-lab__side){max-width:420px}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--cmp .gd34-lab__stage>svg{padding:16px 14px 6px;box-sizing:border-box}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:8px;margin:0;padding:6px 14px 14px}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage .hg-gd34-chip{min-width:0;overflow-wrap:anywhere}
html:not(.hg-gd34-js) .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage{display:grid}
html:not(.hg-gd34-js) .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage .hg-gd34-chip{pointer-events:none;cursor:default}
@container (max-width:560px){
  .hg-store .jp-editorial .hg-gd34 .gd34-lab--cmp .gd34-lab__stage>svg{padding:12px 6px 2px}
  .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage{grid-template-columns:minmax(0,1fr);gap:6px;padding:6px 10px 12px}
  .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage .hg-gd34-chip{justify-content:flex-start;min-height:44px;padding:8px 14px;text-align:left}
  .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage .hg-gd34-chip.has-sub{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
  .hg-store .jp-editorial .hg-gd34 .gd34-lab__chips--stage .hg-gd34-chip.has-sub>small{text-align:right}
}
@container (max-width:560px){
  .hg-store .jp-editorial .hg-gd34 .gd34-lab--count .gd34-lab__chips--stage{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hg-store .jp-editorial .hg-gd34 .gd34-lab--count .gd34-lab__chips--stage .hg-gd34-chip{justify-content:center;text-align:center}
}
.hg-store .jp-editorial .hg-gd34 .gd34-key{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:0 0 10px;color:var(--hg-muted);font-size:13px;line-height:1.6}
.hg-store .jp-editorial .hg-gd34 .gd34-key li{display:inline-flex;align-items:center;gap:8px;margin:0}
.hg-gd34 .gd34-key__sw{flex:none;display:inline-block;width:24px;height:0;border-top:2.4px solid var(--hg-red)}
.hg-gd34 .gd34-key__sw--outer{border-top:1.5px dashed var(--d2-line)}
.hg-gd34 .gd34-key__sw--brake{height:10px;border:0;border-radius:2px;background:var(--d2-brake)}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__cap{margin:0;text-align:center;color:var(--hg-ink);font-size:14.5px;line-height:1.7}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__src{margin:12px 0 0;color:var(--hg-muted);font-size:12.5px;line-height:1.7}
@keyframes gd34-d2-blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ---------- Сравнение колёс: тот же внешний диаметр, разный диск; вид на тормозные механизмы ---------- */
.hg-gd34 .gd34-nb{white-space:nowrap}
.hg-gd34 .gd34-cw{transition:opacity .4s ease}
.hg-gd34 .gd34-cw__sel{fill:none;stroke:var(--hg-red);stroke-width:3;opacity:0;transition:opacity .35s ease}
.hg-gd34 .gd34-cw__tyre{fill:var(--va-tyre)}
.hg-gd34 .gd34-cw__tread{fill:none;stroke:var(--va-tyre2);stroke-width:2.4}
.hg-gd34 .gd34-cw__rim{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1}
.hg-gd34 .gd34-cw__face{fill:var(--d2-face)}
.hg-gd34 .gd34-cw__spk{fill:none;stroke:var(--va-metal-line);stroke-width:3;stroke-linecap:round;opacity:.7}
.hg-gd34 .gd34-cw__hub{fill:var(--d2-brake)}
.hg-gd34 .gd34-cw__bracket{fill:none;stroke:var(--hg-red);stroke-width:2.4;stroke-linecap:round}
.hg-gd34 .gd34-cw__outer{fill:none;stroke:var(--d2-line);stroke-width:1.2;stroke-dasharray:5 4}
.hg-gd34 .gd34-cw__inner{fill:var(--d2-inner)}
.hg-gd34 .gd34-cw__disc{fill:none;stroke:var(--d2-brake);stroke-width:3}
.hg-gd34 .gd34-cw__caliper{fill:var(--d2-brake)}
.hg-gd34 .gd34-cw__gap{fill:var(--d2-line);fill-opacity:.55}
.hg-gd34 .gd34-cw__touch{fill:var(--hg-red)}
html.hg-gd34-js .hg-gd34 .gd34-lab--cmp .gd34-cw{opacity:.55}
html.hg-gd34-js .hg-gd34 .gd34-lab--cmp[data-state="smaller"] .gd34-cw[data-w="smaller"],
html.hg-gd34-js .hg-gd34 .gd34-lab--cmp[data-state="original"] .gd34-cw[data-w="original"],
html.hg-gd34-js .hg-gd34 .gd34-lab--cmp[data-state="larger"] .gd34-cw[data-w="larger"]{opacity:1}
.hg-gd34 .gd34-lab--cmp[data-state="smaller"] .gd34-cw[data-w="smaller"] .gd34-cw__sel,
.hg-gd34 .gd34-lab--cmp[data-state="original"] .gd34-cw[data-w="original"] .gd34-cw__sel,
.hg-gd34 .gd34-lab--cmp[data-state="larger"] .gd34-cw[data-w="larger"] .gd34-cw__sel{opacity:1}
.hg-gd34 .gd34-lab--cmp[data-state="smaller"] .gd34-cw[data-w="smaller"] .gd34-cw__bracket,
.hg-gd34 .gd34-lab--cmp[data-state="original"] .gd34-cw[data-w="original"] .gd34-cw__bracket,
.hg-gd34 .gd34-lab--cmp[data-state="larger"] .gd34-cw[data-w="larger"] .gd34-cw__bracket{stroke-width:3.6}
.hg-gd34-motion .hg-gd34 .gd34-lab--cmp[data-state="smaller"] .gd34-cw[data-w="smaller"] .gd34-cw__touch{animation:gd34-d2-blink 1.4s ease-in-out 3}

/* ---------- Внешний диаметр по шагам: два столбика в одном масштабе ---------- */
.hg-gd34 .gd34-bar__ground{fill:none;stroke:var(--va-metal-line);stroke-width:1.6;stroke-linecap:round}
.hg-gd34 .gd34-bar__ref{fill:none;stroke:var(--hg-red);stroke-width:1.5;stroke-dasharray:5 4;opacity:0;transition:opacity .4s ease}
.hg-gd34 .gd34-bar__side{fill:var(--va-tyre);transition:fill .45s ease}
.hg-gd34 .gd34-bar__rim{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1.2;transition:fill .45s ease}
.hg-gd34 .gd34-bar__name{font:800 17px/1 Montserrat,'Noto Sans JP',sans-serif;fill:var(--hg-ink)}
.hg-gd34 .gd34-bar__lab{opacity:0;transition:opacity .4s ease}
.hg-gd34 .gd34-bar__lab text{font:800 15px/1 Montserrat,'Noto Sans JP',sans-serif}
.hg-gd34 .gd34-bar__lab--side text{fill:#fff}
.hg-gd34 .gd34-bar__lab--rim text{fill:#0d0e10}
.hg-gd34 .gd34-lab--bars[data-state="outer"] :is(.gd34-bar__lab--outer,.gd34-bar__ref),
.hg-gd34 .gd34-lab--bars[data-state="side"] .gd34-bar__lab--side,
.hg-gd34 .gd34-lab--bars[data-state="rim"] .gd34-bar__lab--rim{opacity:1}
.hg-gd34 .gd34-lab--bars[data-state="side"] .gd34-bar__side{fill:var(--d2-red-fill)}
.hg-gd34 .gd34-lab--bars[data-state="rim"] .gd34-bar__rim{fill:var(--d2-red-fill)}
.hg-gd34 .gd34-lab--bars[data-state="rim"] .gd34-bar__lab--rim text{fill:#fff}
html:not(.hg-gd34-js) .hg-gd34 .gd34-lab--bars .gd34-bar__lab--outer{opacity:1}

/* ---------- Норма для спидометра: полоса допустимой фактической скорости и отметка показания ---------- */
.hg-store .jp-editorial .hg-gd34 .gd34-speed__formula{margin:0;padding:16px 14px 0;text-align:center}
.hg-store .jp-editorial .hg-gd34 .gd34-speed__formula code{display:inline-block;max-width:100%;padding:6px 14px;border:1px solid var(--hg-line);border-radius:999px;background:var(--hg-white);color:var(--hg-ink);font:700 14px/1.5 Montserrat,'Noto Sans JP',sans-serif;overflow-wrap:anywhere}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--speed .gd34-lab__stage>svg{padding:6px 12px 14px;box-sizing:border-box}
.hg-gd34 .gd34-sp__ticks{fill:none;stroke:var(--va-metal-line);stroke-width:1.4}
.hg-gd34 .gd34-sp__track{fill:var(--gd34-panel-line)}
html[data-theme=dark] .hg-gd34 .gd34-sp__track{fill:#3a3d42}
.hg-gd34 .gd34-sp__band{fill:var(--hg-red);fill-opacity:.2;stroke:var(--hg-red);stroke-width:2;transition:fill-opacity .4s ease}
.hg-gd34 .gd34-sp__bandg{transition:opacity .4s ease,transform 1.1s var(--gd34-ease);transform-origin:var(--bx,180px) 0}
.hg-gd34 .gd34-sp__v2{font:800 15px/1 Montserrat,sans-serif;fill:var(--hg-ink)}
.hg-gd34 .gd34-sp__end{font:800 16px/1 Montserrat,sans-serif;fill:var(--hg-ink)}
.hg-gd34 .gd34-sp__brk{fill:none;stroke:var(--hg-ink);stroke-width:1.4;opacity:.55}
.hg-gd34 .gd34-sp__mark{transform:translateX(var(--mx,224px));transition:transform 1.3s var(--gd34-ease)}
.hg-gd34 .gd34-sp__pin{fill:none;stroke:var(--hg-ink);stroke-width:2.2;stroke-linecap:round;transition:stroke .3s ease}
.hg-gd34 .gd34-sp__tri{fill:var(--hg-ink);transition:fill .3s ease}
.hg-gd34 .gd34-lab--speed[data-state="v1"] .gd34-sp__bandg{opacity:.4}
.hg-gd34 .gd34-lab--speed[data-state="v1"] .gd34-sp__pin{stroke:var(--hg-red);stroke-width:3.2}
.hg-gd34 .gd34-lab--speed[data-state="v1"] .gd34-sp__tri{fill:var(--hg-red)}
.hg-gd34 .gd34-lab--speed[data-state="v2"] .gd34-sp__band{fill-opacity:.42}
.hg-gd34-motion .hg-gd34 .gd34-lab--speed:not(.is-live) .gd34-sp__mark{transform:translateX(24px)}
.hg-gd34-motion .hg-gd34 .gd34-lab--speed:not(.is-live) .gd34-sp__bandg{transform:scaleX(.02)}

/* ---------- Ориентир производителя и размер автомобиля: шкала вокруг штатного размера ---------- */
.hg-store .jp-editorial .hg-gd34 .gd34-lab--tol .gd34-lab__stage>svg{padding:10px 12px;box-sizing:border-box}
.hg-store .jp-editorial .hg-gd34 .gd34-lab--tol .hg-gd34-chip{border-radius:18px;text-align:left}
.hg-gd34 .gd34-tol__axis{fill:none;stroke:var(--va-metal-line);stroke-width:2.2;stroke-linecap:round}
.hg-gd34 .gd34-tol__tick{fill:none;stroke:var(--va-metal-line);stroke-width:1.4}
.hg-gd34 .gd34-tol__band{fill:var(--hg-red);fill-opacity:.2;stroke:var(--hg-red);stroke-width:2}
.hg-gd34 .gd34-tol__num{font:800 17px/1 Montserrat,sans-serif;fill:var(--hg-ink)}
.hg-gd34 .gd34-tol__zero{fill:none;stroke:var(--hg-ink);stroke-width:2.4;stroke-linecap:round}
.hg-gd34 .gd34-tol__dot{fill:var(--hg-ink);stroke:var(--hg-white);stroke-width:2.5}
/* приглушается сама фигура (полоса, линия и точка), а не группа с подписями: текст остаётся читаемым (контраст не ниже 4,5) */
.hg-gd34 .gd34-tol__band,.hg-gd34 .gd34-tol__zero,.hg-gd34 .gd34-tol__dot,.hg-gd34 .gd34-tol__num{transition:opacity .45s ease}
.hg-gd34 .gd34-lab--tol[data-state="michelin"] :is(.gd34-tol__zero,.gd34-tol__dot){opacity:.5}
.hg-gd34 .gd34-lab--tol[data-state="vehicle"] .gd34-tol__band{opacity:.28}
.hg-gd34 .gd34-lab--tol[data-state="vehicle"] .gd34-tol__num{opacity:.72}
.hg-gd34-motion .hg-gd34 .gd34-lab--tol[data-state="vehicle"] .gd34-tol__dot{animation:gd34-d2-blink 1.3s ease-in-out 3}

/* ---------- Комфорт и управляемость: профиль шины ниже или выше ---------- */
.hg-gd34 .gd34-ride__tyre{transition:opacity .5s ease}
.hg-gd34 .gd34-lab--ride[data-state="low"] .gd34-ride__tyre[data-w="high"],.hg-gd34 .gd34-lab--ride[data-state="high"] .gd34-ride__tyre[data-w="low"]{opacity:0}
.hg-gd34 .gd34-ride__ghost{fill:none;stroke:var(--hg-red);stroke-width:1.6;stroke-dasharray:5 4;opacity:0;transition:opacity .5s ease}
.hg-gd34 .gd34-lab--ride[data-state="low"] .gd34-ride__ghost[data-w="high"],.hg-gd34 .gd34-lab--ride[data-state="high"] .gd34-ride__ghost[data-w="low"]{opacity:.7}
.hg-store .jp-editorial .hg-gd34 .gd34-effects{display:grid;gap:8px;margin:2px 0 0}
.hg-store .jp-editorial .hg-gd34 .gd34-effects li{display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--hg-red) 7%,var(--hg-white));color:var(--hg-ink);font-size:15px;font-weight:700;line-height:1.5}
.hg-gd34 .gd34-effects .hg-gd34-ic{flex:none;width:24px;height:24px;color:var(--hg-red)}
.hg-gd34-motion .hg-gd34 .gd34-lab__panel.is-on .gd34-effects li{animation:gd34-d2-in .5s var(--gd34-ease) both;animation-delay:calc(var(--i,0) * .07s)}

/* ---------- Плитки из предложений ---------- */
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--s{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--s .hg-gd34-tile{align-items:start;gap:0 14px}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--s .hg-gd34-tile__ic{grid-row:auto}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--s .hg-gd34-tile :is(.hg-gd34-tile__where,.hg-gd34-tile__what){grid-column:2;margin-top:0;padding:0;background:none;font-size:15.5px;line-height:1.8}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tile.is-note{border-color:color-mix(in srgb,var(--hg-red) 32%,var(--hg-line));background:color-mix(in srgb,var(--hg-red) 6%,var(--hg-white))}

/* ---------- Центральное отверстие (DIA): вид спереди, без кольца и с кольцом ---------- */
.hg-gd34 .gd34-dia__face{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:2}
.hg-gd34 .gd34-dia__plate{fill:var(--d2-plate);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-dia__pcd{fill:none;stroke:var(--hg-red);stroke-width:2.2;stroke-dasharray:6 5}
.hg-gd34 .gd34-dia__hole{fill:#101113;stroke:var(--va-metal-line);stroke-width:1.4}
.hg-gd34 .gd34-dia__bore{fill:#0d0e10;stroke:var(--hg-ink);stroke-width:2}
.hg-gd34 .gd34-dia__gap{fill:none;stroke:var(--hg-red);stroke-width:12;stroke-opacity:.5;stroke-dasharray:3 4;opacity:calc(1 - var(--ring,0));transition:opacity .45s ease}
.hg-gd34 .gd34-dia__ringpart{fill:none;stroke:var(--d2-steel-hi);stroke-width:12;opacity:var(--ring,0);transition:opacity .45s ease}
.hg-gd34 .gd34-dia__hub{fill:var(--d2-hub);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-dia__hubdot{fill:#2b2d31}
.hg-gd34 .gd34-dia__lead{fill:none;stroke:var(--hg-ink);stroke-width:1.6;stroke-linecap:round;opacity:.7}
.hg-gd34 .gd34-dia__lab--hub{opacity:calc(1 - var(--ring,0));transition:opacity .4s ease}
.hg-gd34 .gd34-dia__lab--ring{opacity:var(--ring,0);transition:opacity .4s ease}

/* ---------- Зимний комплект: плюсы, условия с отметками, «диаметр → спидометр и кузов», б/у шины, разделы магазина ---------- */
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--big .hg-gd34-tile{align-items:center}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--big .hg-gd34-tile__ic{width:54px;height:54px;border-radius:16px}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--big .hg-gd34-tile__ic .hg-gd34-ic{width:28px;height:28px}
.hg-store .jp-editorial .hg-gd34 .hg-gd34-tiles--big .hg-gd34-tile :is(.hg-gd34-tile__where,.hg-gd34-tile__what){font-size:18px;font-weight:800;line-height:1.5}

.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list label{position:relative;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic . box" "tx tx tx";gap:12px;align-items:center;min-height:0;height:100%;padding:16px 16px 18px;border-radius:18px;box-sizing:border-box}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list label>:not(input,.gd34-gate__bg){position:relative;z-index:1}
.hg-store .jp-editorial .hg-gd34 .gd34-gate__bg{position:absolute;inset:0;border:1.5px solid var(--hg-line);border-radius:18px;background:var(--hg-white);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.hg-store .jp-editorial .hg-gd34 .gd34-gate__ic{grid-area:ic;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--hg-red) 9%,var(--hg-white));color:var(--hg-red);transition:transform .45s var(--gd34-ease),background .25s ease,color .25s ease}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__box{grid-area:box;margin:0}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__text{grid-area:tx;font-size:15.5px;line-height:1.7}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list input:checked~.gd34-gate__bg{border-color:var(--hg-red);background:color-mix(in srgb,var(--hg-red) 6%,var(--hg-white));box-shadow:0 10px 26px color-mix(in srgb,var(--hg-red) 14%,transparent)}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list input:checked~.gd34-gate__ic{background:var(--hg-red);color:#fff;transform:scale(1.08) rotate(-5deg)}
html[data-theme=dark] .hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list input:checked~.gd34-gate__ic{color:#121313}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list input:focus-visible~.gd34-gate__bg{outline:2px solid var(--hg-red);outline-offset:3px}
.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list input:checked~.hg-gd34-check__text{color:var(--hg-ink)}
@media (hover:hover){.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list label:hover{background:none}.hg-store .jp-editorial .hg-gd34 .gd34-gate .hg-gd34-check__list input:not(:checked)~.gd34-gate__bg:hover{border-color:var(--hg-red)}}

.hg-gd34 .gd34-cs__ref{fill:none;stroke:var(--d2-line);stroke-width:1.6;stroke-dasharray:5 4}
.hg-gd34 .gd34-cs__tyre{fill:var(--va-tyre)}
.hg-gd34 .gd34-cs__tread{fill:none;stroke:var(--va-tyre2);stroke-width:2.2}
.hg-gd34 .gd34-cs__rim{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1}
.hg-gd34 .gd34-cs__hub{fill:var(--d2-brake)}
.hg-gd34 .gd34-cs__wheel{transform-origin:72px 115px;transform:scale(var(--ws,1));transition:transform .65s var(--gd34-ease)}
.hg-gd34 .gd34-cs__wheel2{transform-origin:266px 196px;transform:scale(var(--ws2,1));transition:transform .65s var(--gd34-ease)}
.hg-gd34 .gd34-cs__arrow,.hg-gd34 .gd34-cs__head{fill:none;stroke:var(--va-metal-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease}
.hg-gd34 .gd34-cs__arrow{stroke-dasharray:7 7}
.hg-gd34 .gd34-lab--cause[data-state="diff"] :is(.gd34-cs__arrow,.gd34-cs__head){stroke:var(--hg-red)}
.hg-gd34-motion .hg-gd34 .gd34-lab--cause[data-state="diff"] .gd34-cs__arrow{animation:gd34-d2-dash 1.1s linear 4}
@keyframes gd34-d2-dash{to{stroke-dashoffset:-14}}
.hg-gd34 .gd34-cs__dial{fill:none;stroke:var(--va-metal-line);stroke-width:5;stroke-linecap:round}
.hg-gd34 .gd34-cs__ticks{fill:none;stroke:var(--va-metal-line);stroke-width:2;stroke-linecap:round}
.hg-gd34 .gd34-cs__needle{transform-origin:266px 82px;transform:rotate(var(--na,0deg));transition:transform .75s var(--gd34-ease)}
.hg-gd34 .gd34-cs__needle path{fill:none;stroke:var(--hg-ink);stroke-width:3.2;stroke-linecap:round}
.hg-gd34 .gd34-cs__pivot{fill:var(--hg-ink)}
.hg-gd34 .gd34-cs__bad{fill:none;stroke:var(--hg-red);stroke-width:3.2;stroke-linecap:round;opacity:var(--bad,0);transition:opacity .4s ease}
.hg-gd34 .gd34-cs__arch{fill:none;stroke:var(--d2-part-line);stroke-width:7;stroke-linecap:round}
.hg-gd34 .gd34-cs__fender{fill:none;stroke:var(--d2-part-line);stroke-width:4;stroke-linecap:round}
.hg-gd34 .gd34-cs__touch{fill:var(--hg-red);opacity:var(--bad,0);transition:opacity .4s ease}

.hg-store .jp-editorial .hg-gd34 .gd34-ucs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.hg-store .jp-editorial .hg-gd34 .gd34-uc{display:grid;grid-template-rows:auto 1fr;gap:14px;padding:18px;border:1px solid var(--hg-line);border-radius:22px;background:var(--hg-white);box-shadow:var(--gd34-shadow);color:var(--hg-ink)}
.hg-store .jp-editorial .hg-gd34 .gd34-uc__art{display:grid;place-items:center;padding:14px 12px;border-radius:14px;background:var(--gd34-panel)}
.hg-store .jp-editorial .hg-gd34 .gd34-uc__art>svg{display:block;width:100%;max-width:340px;height:auto;margin:0}
.hg-store .jp-editorial .hg-gd34 .gd34-uc p{margin:0;font-size:15.5px;line-height:1.8}
.hg-store .jp-editorial .hg-gd34 .gd34-ucs+.gd34-lab__note{margin-top:14px}
.hg-gd34 .gd34-sn__g{fill:var(--hg-white);stroke:var(--va-metal-line);stroke-width:2}
.hg-gd34 .gd34-sn__g--last{fill:color-mix(in srgb,var(--hg-red) 12%,var(--hg-white));stroke:var(--hg-red);stroke-width:3}
.hg-gd34 .gd34-sn__dot{fill:var(--va-metal-line)}
.hg-gd34 .gd34-sn__dot--last{fill:var(--hg-red)}
.hg-gd34 .gd34-sn__dot-t{font:800 20px/1 Montserrat,sans-serif;fill:var(--hg-ink);letter-spacing:.1em}
.hg-gd34 .gd34-sn__brk{fill:none;stroke:var(--hg-red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hg-gd34 .gd34-tr__block{fill:var(--va-tyre)}
.hg-gd34 .gd34-tr__gr{fill:none;stroke:var(--va-panel);stroke-width:5;stroke-linecap:round;opacity:.55}
.hg-gd34 .gd34-tr__fill{fill:var(--hg-red);fill-opacity:.55;transform-box:fill-box;transform-origin:50% 100%}
.hg-gd34 .gd34-tr__line{fill:none;stroke:var(--hg-red);stroke-width:2.6;stroke-dasharray:6 4;stroke-linecap:round}
.hg-gd34-motion .hg-gd34 .gd34-uc.is-shown .gd34-tr__fill{animation:gd34-d2-grow 1.2s var(--gd34-ease) .25s both}
@keyframes gd34-d2-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

.hg-store .jp-editorial .hg-gd34 .gd34-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:0;padding:0}
.hg-store .jp-editorial .hg-gd34 .gd34-cats>li{margin:0;padding:0;list-style:none}
@container (min-width:620px){.hg-store .jp-editorial .hg-gd34 .gd34-cats--n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hg-store .jp-editorial .hg-gd34 .gd34-cat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;height:100%;padding:18px 20px;border:1px solid var(--hg-line);border-radius:20px;background:var(--hg-white);box-shadow:var(--gd34-shadow);box-sizing:border-box;color:var(--hg-ink);text-decoration:none;transition:transform .3s var(--gd34-ease),border-color .2s ease}
.hg-store .jp-editorial .hg-gd34 .gd34-cat__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--hg-red) 9%,var(--hg-white));color:var(--hg-red)}
.hg-store .jp-editorial .hg-gd34 .gd34-cat__ic .hg-gd34-ic{width:26px;height:26px}
.hg-store .jp-editorial .hg-gd34 .gd34-cat__t{font-size:17px;font-weight:800;line-height:1.4}
.hg-store .jp-editorial .hg-gd34 .gd34-cat__go .hg-gd34-ic{width:22px;height:22px;color:var(--hg-red);transition:transform .25s var(--gd34-ease)}
/* ---------- Зимние шины и выбор по сезону ---------- */
.hg-store .jp-editorial .hg-gd34 .gd34-stack{display:grid;gap:clamp(14px,2vw,22px)}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__stage>svg:is(.gd34-kd,.gd34-ft){max-width:340px;margin-inline:auto}
.hg-gd34 :is(.gd34-lab--kinds,.gd34-lab--marks){--tb-blk:color-mix(in srgb,var(--vd-rub) 30%,var(--vd-rub-hi));--tb-gr:var(--vd-well)}
.hg-gd34 .gd34-tb__shadow{fill:#0000001c}
.hg-gd34 .gd34-tb__top{fill:var(--tb-blk)}
.hg-gd34 .gd34-tb__front{fill:var(--va-tyre)}
.hg-gd34 .gd34-tb__end{fill:var(--vd-rub-lo)}
.hg-gd34 .gd34-tb__sheen{fill:#ffffff0f}
.hg-gd34 .gd34-tb__edge{fill:none;stroke:#ffffff33;stroke-width:1.4;stroke-linecap:round}
.hg-gd34 .gd34-tb__bead{fill:none;stroke:var(--vd-rub-hi);stroke-width:1.2;opacity:.55}
.hg-gd34 .gd34-tb__gr{fill:var(--tb-gr)}
.hg-gd34 .gd34-tb__bl{fill:var(--tb-blk);stroke:var(--tb-blk);stroke-width:1.6;stroke-linejoin:round}
.hg-gd34 .gd34-tb__vg{fill:none;stroke:var(--tb-gr);stroke-width:5.2;stroke-linejoin:miter}
.hg-gd34 .gd34-tb__hi{fill:none;stroke:#ffffff33;stroke-width:.9;stroke-linecap:round}
.hg-gd34 .gd34-tb__sp{fill:none;stroke:var(--tb-gr);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.hg-gd34 .gd34-tb__no{fill:none;stroke:var(--tb-gr);stroke-width:3.2;stroke-linecap:round}
.hg-gd34 .gd34-tb__mk text{font-size:13px;text-anchor:end;paint-order:stroke;stroke:#0000004d;stroke-width:1.4;stroke-linejoin:round}
.hg-gd34 .gd34-tb__lt rect{fill:#ffffff29;stroke:#00000040;stroke-width:.8}
.hg-gd34 .gd34-tb__rim{fill:var(--vd-m2)}
.hg-gd34 .gd34-tb__emb path{fill:none;stroke:var(--vd-letter);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.hg-gd34 .gd34-tb__emb--sh path{stroke:#00000066}
.hg-gd34 .gd34-kd__badge{color:var(--hg-red)}
.hg-gd34 .gd34-kd__badge :is(circle,rect){fill:var(--d2-face);stroke:var(--va-metal-line);stroke-width:1.4}
.hg-gd34 .gd34-lab--kinds :is(.gd34-tb__pat,.gd34-tb__mk,.gd34-kd__badge){opacity:0;transition:opacity .45s ease}
.hg-gd34 .gd34-lab--kinds[data-state="summer"] [data-k="summer"],.hg-gd34 .gd34-lab--kinds[data-state="studless"] [data-k="studless"],
.hg-gd34 .gd34-lab--kinds[data-state="severe"] [data-k="severe"],.hg-gd34 .gd34-lab--kinds[data-state="allseason"] [data-k="allseason"]{opacity:1}
.hg-gd34 .gd34-mk__yes{opacity:0;transition:opacity .45s ease}
.hg-gd34 .gd34-lab--marks[data-state="with"] .gd34-mk__yes{opacity:1}
.hg-gd34 .gd34-mk__link{fill:none;stroke:var(--hg-red);stroke-width:1.7;stroke-dasharray:3 4;stroke-linecap:round}
.hg-gd34 .gd34-mk__lens{fill:var(--va-panel)}
.hg-gd34 .gd34-mk__lens-ring{fill:none;stroke:var(--hg-red);stroke-width:2.6}
.hg-gd34 .gd34-mk__pad{fill:none;stroke:#ffffff8c;stroke-width:.8;stroke-linecap:round}
.hg-store .jp-editorial .hg-gd34 .gd34-lab__stage>svg.gd34-fn{max-width:360px;margin-inline:auto;padding:14px 10px;box-sizing:border-box}
.hg-gd34 .gd34-fn__bar{fill:var(--gd34-panel-line);stroke:transparent;stroke-width:2;transition:fill .4s ease,stroke .4s ease}
html[data-theme=dark] .hg-gd34 .gd34-fn__bar{fill:#34373b}
.hg-gd34 .gd34-fn__num{fill:var(--d2-num-off);--fn-on:var(--d2-red-fill);transition:fill .4s ease}
.hg-gd34 .gd34-fn__t{font:800 15px/1 Montserrat,sans-serif;fill:#fff}
.hg-gd34 .gd34-fn__dot{fill:var(--va-metal-line);transition:fill .4s ease}
.hg-gd34 .gd34-lab--funnel[data-state="s1"] .gd34-fn__step[data-s="1"] :is(.gd34-fn__num,.gd34-fn__dot),
.hg-gd34 .gd34-lab--funnel[data-state="s2"] .gd34-fn__step:is([data-s="1"],[data-s="2"]) :is(.gd34-fn__num,.gd34-fn__dot),
.hg-gd34 .gd34-lab--funnel[data-state="s3"] .gd34-fn__step:is([data-s="1"],[data-s="2"],[data-s="3"]) :is(.gd34-fn__num,.gd34-fn__dot),
.hg-gd34 .gd34-lab--funnel[data-state="s4"] .gd34-fn__step :is(.gd34-fn__num,.gd34-fn__dot){fill:var(--fn-on,var(--hg-red))}
.hg-gd34 .gd34-lab--funnel[data-state="s1"] .gd34-fn__step[data-s="1"] .gd34-fn__bar,
.hg-gd34 .gd34-lab--funnel[data-state="s2"] .gd34-fn__step:is([data-s="1"],[data-s="2"]) .gd34-fn__bar,
.hg-gd34 .gd34-lab--funnel[data-state="s3"] .gd34-fn__step:is([data-s="1"],[data-s="2"],[data-s="3"]) .gd34-fn__bar,
.hg-gd34 .gd34-lab--funnel[data-state="s4"] .gd34-fn__step .gd34-fn__bar{fill:color-mix(in srgb,var(--hg-red) 16%,var(--hg-white))}
html[data-theme=dark] .hg-gd34 .gd34-lab--funnel[data-state="s1"] .gd34-fn__step[data-s="1"] .gd34-fn__bar,
html[data-theme=dark] .hg-gd34 .gd34-lab--funnel[data-state="s2"] .gd34-fn__step:is([data-s="1"],[data-s="2"]) .gd34-fn__bar,
html[data-theme=dark] .hg-gd34 .gd34-lab--funnel[data-state="s3"] .gd34-fn__step:is([data-s="1"],[data-s="2"],[data-s="3"]) .gd34-fn__bar,
html[data-theme=dark] .hg-gd34 .gd34-lab--funnel[data-state="s4"] .gd34-fn__step .gd34-fn__bar{fill:color-mix(in srgb,var(--hg-red) 26%,#1f2123)}
.hg-gd34 .gd34-lab--funnel[data-state="s1"] .gd34-fn__step[data-s="1"] .gd34-fn__bar,.hg-gd34 .gd34-lab--funnel[data-state="s2"] .gd34-fn__step[data-s="2"] .gd34-fn__bar,
.hg-gd34 .gd34-lab--funnel[data-state="s3"] .gd34-fn__step[data-s="3"] .gd34-fn__bar,.hg-gd34 .gd34-lab--funnel[data-state="s4"] .gd34-fn__step[data-s="4"] .gd34-fn__bar{stroke:var(--hg-red)}
.hg-gd34 .gd34-ft__body{fill:var(--d2-part);stroke:var(--d2-part-line);stroke-width:2}
.hg-gd34 .gd34-ft__glass{fill:var(--va-metal);opacity:.65}
.hg-gd34 .gd34-ft__roof{fill:var(--d2-plate);opacity:.7}
.hg-gd34 .gd34-ft__w{fill:var(--hg-red);transition:fill .45s ease}
.hg-gd34 .gd34-lab--fit4[data-state="some"] .gd34-ft__w:is([data-w="rl"],[data-w="rr"]){fill:var(--va-tyre2)}
.hg-gd34 .gd34-ft__skid{fill:none;stroke:var(--hg-red);stroke-width:3;stroke-dasharray:7 7;stroke-linecap:round;opacity:0;transition:opacity .4s ease}
.hg-gd34 .gd34-ft__warn{color:var(--hg-red);opacity:0;transition:opacity .4s ease}
.hg-gd34 .gd34-lab--fit4[data-state="some"] :is(.gd34-ft__skid,.gd34-ft__warn){opacity:1}
.hg-gd34 .gd34-ft__car{transform-origin:120px 110px}
.hg-gd34-motion .hg-gd34 .gd34-lab--fit4[data-state="some"] .gd34-ft__car{animation:gd34-d2-wobble 1s ease-in-out 2}
@keyframes gd34-d2-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
.hg-store .jp-editorial .hg-gd34 .gd34-duo2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
@container (min-width:740px){.hg-store .jp-editorial .hg-gd34 .gd34-duo2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.hg-store .jp-editorial .hg-gd34 .gd34-chains{margin:0;padding:18px 18px 20px;border:1px solid var(--hg-line);border-radius:22px;background:var(--hg-white);box-shadow:var(--gd34-shadow);color:var(--hg-ink)}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__cap{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--hg-ink);font-size:16px;font-weight:800;line-height:1.5}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__cap .hg-gd34-ic{flex:none;width:26px;height:26px;color:var(--hg-red)}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__row{display:flex;flex-wrap:wrap;justify-content:space-around;gap:14px 18px}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__it{display:grid;justify-items:center;gap:3px;text-align:center}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__sign{display:block;width:92px;height:92px;margin:0}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__it>span{font-size:14.5px;font-weight:700;line-height:1.4}
.hg-store .jp-editorial .hg-gd34 .gd34-chains__it>small{color:var(--hg-muted);font-size:12.5px;line-height:1.4}
.hg-gd34 .gd34-chains__disc{fill:var(--hg-red)}
.hg-gd34 .gd34-chains__in{fill:#fff}
.hg-gd34 .gd34-chains__n{font:800 36px/1 Montserrat,sans-serif;fill:#0d0e10}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--store .hg-gd34-tile__ic{grid-row:1/3;align-self:start}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--store .hg-gd34-tile__t{margin:0 0 4px;font-size:16.5px}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--store{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
@container (min-width:600px){.hg-store .jp-editorial .hg-gd34 .gd34-tiles--store>.hg-gd34-tile:last-child:nth-child(5){grid-column:span 2}}

/* ---------- Комплект, пара или одна штука ---------- */
.hg-gd34 .gd34-pk{transition:opacity .4s ease}
.hg-gd34 .gd34-pk__box{fill:var(--hg-white);stroke:var(--hg-line);stroke-width:2;transition:stroke .3s ease}
html[data-theme=dark] .hg-gd34 .gd34-pk__box{fill:#1f2123}
html.hg-gd34-js .hg-gd34 .gd34-lab--pack .gd34-pk{opacity:.55}
html.hg-gd34-js .hg-gd34 .gd34-lab--pack[data-state="tyres"] .gd34-pk[data-w="tyres"],html.hg-gd34-js .hg-gd34 .gd34-lab--pack[data-state="wheels"] .gd34-pk[data-w="wheels"],
html.hg-gd34-js .hg-gd34 .gd34-lab--pack[data-state="set"] .gd34-pk[data-w="set"]{opacity:1}
.hg-gd34 .gd34-lab--pack[data-state="tyres"] .gd34-pk[data-w="tyres"] .gd34-pk__box,.hg-gd34 .gd34-lab--pack[data-state="wheels"] .gd34-pk[data-w="wheels"] .gd34-pk__box,
.hg-gd34 .gd34-lab--pack[data-state="set"] .gd34-pk[data-w="set"] .gd34-pk__box{stroke:var(--hg-red)}
.hg-gd34 .gd34-pk__tyre{fill:var(--va-tyre)}
.hg-gd34 .gd34-pk__tread{fill:none;stroke:var(--va-tyre2);stroke-width:2.4}
.hg-gd34 .gd34-pk__void{fill:var(--gd34-panel);stroke:var(--d2-line);stroke-width:2;stroke-dasharray:5 4}
.hg-gd34 .gd34-pk__rim{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-pk__face{fill:var(--d2-face)}
.hg-gd34 .gd34-pk__spk{fill:none;stroke:var(--va-metal-line);stroke-width:3;stroke-linecap:round;opacity:.7}
.hg-gd34 .gd34-pk__hub{fill:var(--d2-brake)}
.hg-gd34 .gd34-pk__acc circle{fill:none;stroke:var(--hg-red);stroke-width:2;stroke-dasharray:3 3}
.hg-gd34 .gd34-pk__accnote{opacity:0;transition:opacity .4s ease}
.hg-gd34 .gd34-lab--pack[data-state="set"] .gd34-pk__accnote{opacity:1}
.hg-gd34 .gd34-ct__slot{fill:none;stroke:var(--d2-line);stroke-width:1.6;stroke-dasharray:3 4;opacity:.55}
.hg-gd34 .gd34-ct__tyre{fill:var(--va-tyre)}
.hg-gd34 .gd34-ct__rim{fill:var(--va-metal)}
.hg-gd34 .gd34-ct__hub{fill:var(--d2-brake)}
.hg-gd34 .gd34-ct__w :is(.gd34-ct__tyre,.gd34-ct__rim,.gd34-ct__hub){opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .3s ease calc(var(--i,0) * .035s),transform .45s var(--gd34-ease) calc(var(--i,0) * .035s)}
.hg-gd34 .gd34-lab--count[data-state="n2"] .gd34-ct__w:nth-child(-n+2) :is(.gd34-ct__tyre,.gd34-ct__rim,.gd34-ct__hub),
.hg-gd34 .gd34-lab--count[data-state="n6"] .gd34-ct__w:nth-child(-n+6) :is(.gd34-ct__tyre,.gd34-ct__rim,.gd34-ct__hub),
.hg-gd34 .gd34-lab--count[data-state="n16"] .gd34-ct__w :is(.gd34-ct__tyre,.gd34-ct__rim,.gd34-ct__hub){opacity:1;transform:none}
.hg-store .jp-editorial .hg-gd34 .gd34-lk{padding:16px 10px 12px;border:1px solid var(--hg-line);border-radius:22px;background:var(--hg-white);box-shadow:var(--gd34-shadow)}
.hg-store .jp-editorial .hg-gd34 .gd34-lk>svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.hg-gd34 .gd34-lk__card{fill:var(--gd34-panel);stroke:var(--d2-part-line);stroke-width:1.6}
.hg-gd34 .gd34-lk__card--set{fill:color-mix(in srgb,var(--hg-red) 10%,var(--hg-white));stroke:var(--hg-red);stroke-width:2.2}
.hg-gd34 .gd34-lk__ico{fill:var(--va-tyre)}
.hg-gd34 .gd34-lk__ico2{fill:var(--gd34-panel)}
.hg-gd34 .gd34-lk__ico--m{fill:var(--va-metal);stroke:var(--va-metal-line);stroke-width:1.2}
.hg-gd34 .gd34-lk__ico2--m{fill:var(--d2-brake)}
.hg-gd34 .gd34-lk__no{fill:var(--d2-part-line);opacity:.7}
.hg-gd34 .gd34-lk__badge--a :is(rect,circle){fill:var(--hg-ink);opacity:.8}
.hg-gd34 .gd34-lk__badge--b :is(rect,circle){fill:var(--hg-red);opacity:.9}
.hg-gd34 .gd34-lk__links path{fill:none;stroke:var(--hg-red);stroke-width:3;stroke-dasharray:7 6;stroke-linecap:round}
.hg-gd34-motion .hg-gd34 .gd34-lk.is-live .gd34-lk__links path{animation:gd34-d2-dashl 1.2s linear 4}
@keyframes gd34-d2-dashl{to{stroke-dashoffset:-13}}
.hg-gd34 .gd34-lk__link{color:var(--hg-red)}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--ask{grid-template-columns:minmax(0,1fr)}
@container (min-width:520px){.hg-store .jp-editorial .hg-gd34 .gd34-tiles--ask{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--ask .hg-gd34-tile{align-items:center;padding:14px 16px}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--ask .hg-gd34-tile__t{grid-column:2;font-size:16px}
.hg-store .jp-editorial .hg-gd34 .gd34-tiles--ask .hg-gd34-tile__ic{grid-row:auto}

.hg-store .jp-editorial .hg-gd34 .gd34-cat:focus-visible{outline:2px solid var(--hg-red);outline-offset:3px}
@media (hover:hover){.hg-store .jp-editorial .hg-gd34 .gd34-cat:hover{border-color:var(--hg-red);transform:translateY(-3px)}.hg-store .jp-editorial .hg-gd34 .gd34-cat:hover .gd34-cat__go .hg-gd34-ic{transform:translateX(4px)}}