/* Страницы каталога, систем, совместимости, клиникам, лабораториям — тот же «Прибор»:
   графит на светлой студии, числа — герой (Montserrat 300), капители-шкалы, золотая линия с рисками. */

.pgm{display:block;padding-bottom:var(--s8)}
.pgm .crumbs{padding-top:var(--s5)}
html:not(.js) .js-only[hidden]{display:none!important}   /* .js ставит intro-gate.js в <head>: блоки для JS видны с первого кадра, без сдвига (CLS) */

/* меню разделов на телефоне — css/chrome.css (.stm-menu) */

/* шкала-рулетка: золотая линия + риски через 8 и 40 px (как у степпера) */
.ruler{position:relative}
.ruler::after{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;pointer-events:none;
  background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat,
             repeating-linear-gradient(90deg,var(--gold-soft) 0 1px,transparent 1px 8px) 0 100%/100% 4px no-repeat,
             repeating-linear-gradient(90deg,var(--gold) 0 1px,transparent 1px 40px) 0 100%/100% 8px no-repeat}

/* ---------- шапка страницы ---------- */
.phead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s6) var(--s12);align-items:end;padding-top:var(--s6);padding-bottom:var(--s8);position:relative}
.phead::after{content:'';position:absolute;left:var(--s8);right:var(--s8);bottom:0;height:10px;pointer-events:none;
  background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat,
             repeating-linear-gradient(90deg,var(--gold-soft) 0 1px,transparent 1px 8px) 0 100%/100% 4px no-repeat,
             repeating-linear-gradient(90deg,var(--gold) 0 1px,transparent 1px 40px) 0 100%/100% 8px no-repeat}
.phead h1{font-size:var(--t-h1);font-weight:700;line-height:1.12;letter-spacing:-.015em;text-wrap:balance;max-width:20em}
.kick{margin-bottom:var(--s2);color:var(--ink-2)}
.phead .lead{margin-top:var(--s3);max-width:40em;color:var(--ink-2)}
.phead .lead b{color:var(--ink);font-weight:600}
.phead > :only-child{grid-column:1/-1}
.facts3{display:grid;grid-template-columns:repeat(3,auto);justify-content:end;gap:var(--s2) var(--s10);padding-bottom:var(--s1)}
.facts3 div{display:flex;flex-direction:column-reverse;gap:2px}
.facts3 b{font-size:var(--t-num-2);font-weight:300;line-height:1.05;white-space:nowrap}
.facts3 b small{font-size:.5em;font-weight:500;margin-left:4px}
@media (max-width:899px){
  .phead{grid-template-columns:1fr;padding-top:var(--s4);padding-bottom:var(--s6)}
  .facts3{justify-content:start;gap:var(--s2) var(--s6)}
}
@media (max-width:719px){.phead::after{left:var(--s4);right:var(--s4)}.phead h1{font-size:25px}.phead .lead{font-size:14px}.facts3 b{font-size:22px}}

/* ---------- поиск каталога ---------- */
.csearch{position:relative;min-width:0;align-self:end}
.csearch .cres{position:absolute;left:0;right:0;top:calc(100% - 4px);z-index:25}
.csearch .qmeta{position:absolute;left:0;top:100%;margin-top:4px}
.csearch .cres{top:calc(100% + 24px)}
.cres{margin-top:var(--s2);border:1px solid var(--rule);border-radius:var(--r2);background:var(--card);box-shadow:var(--shadow-2);max-height:min(60vh,520px);overflow:auto;overscroll-behavior:contain}
.cres[hidden]{display:none}
.cres .none{padding:var(--s4)}
/* ---------- фасеты ---------- */
.fac{display:grid;gap:var(--s3);padding:var(--s5) 0 var(--s2)}
.frow{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:var(--s3)}
.frow > .sc{color:var(--ink-3)}
.frow .chips{gap:6px}
.frow .chip{min-height:38px;min-width:0;padding:0 var(--s3);font-size:14px;font-weight:500;text-decoration:none}
.frow .chip small{margin-left:6px;color:var(--ink-3);font-weight:600;font-size:12px;font-variant-numeric:tabular-nums}
.frow a.chip[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.frow a.chip[aria-current] small{color:#c9cfd5}
.frow .chip[aria-pressed=true] small{color:#c9cfd5}
.fcount{font-size:13px;color:var(--ink-2);white-space:nowrap}
@media (max-width:719px){
  .frow{grid-template-columns:1fr;gap:var(--s1)}
  .frow .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--s4));padding:6px var(--s4);
    /* край ленты гаснет: видно, что фильтры листаются, а не обрезаны */
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
  .frow .chips::-webkit-scrollbar{display:none}
  .frow .chip{flex:none}
}

/* ---------- дерево витрины ---------- */
.psec{padding-top:var(--s10)}
.psec[hidden]{display:none}
.psec-h{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--ink)}
.psec-h h2{font-size:var(--t-xl);font-weight:700;letter-spacing:-.01em}
.psec-h h2 a{color:var(--ink);text-decoration:none}
.psec-h h2 a:hover{text-decoration:underline}
.psec-h p{font-size:13px;color:var(--ink-2);text-align:right}
.tiles{list-style:none;margin:0;padding:var(--s4) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:var(--s3)}
.tile[hidden]{display:none}
.tile a{display:grid;grid-template-rows:auto 1fr auto auto;height:100%;padding:0 var(--s4) var(--s4);background:var(--card);border:1px solid var(--rule-2);border-radius:var(--r3);overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color var(--d-1) var(--ez),box-shadow var(--d-2) var(--ez),transform var(--d-2) var(--ez)}
.tile a:hover{border-color:var(--rule);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.tile a:hover .tt{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.tile a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* студия плитки: пол на 86 %, золотая линия, контактная тень */
.tile .pic{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:1/0.82;margin:0 calc(-1 * var(--s4)) var(--s3);padding-bottom:12%;
  background:var(--studio-light),linear-gradient(180deg,#f3f6f9 0,#e9eef3 88%,#e2e8ee 88%,#dce3e9 100%);overflow:hidden}
.tile .pic::after{content:'';position:absolute;left:0;right:0;bottom:12%;height:1px;background:var(--gold-soft)}
.tile .pic::before{content:'';position:absolute;left:30%;right:30%;bottom:calc(12% - 4px);height:8px;border-radius:50%;background:radial-gradient(closest-side,rgba(30,40,55,.22),rgba(30,40,55,0))}
.tile .pic > img{position:relative;width:78%;height:86%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply;transition:transform var(--d-2) var(--ez)}
/* фото на сером листе #f2f2f2: высветляем лист до белого, multiply растворяет его в студии — без «квадрата в квадрате» */
.tile .pic > img.sheet{width:92%;height:100%;object-position:50% 50%;filter:brightness(1.055);margin-bottom:-6%}
.tile .pic:has(img.sheet)::before{display:none}
.tile a:hover .pic > img,.tile a:hover .pic .pz{transform:translateY(-3px)}

.tile .tt{font-size:15px;font-weight:600;line-height:1.3}
.tile .tt small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--ink-2)}
.tile .meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);margin-top:var(--s3)}
.tile .meta b{font-size:20px;font-weight:300;letter-spacing:-.01em;white-space:nowrap}
.tile .meta span{font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.tile .tags{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s2);margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--rule-2)}
.tile .tags .sc{font-size:12px;color:var(--ink-3)}
.tile .stock{font-size:12px}
@media (max-width:719px){
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{gap:var(--s2)}
  .tile a{padding:0 var(--s3) var(--s3)}
  .tile .pic{margin:0 calc(-1 * var(--s3)) var(--s2)}
  .tile .tt{font-size:13.5px}
  .tile .meta{flex-direction:column;gap:0}
  .tile .meta b{font-size:18px}
  .psec{padding-top:var(--s8)}
  .psec-h{flex-direction:column;gap:2px}.psec-h p{text-align:left}
  .psec-h h2{font-size:20px}
}

