﻿/* ============================================================
   ВЕ6 · ВЕ10 — надстройка над site.css
   Палитра и типографика наследуются: красный #ce171e,
   Fira Sans / Fira Sans Condensed.
   ============================================================ */

/* ---------- шапка / логотип ---------- */
.logo__mark { letter-spacing: .02em; font-size: 16px; }
.logo__name { font-size: 15.5px; }
.logo__sub { letter-spacing: .05em; }

/* ---------- первый экран ---------- */
.hero--ve .hero__in { grid-template-columns: minmax(0, 1fr) 430px; gap: 46px; align-items: center; padding: 44px 0 38px; }
.hero--ve .hero__in > * { min-width: 0; }
.hero--ve h1 { font-size: clamp(2rem, 4.1vw, 3.55rem); margin-bottom: 10px; overflow-wrap: break-word; }
.hero--ve h1 em { font-size: .46em; font-weight: 300; line-height: 1.28; max-width: 30ch; margin-top: .3em; letter-spacing: -.005em; }
.hero--ve .hero__lead { font-size: 16.5px; max-width: 62ch; }
.hero--ve .chip { background: var(--gray); }
.hero-dwg {
  margin: 0; background: #fff; border: 1px solid var(--line);
  box-shadow: var(--shadow); position: relative; min-width: 0;
}
.hero-dwg__tag {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  background: var(--ink); color: #fff; padding: 9px 14px;
  font-family: var(--cond); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase;
}
.hero-dwg__tag b { color: #fff; font-size: 12.5px; letter-spacing: .06em; }
.hero-dwg img { display: block; width: 100%; max-width: 100%; height: auto; padding: 10px 16px 4px; }
.hero-dwg figcaption { padding: 10px 14px 12px; border-top: 1px solid var(--line); font-size: 12px; color: var(--muted); display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.hero-dwg figcaption a { border: 0; font-weight: 600; }

.hero-stats {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--line); margin-top: 30px;
}
.hero-stats > div { padding: 16px 20px 2px; border-left: 1px solid var(--line); }
.hero-stats > div:first-child { border-left: 0; padding-left: 0; }
.hero-stats b { display: block; font-size: 27px; line-height: 1.1; color: var(--ink); letter-spacing: -.03em; font-weight: 900; }
.hero-stats span { display: block; font-size: 12.5px; color: var(--muted); margin-top: 3px; }

/* ---------- подбор ---------- */
.opt--scheme { flex-direction: column; align-items: flex-start; gap: 1px; min-height: 54px; flex: 1 1 calc(50% - 6px); }
.opt--scheme b { font-family: var(--cond); font-size: 16px; letter-spacing: .02em; line-height: 1.1; }
.opt__sub { font-size: 10.5px; line-height: 1.3; color: var(--muted); }
.opt.is-on .opt__sub { color: rgba(255, 255, 255, .78); }
.opt--volt { flex: 1 1 0; flex-direction: column; align-items: flex-start; gap: 1px; }
.opt--volt b { font-family: var(--cond); font-size: 15px; }
.opts--grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.opts--grid .opt--scheme { width: 100%; }
.opts--grid .opt--scheme:last-child:nth-child(odd) { grid-column: 1 / -1; }

.res-code {
  padding: 15px 18px; background: var(--alt); border-bottom: 1px solid var(--line);
  font-size: clamp(22px, 2.6vw, 31px); font-weight: 900; letter-spacing: -.02em; color: var(--ink);
}
.res-code span { color: var(--red); }
.res-body { display: grid; grid-template-columns: 178px minmax(0, 1fr); gap: 18px; padding: 16px 18px 6px; align-items: start; }
.res-fig { margin: 0; background: #fff; border: 1px solid var(--line); padding: 8px; }
.res-fig img { display: block; width: 100%; height: auto; }
.res-fig figcaption { font-size: 10.5px; color: var(--muted); text-align: center; padding-top: 4px; }
.res-name { font-family: var(--cond); font-size: 15px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink); margin-bottom: 4px; }
.res-desc { font-size: 13.5px; color: var(--soft); margin: 0 0 10px; }
.res-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.res-facts > div { background: #fff; padding: 8px 10px; }
.res-facts span { display: block; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.res-facts b { font-family: var(--cond); font-size: 16px; color: var(--ink); }
.res-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 18px 18px; }
.res-volts { margin: 0 18px 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.res-volts__h { font-family: var(--cond); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.res-volts__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.res-volts__list li { display: flex; align-items: baseline; gap: 7px; padding: 5px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.res-volts__list li:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--line); }
.res-volts__list b { font-family: var(--cond); font-size: 13px; color: var(--ink); }
.res-volts__list span { color: var(--muted); margin-right: auto; }
.res-volts__list i { font-style: normal; color: var(--ink); white-space: nowrap; }
.res-volts__list li.is-on b { color: var(--red); }
.res-note { padding: 0 18px 16px; margin: 0; font-size: 12px; color: var(--muted); }

/* ---------- типоразмеры ---------- */
.families { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.family-card {
  background: #fff; border: 1px solid var(--line);
  display: grid; grid-template-columns: minmax(0, 1fr) 208px; grid-template-rows: auto auto 1fr;
}
.family-card__head { grid-column: 1 / -1; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 18px 20px 12px; }
.family-card__code { font-family: var(--cond); font-size: 30px; font-weight: 900; letter-spacing: -.01em; color: var(--ink); line-height: 1; }
.family-card__code small { display: block; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin-top: 5px; }
.family-card__du { font-family: var(--cond); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); border: 1px solid var(--line-2); padding: 4px 8px; white-space: nowrap; }
.family-card__fig { grid-column: 2; grid-row: 2 / span 2; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--alt); padding: 12px; display: flex; align-items: center; justify-content: center; }
.family-card__fig img { display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; mix-blend-mode: multiply; }
.family-card__facts { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.family-card__facts > div { background: #fff; padding: 10px 20px; }
.family-card__facts span { display: block; font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.family-card__facts b { font-family: var(--cond); font-size: 16px; color: var(--ink); }
.family-card__body { grid-column: 1; grid-row: 3; padding: 14px 20px 18px; display: flex; flex-direction: column; gap: 12px; }
.family-card__body p { margin: 0; font-size: 13.5px; }
.family-card__actions { margin-top: auto; display: flex; gap: 8px; flex-wrap: wrap; }

/* ---------- каталог схем ---------- */
.scheme-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 18px; }
.scheme-tools .seg button { padding: 6px 11px; font-size: 12px; }
.scheme-series { font-size: 12.5px; color: var(--muted); }
.scheme-series b { color: var(--ink); }
.scheme-count { font-size: 12.5px; color: var(--muted); margin-left: auto; }
.scheme-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.scheme-card {
  display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line);
  color: inherit; text-decoration: none; border-bottom-width: 1px; transition: border-color .15s, box-shadow .15s;
}
.scheme-card:hover { border-color: var(--red); color: inherit; box-shadow: var(--shadow); }
.scheme-card__fig { display: block; background: var(--alt); padding: 12px 14px 6px; border-bottom: 1px solid var(--line); }
.scheme-card__fig img { display: block; width: 100%; height: 112px; object-fit: contain; mix-blend-mode: multiply; }
.scheme-card__b { display: flex; flex-direction: column; gap: 5px; padding: 11px 13px 12px; flex: 1 1 auto; }
.scheme-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.scheme-card__top b { font-family: var(--cond); font-size: 19px; letter-spacing: .01em; color: var(--ink); line-height: 1; }
.scheme-card__d { font-size: 12px; line-height: 1.4; color: var(--muted); }
.scheme-card__more { margin-top: auto; padding-top: 6px; font-family: var(--cond); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--red); }

/* ---------- характеристики ---------- */
.spec-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.tbl--compare { font-size: 13px; min-width: 480px; }
.tbl--compare thead th { font-size: 11px; }
.tbl--compare thead th:first-child { width: 56%; }
.tbl--compare thead th:not(:first-child) { text-align: right; width: 22%; }
.tbl--compare tbody th { font-weight: 400; color: var(--soft); white-space: normal; padding: 8px 10px; }
.tbl--compare tbody td { text-align: right; white-space: nowrap; font-weight: 700; color: var(--ink); }
.tbl--compare tbody tr:nth-child(even) { background: var(--alt); }
.tbl--compare .row-sub th { padding-left: 24px; color: var(--muted); font-size: 12.5px; }
.tbl--compare .row-sub td { font-weight: 400; color: var(--soft); }
.tbl--compare td.txt { font-weight: 400; color: var(--soft); white-space: normal; }
.tbl--compare th.is-own { color: var(--red); background: var(--red-soft); }
.tbl--compare td.is-own { background: rgba(206, 23, 30, .055); }
.compare-note { font-size: 12px; color: var(--muted); margin: 8px 0 0; }
.side-note { background: var(--alt); border: 1px solid var(--line); padding: 18px; }
.side-note h3 { font-family: var(--cond); font-size: 13px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.side-note dl { margin: 0; display: grid; gap: 8px; }
.side-note dt { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.side-note dd { margin: 1px 0 0; font-size: 14px; color: var(--ink); font-weight: 600; }
.side-note p { font-size: 12px; color: var(--muted); margin: 12px 0 0; }

.voltage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: 26px; }
.voltage-card { background: #fff; border: 1px solid var(--line); padding: 16px 18px; }
.voltage-card h3 { font-family: var(--cond); font-size: 22px; margin: 0 0 2px; letter-spacing: .01em; }
.voltage-card .voltage-card__sub { font-size: 12px; color: var(--muted); margin-bottom: 12px; }
.voltage-card dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.voltage-card dt { font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.voltage-card dd { margin: 1px 0 0; font-size: 14px; font-weight: 600; color: var(--ink); }

/* ---------- обозначение ---------- */
.dec-line:empty, .dec-rows:empty { display: none; }
.struct { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 24px 0 0; }
.struct__cell { background: #fff; border: 1px solid var(--line); padding: 14px 16px; position: relative; }
.struct__cell b { display: block; font-family: var(--cond); font-size: 24px; letter-spacing: .01em; color: var(--ink); line-height: 1.1; }
.struct__cell span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .07em; color: var(--red); margin-bottom: 4px; }
.struct__cell i { font-style: normal; display: block; font-size: 12px; color: var(--muted); margin-top: 4px; }
.example-order { margin-top: 20px; padding: 16px 20px; background: var(--ink); color: #dfe3e6; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.example-order span { font-family: var(--cond); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #9aa3aa; }
.example-order b { font-size: 20px; color: #fff; letter-spacing: .01em; }

/* ---------- габариты ---------- */
.dwg-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.dwg-fig--ve { margin: 0; background: #fff; border: 1px solid var(--line); }
.dwg-fig--ve .dwg-fig__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--line); }
.dwg-fig--ve .dwg-fig__head b { font-family: var(--cond); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.dwg-fig--ve .dwg-fig__head span { font-size: 11px; color: var(--muted); }
.dwg-fig--ve img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: contain; padding: 8px; cursor: zoom-in; }
.dwg-fig--ve figcaption { border-top: 1px solid var(--line); padding: 8px 14px; font-size: 11.5px; color: var(--muted); }
.dwg-table { margin-top: 18px; overflow-x: auto; }
.dwg-table .tbl { min-width: 620px; }

/* ---------- устройство и эксплуатация ---------- */
.ops { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.op-card { background: #fff; border: 1px solid var(--line); padding: 18px 20px; }
.op-card h3 { font-family: var(--cond); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px; }
.op-card p { font-size: 13.5px; margin: 0 0 10px; }
.op-card ol, .op-card ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.55; }
.op-card li { margin: .35em 0; }
.warn { margin-top: 18px; display: flex; gap: 14px; background: var(--red-soft); border: 1px solid rgba(206, 23, 30, .25); border-left: 4px solid var(--red); padding: 16px 20px; }
.warn__mark { font-family: var(--cond); font-size: 26px; font-weight: 900; color: var(--red); line-height: 1; }
.warn h3 { margin: 0 0 6px; font-size: 14px; }
.warn ul { margin: 0; padding-left: 18px; font-size: 13px; columns: 2; column-gap: 30px; }
.warn li { margin: .25em 0; break-inside: avoid; }
.fluid { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fluid > div { background: var(--alt); border: 1px solid var(--line); padding: 14px 16px; font-size: 13px; }
.fluid b { display: block; font-family: var(--cond); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }

/* ---------- ресурс ---------- */
.res-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.res-stats > div { background: #fff; padding: 16px 16px 14px; }
.res-stats b { display: block; font-size: 23px; letter-spacing: -.03em; color: var(--ink); line-height: 1.1; }
.res-stats span { display: block; font-size: 11.5px; color: var(--muted); line-height: 1.35; margin-top: 4px; }
.res-text { margin-top: 16px; font-size: 13px; color: var(--muted); max-width: 90ch; }

/* ---------- документы ---------- */
.doc-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.doc-card { display: flex; gap: 16px; align-items: flex-start; background: #fff; border: 1px solid var(--line); padding: 18px 20px; color: inherit; text-decoration: none; border-bottom-width: 1px; transition: border-color .15s; }
.doc-card:hover { border-color: var(--red); color: inherit; }
.doc-card__icon { flex: 0 0 auto; width: 46px; height: 56px; background: var(--red-soft); border: 1px solid rgba(206, 23, 30, .3); display: grid; place-items: center; font-family: var(--cond); font-size: 11px; font-weight: 700; color: var(--red); letter-spacing: .05em; }
.doc-card h3 { margin: 0 0 3px; font-size: 15px; }
.doc-card p { margin: 0; font-size: 12.5px; color: var(--muted); }
.doc-card__meta { margin-top: 6px; font-size: 11.5px; color: var(--muted); }
.doc-card .tag { margin-top: 7px; }

/* ---------- подвал ---------- */
.ft__grid { grid-template-columns: 1.4fr 1fr 1fr 1.1fr; }

/* ---------- модель / схема ---------- */
.mdl--ve .mdl-top { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; }
.mdl--ve .mdl-top > * { min-width: 0; }
.mdl--ve .mdl-figure img { max-height: 470px; }
.tpanel p, .tpanel ul { max-width: 92ch; }
.mdl-kicker { font-family: var(--cond); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red); margin-bottom: 8px; }
.mdl-lead { font-size: 15.5px; line-height: 1.62; color: #3b4149; margin: 0 0 16px; max-width: 62ch; }
.mdl--ve .mdl-facts li { background: #fff; border: 1px solid var(--line-2); }

.scheme-top { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 38px; align-items: center; }
.scheme-top > * { min-width: 0; }
.scheme-figure { margin: 0; border: 1px solid var(--line); background: #fff; }
.scheme-figure img { display: block; width: 100%; height: auto; padding: 18px; }
.scheme-figure figcaption { padding: 9px 14px; border-top: 1px solid var(--line); font-size: 11.5px; color: var(--muted); }
.scheme-figure--wide img { max-height: 420px; object-fit: contain; }
.scheme-block { margin-top: 30px; }
.scheme-block h2 { font-family: var(--cond); font-size: 1.3rem; text-transform: uppercase; letter-spacing: .04em; }
.read-scheme { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 14px; }
.read-scheme > div { background: #fff; padding: 12px 14px; font-size: 12.5px; }
.read-scheme b { display: block; font-family: var(--cond); font-size: 18px; color: var(--red); line-height: 1.1; }
.read-scheme span { color: var(--muted); }
.volt-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin-top: 14px; }
.volt-item { border: 1px solid var(--line); background: #fff; padding: 14px 16px; }
.volt-item.is-on { border-color: var(--red); box-shadow: 0 0 0 1px var(--red) inset; }
.volt-item b { font-family: var(--cond); font-size: 18px; color: var(--ink); }
.volt-item span { display: block; font-size: 12px; color: var(--muted); }
.volt-item .tag { margin-top: 8px; }
.volt-item .vol { color: var(--ink); font-weight: 600; }

.model-list { display: grid; gap: 8px; }
.model-row { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr auto; gap: 12px; align-items: center; padding: 10px 14px; border: 1px solid var(--line); background: #fff; font-size: 13px; }
.model-row b { font-family: var(--cond); font-size: 15px; color: var(--ink); }
.model-row span { color: var(--muted); }
.model-row a { border: 0; font-family: var(--cond); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }

/* ---------- адаптив ---------- */
@media (max-width: 1100px) {
  .hero--ve .hero__in { grid-template-columns: minmax(0, 1fr) 360px; gap: 30px; }
  .hero-dwg img { padding: 6px 10px 2px; }
  .spec-layout { grid-template-columns: minmax(0, 1fr); }
  .side-note { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
  .side-note h3 { grid-column: 1 / -1; }
  .side-note p { grid-column: 1 / -1; }
  .scheme-top { grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; }
}
@media (max-width: 768px) {
  .nav { flex-wrap: nowrap; overflow-x: auto; }
  .nav::-webkit-scrollbar { display: none; }
}
@media (max-width: 900px) {
  .hero--ve .hero__in { grid-template-columns: 1fr; gap: 26px; }
  .hero--ve .hero__in > .hero-dwg { max-width: 460px; }
  .hero-stats { grid-template-columns: 1fr 1fr; }
  .hero-stats > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .hero-stats > div { border-top: 1px solid var(--line); }
  .hero-stats > div:nth-child(-n+2) { border-top: 0; }
  .families, .dwg-pair, .doc-cards, .fluid { grid-template-columns: 1fr; }
  .family-card { grid-template-columns: 1fr; }
  .family-card__head, .family-card__fig, .family-card__facts, .family-card__body { grid-column: 1; grid-row: auto; }
  .family-card__fig { border-left: 0; border-block: 1px solid var(--line); }
  .family-card__fig img { max-height: 260px; }
  .ops { grid-template-columns: 1fr; }
  .voltage-grid, .volt-list { grid-template-columns: 1fr; }
  .res-stats { grid-template-columns: 1fr 1fr; }
  .struct { grid-template-columns: 1fr 1fr; }
  .scheme-top { grid-template-columns: 1fr; }
  .scheme-figure { max-width: 520px; }
  .read-scheme { grid-template-columns: 1fr 1fr; }
  .warn ul { columns: 1; }
  .mdl--ve .mdl-top { grid-template-columns: 1fr; }
  .ft__grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .hero--ve h1 { font-size: 1.95rem; }
  .hero--ve h1 em { font-size: .52em; }
  .tpanel p, .tpanel ul { max-width: none; }
  .banner__in { flex-wrap: wrap; }
  .banner__in .btn { margin-left: 0; width: 100%; }
  .scheme-tools { gap: 8px; }
  .scheme-count { margin-left: 0; }
  .spec-layout .tbl-wrap { overflow-x: auto; }
  .hero-stats { grid-template-columns: 1fr 1fr; margin-top: 22px; }
  .hero-stats b { font-size: 23px; }
  .family-card__fig img { height: 200px; }
  .res-body { grid-template-columns: 1fr; }
  .res-fig { max-width: 200px; }
  .res-facts { grid-template-columns: 1fr 1fr; }
  .scheme-grid { grid-template-columns: 1fr 1fr; }
  .scheme-card__fig img { height: 92px; }
  .scheme-card__d { display: none; }
  .struct { grid-template-columns: 1fr 1fr; }
  .doc-card { padding: 14px; }
  .model-row { grid-template-columns: 1fr 1fr; }
  .model-row a { grid-column: 1 / -1; }
  .read-scheme { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
  .hero--ve h1 { font-size: 1.8rem; }
  .scheme-grid { grid-template-columns: 1fr; }
  .scheme-card__d { display: block; }
}

/* ---------- печать ---------- */
@media print {
  .hero-dwg, .scheme-figure, .dwg-fig--ve { break-inside: avoid; }
  .tabs, .scheme-tools, .res-actions, .family-card__actions, .doc-cards { display: none !important; }
  .tpanel[hidden] { display: block !important; }
  .hero-stats b { color: #000; }
}


.doc-card__icon { width: 42px; height: 48px; background: none; border: 0; padding: 0; }
.doc-card__icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.btn__pdf { width: 15px; height: 15px; margin-right: 6px; vertical-align: -3px; }