/* ---------- протетика к мультиюниту (было «набор техника») ---------- */
.kit{margin-top:var(--s6);padding:var(--s6);background:var(--card);border:1px solid var(--rule);border-radius:var(--r3);box-shadow:var(--shadow-1);position:relative;overflow:hidden}
.kit::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mag)}
.kit-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4) var(--s8)}
.kit-h h2{font-size:var(--t-xl);font-weight:700;letter-spacing:-.01em;margin-top:2px}
.kn{display:flex;align-items:center;gap:var(--s2)}
.kt{display:flex;flex-direction:column-reverse}
.kt b{font-size:34px;font-weight:300;line-height:1.05;letter-spacing:-.01em}
.kit-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s4)}
.kit-f .btn{min-height:52px;min-width:240px;font-size:16px}
/* протетика к мультиюниту (labkit.js): шаги-вопросы → состав */
.lk-lead{margin-top:var(--s2);max-width:60em;color:var(--ink-2);font-size:15px}
.lk-app{display:grid;gap:var(--s5);margin-top:var(--s5)}
.lk-app[hidden]{display:none}
.lk-mu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s4);padding:var(--s3) var(--s4);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r2)}
.lk-mu .sc{flex-basis:100%}
.lk-mut{display:flex;flex-direction:column;margin:0}
.lk-mut b{font-size:18px}
.lk-mut small{font-size:13px;color:var(--ink-2)}
.lk-st{display:grid;gap:var(--s2)}
.lk-q{display:flex;align-items:center;gap:var(--s2);margin:0;font-size:16px}
.lk-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--mag);color:var(--mag);font-size:13px;font-weight:700;flex:none}
.lk-st.ok .lk-n{background:var(--ink);border-color:var(--ink);color:#fff}
.lk-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s6)}
.lk-ch{display:flex;flex-wrap:wrap;gap:var(--s2)}
.lk-opt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:var(--tap);min-width:120px;padding:var(--s2) var(--s4);background:var(--card);border:1px solid var(--rule-ctl);border-radius:var(--r2);font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--d-1) var(--ez),background-color var(--d-1) var(--ez)}
.lk-opt b{font-size:15px;font-weight:600}
.lk-opt small{font-size:12.5px;color:var(--ink-2);line-height:1.35}
.lk-opt:hover{border-color:var(--ink)}
.lk-opt[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.lk-opt[aria-checked=true] small{color:rgba(255,255,255,.78)}
.lk-opt:disabled{color:var(--ink-3);border-style:dashed;cursor:not-allowed;background:var(--card)}
.lk-opt:disabled small{color:var(--ink-3)}
.lk-opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.lk-sub{margin-top:var(--s3);padding-left:var(--s4);border-left:2px solid var(--rule)}
.lk-q2{margin:0 0 var(--s2);font-size:14px;font-weight:600}
.lk-note{font-size:12.5px;line-height:1.4;color:var(--ink-2)}
.lk-res{padding-top:var(--s4);border-top:1px solid var(--rule)}
.lk-res h3{font-size:18px;font-weight:700}
.lk-wait{margin:0;color:var(--ink-2);font-size:14px}
.lk-why{margin:var(--s1) 0 var(--s2);font-size:13.5px;color:var(--ink-2)}
.lk-l,.lk-ex{list-style:none;margin:0;padding:0}
.lk-it,.lk-ex li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 140px;align-items:center;gap:var(--s1) var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--rule-2)}
.lk-ex li{grid-template-columns:minmax(0,1fr) 140px}
.lk-it.off{color:var(--ink-3)}
.lk-it.off .lk-nm a{color:var(--ink-3)}
.lk-it.wait .lk-sel{border-color:var(--mag)}
.lk-cb{display:flex;align-items:flex-start;gap:var(--s2);cursor:pointer}
.lk-cb input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--ink)}
.lk-nm{display:flex;flex-direction:column;gap:1px}
.lk-nm a{font-weight:600;font-size:14.5px;color:inherit;text-underline-offset:3px}
.lk-nm small{font-size:12.5px;color:var(--ink-2)}
.lk-v{font-size:13.5px;color:var(--ink-2)}
.lk-sel{width:100%;min-height:40px;padding:0 var(--s3);border:1px solid var(--rule-ctl);border-radius:var(--r2);background:var(--card);font:500 14px var(--f);color:var(--ink)}
.lk-sel:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.lk-p{text-align:right;font-weight:600;font-size:14px}
.lk-it.off .lk-p{font-weight:400}
.lk-nt{grid-column:1/-1;font-size:12.5px;line-height:1.4;color:var(--ink-2);padding-left:28px}
.lk-it{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 120px}
.lk-it>.lk-cb,.lk-it>.lk-p{padding-top:8px}
/* разбивка строки: под-строки «вариант × кол-во» */
.lk-sp{display:grid;gap:var(--s2);min-width:0}
.lk-sr{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:var(--s2)}
.lk-sr .lk-v{min-width:0}
.lk-sp .qty-s input{width:4ch}
.lk-sr>.qty{justify-self:start}
.lk-rm{width:36px;height:36px;border:1px solid var(--rule-2);border-radius:var(--r2);background:none;color:var(--ink-2);font-size:20px;line-height:1;cursor:pointer}
.lk-rm:hover{border-color:var(--ink);color:var(--ink)}
.lk-sf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3)}
.lk-add{min-height:36px;padding:0;font-size:14px}
.lk-sum{font-size:12.5px;color:var(--ink-2)}
.lk-sum.warn{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-rule);border-radius:var(--r2);padding:2px var(--s2)}
.lk-exd{margin-top:var(--s3)}
.lk-exd summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;font-weight:600;font-size:15px}
.lk-miss{margin:var(--s2) 0 0;font-size:13px;color:var(--warn-ink)}
.lk-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);background:var(--paper);border-radius:var(--r2);font-size:14px}
.lk-tab{width:100%;margin-top:var(--s4);border-collapse:collapse;font-size:14px}
.lk-tab th,.lk-tab td{padding:var(--s2);border-bottom:1px solid var(--rule-2);text-align:left;vertical-align:top}
.lk-tab .miss{color:var(--ink-3)}
.lk-cl{margin:var(--s3) 0 0;padding-left:1.2em;font-size:14px}
@media (max-width:719px){
  .kit{padding:var(--s4);margin-left:calc(-1 * var(--s2));margin-right:calc(-1 * var(--s2))}
  .kit-f .btn{width:100%}
  .kt b{font-size:28px}
  .lk-opt{flex:1 1 calc(50% - var(--s2));min-width:0}
  .lk-it{grid-template-columns:1fr auto}
  .lk-it .lk-sp{grid-column:1/-1;order:3}
  .lk-sr{grid-template-columns:minmax(0,1fr) auto}
  .lk-sr .lk-sel{grid-column:1/-1}
  .lk-sr .lk-rm0{display:none}
  .lk-it.split .lk-sr{padding-bottom:var(--s2);border-bottom:1px dashed var(--rule-2)}
  .lk-nt{padding-left:0}
}

/* ---------- карточка товара ---------- */
.pp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--s10);padding-top:var(--s5)}
.pp-scene{position:relative;min-height:440px;border-radius:var(--r3);overflow:hidden;isolation:isolate;background:var(--studio-light),linear-gradient(180deg,#f3f6f9 0,#e9eef3 78%)}
.pp-scene::after{content:'';position:absolute;z-index:-1;left:0;right:0;top:0;height:78%;pointer-events:none;background:url(../img/xg-poly-cool.svg) 70% 30%/cover no-repeat;
  -webkit-mask-image:radial-gradient(70% 80% at 50% 62%,transparent 0,transparent 40%,#000 90%);mask-image:radial-gradient(70% 80% at 50% 62%,transparent 0,transparent 40%,#000 90%)}
.pp-scene::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:78%;bottom:0;background:radial-gradient(60% 40% at 50% 0,rgba(255,255,255,.85) 0,rgba(255,255,255,0) 100%),var(--studio-floor)}
.pp-scene .floor{position:absolute;left:0;right:0;top:78%;height:14px;
  background:linear-gradient(var(--gold),var(--gold)) 0 0/100% 1px no-repeat,
             repeating-linear-gradient(90deg,var(--gold) 0 1px,transparent 1px 190px) 0 1px/100% 9px no-repeat,
             repeating-linear-gradient(90deg,var(--gold-soft) 0 1px,transparent 1px 38px) 0 1px/100% 4px no-repeat}
.pp-scene figure{position:absolute;inset:0;margin:0}
.pp-scene figure::before{content:'';position:absolute;left:36%;right:36%;top:calc(78% - 6px);height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(30,40,55,.28),rgba(30,40,55,0))}
.pp-scene figure > img{position:absolute;left:50%;bottom:22%;width:min(72%,400px);height:68%;transform:translateX(-50%);object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.pp-scene figure > img.sheet{width:min(78%,420px);height:auto;aspect-ratio:1;bottom:16%;filter:brightness(1.055)}
.pp-scene figure:has(img.sheet)::before{display:none}
.pp-scene .noimg{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}
.pp-scene figcaption{position:absolute;left:var(--s5);bottom:var(--s4);font-size:12px;color:var(--ink-2)}
.pp-info{display:flex;flex-direction:column;gap:var(--s4);padding-top:var(--s2)}
.pp-info h1{font-size:var(--t-h1);font-weight:700;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.pp-info .kick{margin:0}
.pp-num{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3) var(--s10);padding:var(--s2) 0 var(--s4);position:relative}
.pp-num::after{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;
  background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat,
             repeating-linear-gradient(90deg,var(--gold-soft) 0 1px,transparent 1px 8px) 0 100%/100% 4px no-repeat,
             repeating-linear-gradient(90deg,var(--gold) 0 1px,transparent 1px 40px) 0 100%/100% 8px no-repeat}
.bigp{display:flex;flex-direction:column-reverse;gap:2px}
.bigp b{font-size:clamp(40px,2.6vw + 14px,60px);font-weight:300;line-height:1;letter-spacing:-.025em;display:flex;align-items:baseline;gap:.12em}
.bigp b small{font-size:.42em;font-weight:500;letter-spacing:0}
.bigp b.sm{font-size:28px}
.bigp + .bigp b{font-size:var(--t-num-2);padding-bottom:4px}
.facts-dl{margin:0;display:grid;gap:0;border-top:1px solid var(--rule-2)}
.facts-dl div{display:grid;grid-template-columns:150px 1fr;gap:var(--s4);padding:var(--s2) 0;border-bottom:1px solid var(--rule-2)}
.facts-dl dt{padding-top:2px}
.facts-dl dd{margin:0;font-size:14.5px;line-height:1.45}
.pp-go{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4)}
.pp-go .btn-go{min-height:52px;padding:0 var(--s8);font-size:16px}
@media (max-width:719px){.pp-go .btn-go{flex:1 1 100%}}
.mi-line{padding:var(--s2) var(--s3);border-left:3px solid var(--ink);background:var(--card);font-size:13px;font-weight:600;line-height:1.4}
@media (max-width:899px){
  .pp{grid-template-columns:1fr;gap:var(--s5)}
  .pp-scene{min-height:300px}
}
@media (max-width:719px){
  .pp-scene{min-height:260px;margin:0 calc(-1 * var(--s4));border-radius:0}
  .pp-info h1{font-size:24px}
  .facts-dl div{grid-template-columns:1fr;gap:0}
}

/* ---------- блоки ---------- */
.blk{padding-top:var(--s10)}
.sh{font-size:var(--t-l);font-weight:700;padding-bottom:var(--s3);margin-bottom:var(--s4);border-bottom:1px solid var(--ink)}
.sh .sc{font-weight:600;margin-left:4px}
.blk .note{margin-bottom:var(--s4)}
.blk > .legal,.blk .legal{margin-top:var(--s3);max-width:60em}

/* таблица вариантов */
.vt-wrap{overflow-x:auto}
.vt{width:100%;border-collapse:collapse;font-size:14px}
.vt th{background:var(--paper);text-align:left;padding:var(--s2) var(--s3);font-size:13px;font-weight:600;letter-spacing:.06em;font-variant-caps:all-small-caps;color:var(--ink-2);border-bottom:1px solid var(--rule);white-space:nowrap}
.vt td{padding:var(--s3);border-bottom:1px solid var(--rule-2);vertical-align:middle}
.vt tbody tr:hover td{background:var(--card)}
.vt tbody tr:target td{background:var(--mag-tint)}
.vt .c-sku b{display:block;font-weight:700;letter-spacing:.02em}
.vt .c-sku small{display:block;margin-top:2px;font-size:12px;color:var(--ink-3);line-height:1.35;max-width:30em}
.vt .c-p{font-size:17px;font-weight:500;white-space:nowrap;text-align:right}
.vt .c-av{white-space:nowrap}
.vt .c-sys{max-width:22em;color:var(--ink-2);font-size:13px}
.vt .c-act{text-align:right;white-space:nowrap}
.buyrow{display:inline-flex;align-items:stretch;gap:var(--s2)}
.qn{width:56px;height:40px;border:1px solid var(--rule-ctl);border-radius:var(--r2);background:var(--card);text-align:center;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.qn::-webkit-inner-spin-button,.qn::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.qn:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.btn-s{min-height:40px;padding:0 var(--s4);font-size:14px}
@media (max-width:719px){
  .vt-wrap{overflow:visible}
  .vt thead{display:none}
  .vt,.vt tbody{display:block}
  .vt tr{display:grid;grid-template-columns:1fr auto;gap:2px var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule-2)}
  .vt td{display:block;padding:0;border:0}
  .vt td.c-sku{grid-column:1/-1;order:-2}
  .vt td.c-par,.vt td.c-sys{grid-column:1/-1;order:-1;font-size:13px;color:var(--ink-2)}
  .vt td.c-p{text-align:left;font-size:18px}
  .vt td.c-av{align-self:center;text-align:right}
  .vt td.c-act{grid-column:1/-1;text-align:left;margin-top:var(--s2)}
  .vt td.c-act .buyrow{display:flex}
  .vt td.c-act .btn{flex:1}
  /* система: «S-type · прямой · 1 мм» одной строкой, затем артикул, цена/наличие, заявка */
  .vt.st tr{grid-template-columns:auto auto 1fr;align-items:baseline;gap:2px var(--s2)}
  .vt.st td:nth-child(1),.vt.st td:nth-child(2),.vt.st td:nth-child(3){order:-3;font-size:15px}
  .vt.st td:nth-child(2)::after,.vt.st td:nth-child(1)::after{content:' ·';color:var(--ink-3)}
  .vt.st td:nth-child(3){font-weight:600}
  .vt.st td.c-sku{grid-column:1/-1;order:-2;color:var(--ink-2);font-size:13px}
  .vt.st td.c-p{grid-column:1/3}
  .vt.st td.c-av{grid-column:3}
}

/* «нужно вместе» и списки компонентов */
.needs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--rule-2);border:1px solid var(--rule-2)}
.needs li{display:flex;flex-direction:column;gap:4px;padding:var(--s4);background:var(--card)}
.needs b{font-size:15px}
.needs .q{font-size:12.5px;color:var(--ink-3);font-weight:600;letter-spacing:.04em;font-variant-caps:all-small-caps}
.needs .l{font-size:14px;line-height:1.5}

/* сведения о товаре, клиникам */
.spec-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s10)}
.spec-dl div{display:grid;grid-template-columns:200px 1fr;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--rule-2)}
.spec-dl dt{font-size:13px;font-weight:600;letter-spacing:.06em;font-variant-caps:all-small-caps;color:var(--ink-2);padding-top:2px}
.spec-dl dd{margin:0;font-size:14.5px;line-height:1.5}
.spec-dl.wide{grid-template-columns:1fr}
.spec-dl.wide div{grid-template-columns:260px 1fr}
@media (max-width:899px){.spec-dl{grid-template-columns:1fr}.spec-dl div,.spec-dl.wide div{grid-template-columns:1fr;gap:2px}}

.legal-strip{margin-top:var(--s6);padding:var(--s4) var(--s5);border:1px solid var(--rule);border-radius:var(--r2);background:var(--card);font-size:13px;color:var(--ink-2);line-height:1.5}
.legal-strip .mi{color:var(--ink);font-weight:600;font-size:14px;margin-bottom:var(--s1)}

/* таблица совместимости */
.ct-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r2);background:var(--card)}
.ct{width:100%;border-collapse:collapse;font-size:14px}
.ct thead th{position:sticky;top:0;background:var(--card);padding:var(--s3);text-align:left;font-size:13px;font-weight:600;letter-spacing:.06em;font-variant-caps:all-small-caps;color:var(--ink-2);border-bottom:1px solid var(--ink);white-space:nowrap}
.ct tbody th{padding:var(--s2) var(--s3);text-align:left;font-weight:600;min-width:15em}
.ct tbody th a{color:var(--ink);text-decoration:none}
.ct tbody th a:hover{text-decoration:underline}
.ct tbody th small{display:block;font-weight:500;font-size:12px;color:var(--warn-ink)}
.ct td{padding:var(--s2) var(--s3);white-space:nowrap;border-left:1px solid var(--rule-2)}
.ct tr+tr>*{border-top:1px solid var(--rule-2)}
.ct tbody tr:hover>*{background:#fbfcfd}
.ct .no{color:var(--rule)}
.badge{display:inline-block;padding:2px 8px;border:1px solid var(--rule);border-radius:var(--r1);font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.badge.warn{border-color:var(--warn-rule);background:var(--warn-bg);color:var(--warn-ink)}
@media (max-width:719px){
  .ct-wrap{border:0;background:none;overflow:visible}
  .ct thead{display:none}
  .ct,.ct tbody{display:block}
  .ct tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule-2)}
  .ct tr+tr>*{border-top:0}
  .ct tbody th{grid-column:1/-1;padding:0;min-width:0}
  .ct td{display:flex;flex-direction:column;padding:0;border:0;white-space:normal;font-size:13px}
  .ct td::before{content:attr(data-l);font-size:11px;font-weight:600;letter-spacing:.06em;font-variant-caps:all-small-caps;color:var(--ink-3)}
  .ct td:last-child{grid-column:1/-1}
  .ct td:last-child::before{display:none}
}

/* шаги, колонки, библиотеки */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);counter-reset:s}
.steps li{display:flex;flex-direction:column;gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--rule);counter-increment:s}
.steps b::before{content:counter(s);display:block;font-size:44px;font-weight:300;line-height:1;color:var(--mag);margin-bottom:var(--s2)}
.steps span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:719px){.steps{grid-template-columns:1fr;gap:var(--s4)}}
.lcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8)}
.lcol h3{font-size:16px;font-weight:700;padding-bottom:var(--s2);border-bottom:1px solid var(--rule)}
.lcol ul{list-style:none;margin:0;padding:0}
.lcol li{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--rule-2);font-size:14px}
.lcol li span{color:var(--ink-2);white-space:nowrap}
@media (max-width:899px){.lcols{grid-template-columns:1fr;gap:var(--s5)}}
.libs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--rule-2);border:1px solid var(--rule-2)}
.libs li{display:flex;flex-direction:column;gap:2px;padding:var(--s4);background:var(--card)}
.libs a{font-weight:600}
.libs span{font-size:13px;color:var(--ink-2)}
.legal{font-size:12.5px;color:var(--ink-2);line-height:1.5}
.pp-info > .legal{margin-top:-4px}

/* ---------- витрина каталога (замечание Петра 11.10: «стало огромным списком») ----------
   первый экран — входы по задаче с официальными рендерами; затем платформы; полный список свёрнут по платформам (<details>, текст в HTML) */
.ent{padding-top:var(--s6)}
.ent-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.ent-g > .ent{position:relative;display:flex;flex-direction:column;gap:var(--s3);min-width:0;padding:var(--s5);background:var(--card);border:1px solid var(--rule-2);border-radius:var(--r3);color:var(--ink);text-decoration:none;overflow:hidden;
  transition:border-color var(--d-1) var(--ez),box-shadow var(--d-2) var(--ez),transform var(--d-2) var(--ez)}
.ent-g > a.ent:hover,.ent-g > .ent:has(> a.ent-t:hover){border-color:var(--rule);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.ent-g > a.ent:focus-visible,.ent-t:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ent-t{display:flex;flex-direction:column;gap:4px;color:var(--ink);text-decoration:none;position:relative;z-index:1}
.ent-t b{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
a.ent-t:hover b,a.ent:hover .ent-t b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ent-t .d{font-size:14px;line-height:1.45;color:var(--ink-2);max-width:30em}
.ent-t .go{margin-top:var(--s2);font-weight:600;font-size:15px;color:var(--xg-text)}
/* рендеры: студия как у плиток — светлое пятно и пол */
.ent-p{display:flex;align-items:flex-end;justify-content:center;gap:4%;height:150px;margin:0 calc(-1 * var(--s5));padding:0 var(--s5) 14px;background:var(--studio-light),linear-gradient(180deg,rgba(243,246,249,0) 0,#eef2f5 100%);border-bottom:1px solid var(--gold-soft)}
.ent-p > img{height:100%;width:auto;max-width:34%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.ent-p > img.sheet{display:none}
.ent-c{display:grid;gap:6px}
.ent-c > .sc{color:var(--ink-3)}
.ent-c .chips{gap:6px}
.ent-c .chip{min-height:36px;min-width:0;padding:0 var(--s3);font-size:14px;text-decoration:none}
.ent-c .chip small{margin-left:6px;color:var(--ink-3);font-size:12px;font-weight:600}
/* подбор и набор — широкие, рендер справа */
.ent-g > .ent-pick{flex-direction:row;align-items:stretch;gap:var(--s4)}
.ent-g > .ent-pick{grid-column:span 2;background:linear-gradient(105deg,var(--card) 0,var(--card) 46%,var(--mag-tint) 100%)}
.ent-g > .ent-pick::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--mag)}
.ent-pick .ent-t{flex:1 1 0;justify-content:center}
.ent-pick .ent-t b{font-size:26px}
.ent-pick .ent-p{flex:0 0 46%;height:auto;min-height:190px;margin:calc(-1 * var(--s5)) calc(-1 * var(--s5)) calc(-1 * var(--s5)) 0;border-bottom:0;border-left:1px solid var(--rule-2)}
.ent-mu > img{max-width:30%;height:88%}
/* типы мультиюнитов: четыре мини-плитки */
.ent-g > .ent-types{grid-column:span 2}
/* винты и колпачки: широкая, рендеры слева, ряды чипов справа */
.ent-g > .ent-scr{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--s5);row-gap:var(--s3)}
.ent-scr .ent-t{grid-column:1/-1}
.ent-scr .ent-p{grid-column:1;grid-row:2/span 2;align-self:end;margin:0 0 calc(-1 * var(--s5)) calc(-1 * var(--s5));border-bottom:0;height:170px}
.ent-scr .ent-c{grid-column:2;align-self:start}
.ent-g > .ent > .ent-p:last-child{margin-bottom:calc(-1 * var(--s5));border-bottom:0}
.ent-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.ent-l a{display:flex;flex-direction:column;gap:2px;height:100%;padding:0 var(--s3) var(--s3);border:1px solid var(--rule-2);border-radius:var(--r2);color:var(--ink);text-decoration:none;background:var(--paper);transition:border-color var(--d-1) var(--ez),box-shadow var(--d-2) var(--ez)}
.ent-l a:hover{border-color:var(--ink);box-shadow:var(--shadow-1)}
.ent-l a:hover b{text-decoration:underline;text-underline-offset:3px}
.ent-l .ep{display:flex;align-items:flex-end;justify-content:center;height:150px;margin:0 calc(-1 * var(--s3)) var(--s2);padding-bottom:8px;background:var(--studio-light);border-bottom:1px solid var(--gold-soft)}
.ent-l .ep > img{height:100%;width:auto;max-width:80%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.ent-l b{font-size:15px}
.ent-l small{font-size:12px;color:var(--ink-2)}
/* платформы */
.plats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.plats a{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:var(--s3);height:100%;padding:var(--s3) var(--s4) var(--s3) var(--s2);background:var(--card);border:1px solid var(--rule-2);border-radius:var(--r3);color:var(--ink);text-decoration:none;
  transition:border-color var(--d-1) var(--ez),box-shadow var(--d-2) var(--ez),transform var(--d-2) var(--ez)}
.plats a:hover{border-color:var(--rule);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.plats a:hover b{text-decoration:underline;text-underline-offset:3px}
.plats .plp{display:flex;align-items:flex-end;justify-content:center;height:88px;padding:0;background:var(--studio-light)}
.plats .plp > img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.plats .plp > img.sheet{height:auto;width:100%}
.pt{display:flex;flex-direction:column;gap:2px;min-width:0}
.pt b{font-size:16px}
.pt small{font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.pt .pn{margin-top:2px;font-size:12px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
/* полный список: свёрнут по платформам */
#vse .fac{padding-top:0}
.pdet{padding:0;border-bottom:1px solid var(--rule)}
.pdet + .pdet{margin-top:0}
.pdet summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:60px;padding:var(--s3) var(--s2) var(--s3) 0;cursor:pointer;list-style:none}
.pdet summary::-webkit-details-marker{display:none}
.pdet summary::before{content:'';flex:none;width:9px;height:9px;margin:0 var(--s1) 0 var(--s2);border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(-45deg);transition:transform var(--d-1) var(--ez)}
.pdet[open] summary::before{transform:rotate(45deg)}
.pdet summary:hover b{text-decoration:underline;text-underline-offset:3px}
.pdet summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ds{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--s3);min-width:0}
.ds b{font-size:17px}
.ds small{font-size:13px;color:var(--ink-2)}
.dn{font-size:13px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.pdet .tiles{padding:var(--s2) 0 var(--s4)}
.dmore{padding-bottom:var(--s4);font-size:14px}
.dmore a{color:var(--xg-text)}
/* страница платформы: рендер в шапке и навигация по группам */
.phead-pl{grid-template-columns:minmax(0,1fr) 300px;align-items:center}
.phead-pl .csearch{margin-top:var(--s5);max-width:520px}
.pl-hero{display:flex;align-items:flex-end;justify-content:center;height:240px;background:var(--studio-light);border-bottom:1px solid var(--gold-soft)}
.pl-hero > img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.pl-hero > img.sheet{height:auto;width:80%}
.gnav{padding-top:var(--s4)}
.gnav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s2)}
.gnav a{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--s3);height:100%;padding:var(--s2) var(--s3) var(--s2) var(--s2);background:var(--card);border:1px solid var(--rule-2);border-radius:var(--r2);color:var(--ink);text-decoration:none;transition:border-color var(--d-1) var(--ez),box-shadow var(--d-2) var(--ez)}
.gnav a:hover{border-color:var(--ink);box-shadow:var(--shadow-1)}
.gnav a:hover b{text-decoration:underline;text-underline-offset:3px}
.gnav .gp{display:flex;align-items:flex-end;justify-content:center;height:56px}
.gnav .gp > img{height:100%;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.gnav .gp > img.sheet{height:auto;width:100%}
.gnav b{display:block;font-size:14px;line-height:1.3}
.gnav small{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.psec{scroll-margin-top:calc(var(--head-h) + 12px)}
.pgrp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--s3);grid-auto-flow:row dense}
.pgrp .psec{--n:1;--t:1;--m:1;grid-column:span var(--n);min-width:0}
.pgrp .w2{--n:2;--t:2;--m:2}.pgrp .w3{--n:3;--t:3;--m:2}.pgrp .w4{--n:4;--t:3;--m:2}.pgrp .w5{--n:5;--t:3;--m:2}
.pgrp .psec-h{flex-direction:column;gap:2px;min-height:64px;justify-content:flex-end}
.pgrp .psec-h h2{font-size:20px}
.pgrp .psec-h p{text-align:left}
.pgrp .tiles{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
@media (max-width:1099px){.pgrp{grid-template-columns:repeat(3,minmax(0,1fr))}.pgrp .psec{grid-column:span var(--t)}.pgrp .tiles{grid-template-columns:repeat(var(--t),minmax(0,1fr))}}
@media (max-width:719px){.pgrp{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s2)}.pgrp .psec{grid-column:span var(--m)}.pgrp .tiles{grid-template-columns:repeat(var(--m),minmax(0,1fr))}.pgrp .psec-h{min-height:0}}
@media (max-width:1099px){
  .ent-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){.phead-pl{grid-template-columns:1fr}.pl-hero{display:none}}
@media (max-width:719px){
  .ent{padding-top:var(--s4)}
  .ent-g{grid-template-columns:1fr;gap:var(--s2)}
  .ent-g > .ent{padding:var(--s4)}
  .ent-g > .ent-pick,.ent-g > .ent-types,.ent-g > .ent-scr{grid-column:auto}
  .ent-g > .ent-pick{flex-direction:column-reverse}
  .ent-g > .ent-scr{display:flex}
  .ent-scr .ent-p{margin:0 calc(-1 * var(--s4));min-height:0;height:120px;border-bottom:1px solid var(--gold-soft)}
  .ent-g > .ent > .ent-p:last-child{margin-bottom:calc(-1 * var(--s4))}
  .ent-pick .ent-p{flex:none;min-height:0;height:130px;margin:calc(-1 * var(--s4)) calc(-1 * var(--s4)) 0;border-left:0;border-bottom:1px solid var(--gold-soft)}
  .ent-pick .ent-t b{font-size:22px}
  .ent-p{height:120px;margin:0 calc(-1 * var(--s4));padding:0 var(--s4) 10px}
  .ent-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ent-l .ep{height:90px}
  .plats{grid-template-columns:1fr;gap:var(--s2)}
  .plats a{grid-template-columns:60px minmax(0,1fr)}
  .plats .plp{height:68px}
  .ent-scr .ent-p{align-self:stretch}
  .pdet summary{flex-wrap:wrap;row-gap:2px}
  .ds{flex:1 1 calc(100% - 40px)}
  .ds small{display:none}
  .dn{flex:1 1 100%;padding-left:31px;white-space:normal}
  .gnav ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gnav a{grid-template-columns:40px minmax(0,1fr);gap:var(--s2)}
  .gnav .gp{height:44px}
}
/* labkit: инструменты по кнопке */
.lk-tbtn{margin-top:var(--s3)}
.lk-tools{margin-top:var(--s3)}
/* labkit: конструктор инструментов — способ работы → карточки с высотой и количеством */
.lk-tools .lk-opt[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.lk-tools .lk-opt[aria-pressed=true] small{color:rgba(255,255,255,.78)}
.lk-tools .lk-ch{margin-bottom:var(--s3)}
.lk-tl{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.lk-tc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) auto 170px;align-items:center;gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);border:1px solid var(--rule);border-radius:var(--r2);background:var(--card)}
.lk-tc.on{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--mag)}
.lk-hs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2)}
.lk-hs .chip{min-width:52px;min-height:40px;padding:0 var(--s3);font-size:14px}
.lk-tc>.chip{justify-self:start;min-height:40px;font-size:14px}
.lk-qn{display:inline-grid;place-items:center;align-self:stretch;min-width:28px;font-weight:600}
.lk-tqs{display:grid;gap:var(--s1);justify-items:end}
.lk-tq{display:inline-flex;align-items:center;gap:var(--s2)}
.lk-tqh{font-size:13px;color:var(--ink-2);min-width:4.5ch;text-align:right}
.lk-tc .lk-p{font-size:13px;font-weight:500;color:var(--ink-2)}
.lk-tc.on .lk-p{color:var(--ink);font-weight:600}
@media (max-width:719px){
  .lk-tc{grid-template-columns:1fr auto}
  .lk-tc .lk-nm,.lk-tc .lk-hs,.lk-tc>.chip{grid-column:1/-1}
  .lk-tc .lk-p{text-align:left}
  .lk-tqs{justify-items:start}
}

/* ---------- пропорции (12.10, правило Петра «пропорции везде»): сцена .pz, единая шкала мм внутри сетки ----------
   Высоты — классы qNN (% высоты сцены), генерирует tools/build_pages.py scale(). Низ — общая линия (как предметы на полке),
   по горизонтали — по центру. Линейка «N мм» снята 15.10 по просьбе XGate Dental. */
.pz{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:6%;width:100%;height:100%;min-height:0;padding:0 4px;box-sizing:border-box}
.pz img{display:block;flex:none;width:auto;max-width:100%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
.tile .pic .pz{position:absolute;left:5%;right:5%;top:8%;bottom:12%;width:auto;height:auto;transition:transform var(--d-2) var(--ez)}
.ent-p > .pz,.ent-l .ep > .pz,.plats .plp > .pz,.pl-hero > .pz,.gnav .gp > .pz{height:100%}
.ent-p > .pz{flex:1 1 0;min-width:0}
/* иконки навигации 52 px: шкала общая */
.gnav .gp > .pz{padding:0}
.pp-scene .pz{position:absolute;left:12%;right:12%;top:10%;bottom:22%;width:auto;height:auto}
.pp-scene figure:has(.pz)::before{display:block}
.pz .q1{height:1%}.pz .q2{height:2%}.pz .q3{height:3%}.pz .q4{height:4%}.pz .q5{height:5%}.pz .q6{height:6%}.pz .q7{height:7%}.pz .q8{height:8%}.pz .q9{height:9%}.pz .q10{height:10%}.pz .q11{height:11%}.pz .q12{height:12%}.pz .q13{height:13%}.pz .q14{height:14%}.pz .q15{height:15%}.pz .q16{height:16%}.pz .q17{height:17%}.pz .q18{height:18%}.pz .q19{height:19%}.pz .q20{height:20%}.pz .q21{height:21%}.pz .q22{height:22%}.pz .q23{height:23%}.pz .q24{height:24%}.pz .q25{height:25%}.pz .q26{height:26%}.pz .q27{height:27%}.pz .q28{height:28%}.pz .q29{height:29%}.pz .q30{height:30%}.pz .q31{height:31%}.pz .q32{height:32%}.pz .q33{height:33%}.pz .q34{height:34%}.pz .q35{height:35%}.pz .q36{height:36%}.pz .q37{height:37%}.pz .q38{height:38%}.pz .q39{height:39%}.pz .q40{height:40%}.pz .q41{height:41%}.pz .q42{height:42%}.pz .q43{height:43%}.pz .q44{height:44%}.pz .q45{height:45%}.pz .q46{height:46%}.pz .q47{height:47%}.pz .q48{height:48%}.pz .q49{height:49%}.pz .q50{height:50%}.pz .q51{height:51%}.pz .q52{height:52%}.pz .q53{height:53%}.pz .q54{height:54%}.pz .q55{height:55%}.pz .q56{height:56%}.pz .q57{height:57%}.pz .q58{height:58%}.pz .q59{height:59%}.pz .q60{height:60%}.pz .q61{height:61%}.pz .q62{height:62%}.pz .q63{height:63%}.pz .q64{height:64%}.pz .q65{height:65%}.pz .q66{height:66%}.pz .q67{height:67%}.pz .q68{height:68%}.pz .q69{height:69%}.pz .q70{height:70%}.pz .q71{height:71%}.pz .q72{height:72%}.pz .q73{height:73%}.pz .q74{height:74%}.pz .q75{height:75%}.pz .q76{height:76%}.pz .q77{height:77%}.pz .q78{height:78%}.pz .q79{height:79%}.pz .q80{height:80%}.pz .q81{height:81%}.pz .q82{height:82%}.pz .q83{height:83%}.pz .q84{height:84%}.pz .q85{height:85%}.pz .q86{height:86%}.pz .q87{height:87%}.pz .q88{height:88%}.pz .q89{height:89%}.pz .q90{height:90%}.pz .q91{height:91%}.pz .q92{height:92%}.pz .q93{height:93%}.pz .q94{height:94%}.pz .q95{height:95%}.pz .q96{height:96%}.pz .q97{height:97%}.pz .q98{height:98%}.pz .q99{height:99%}.pz .q100{height:100%}